@font-face{font-family:Neue Haas Display;src:url(/brand/NeueHaasDisplayLight.ttf) format("truetype");font-weight:300;font-display:swap}@font-face{font-family:Neue Haas Display;src:url(/brand/NeueHaasDisplayRoman.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Neue Haas Display;src:url(/brand/NeueHaasDisplayMediu.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Neue Haas Display;src:url(/brand/NeueHaasDisplayBold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--teal: #100f20;--teal-700: #26282b;--teal-300: #75787b;--teal-100: #ececE7;--teal-50: #f2f2f1;--signal: #c9f158;--signal-deep: #9fcb2e;--signal-50: #f2f9d8;--signal-ink: #100f20;--black-900: #100f20;--black-800: #151516;--black-500: #3a3c3f;--black-400: #53565a;--black-300: #97999b;--black-200: #d9d9d6;--black-100: #ecece7;--black-50: #f2f2f1;--burning: #c9f158;--canvas: #f7f7f7;--elevated: #ffffff;--mist: #f7f7f7;--breeze: #ecece7;--sky: #d9d9d6;--text: #100f20;--text-muted: #53565a;--text-subtle: #75787b;--border: #e7e7e2;--border-strong: #d9d9d6;--red: #ff3b30;--red-bg: #ffe9e7;--green: #34c759;--green-bg: #e4f7e9;--yellow: #ffcc00;--yellow-bg: #fff5d1;--blue: #007aff;--blue-bg: #e3f0ff;--gradient: linear-gradient(140deg, #100f20 0%, #17191c 55%, #26282b 100%);--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-pill: 999px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--shadow-sm: 0 1px 2px rgba(6, 8, 16, .05);--shadow-md: 0 1px 2px rgba(6, 8, 16, .05), 0 8px 28px rgba(6, 8, 16, .07);--shadow-lg: 0 2px 8px rgba(6, 8, 16, .06), 0 16px 40px rgba(6, 8, 16, .12);--focus-ring: 0 0 0 3px rgba(201, 241, 88, .5);--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--font: "Neue Haas Display", "Neue Haas Grotesk Display Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:15px;color:var(--text);background:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-weight:500;letter-spacing:-.02em;line-height:1.12;color:var(--black-900);margin:0;text-wrap:balance}h1{letter-spacing:-.03em}a{color:var(--text);text-decoration:none}button{font-family:inherit}::selection{background:var(--signal);color:var(--signal-ink)}:focus-visible{outline:2px solid var(--signal-deep);outline-offset:2px;border-radius:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:11px 22px;border-radius:var(--r-md);font-size:15px;font-weight:500;letter-spacing:-.005em;cursor:pointer;border:1px solid transparent;min-height:44px;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease),box-shadow .15s var(--ease),transform .1s var(--ease);white-space:nowrap;background:none;color:inherit}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.98)}.btn--primary{background:var(--black-900);color:#fff}.btn--primary:hover:not(:disabled){background:var(--teal-700)}.btn--secondary{background:var(--elevated);color:var(--text);border-color:var(--border-strong)}.btn--secondary:hover:not(:disabled){border-color:var(--text)}.btn--signal{background:var(--signal);color:var(--signal-ink)}.btn--signal:hover:not(:disabled){background:#d6f876}.btn--ghost{color:var(--text);background:transparent}.btn--ghost:hover:not(:disabled){background:var(--breeze)}.btn--sm{padding:6px 14px;min-height:34px;font-size:13px;border-radius:var(--r-sm)}.btn--danger{color:var(--red)}.btn--danger:hover:not(:disabled){background:var(--red-bg)}.btn--block{width:100%}.topbar{display:flex;justify-content:center;height:60px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--elevated) 78%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);position:sticky;top:0;z-index:20}.topbar-inner{display:flex;align-items:center;gap:var(--s4);width:100%;max-width:1200px;height:100%;padding:0 var(--s6)}.topbar-inner--wide{max-width:none}.brandmark{display:flex;align-items:center;gap:10px;padding:8px 4px;font-weight:500;letter-spacing:.02em;color:var(--black-900)}.brandmark img{height:15px}.brandmark .sep{color:var(--black-200)}.brandmark .sub{color:var(--text-subtle);font-size:14px}.topbar .spacer{flex:1}.topnav{display:flex;gap:2px;margin-left:var(--s4)}.topnav-link{border:none;background:none;cursor:pointer;font-family:inherit;font-size:14px;color:var(--text-muted);padding:6px 12px;border-radius:var(--r-pill)}.topnav-link:hover{background:var(--breeze);color:var(--text)}.user-row{display:grid;grid-template-columns:1fr 1fr 110px 110px 150px 90px auto;align-items:center;gap:var(--s4);padding:12px var(--s5);border-top:1px solid var(--border);font-size:14px}.user-row--head{background:var(--black-50);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);border-top:none}.user-row select{min-height:32px;padding:4px 8px}.user-actions{display:flex;gap:4px;justify-content:flex-end}.audit-row{display:grid;grid-template-columns:170px 160px 200px 1fr;gap:var(--s4);padding:10px var(--s5);border-top:1px solid var(--border);font-size:14px}.audit-row--head{background:var(--black-50);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);border-top:none}.eyebrow{display:inline-flex;align-items:center;gap:var(--s2);padding:5px 11px 6px;background:var(--signal-50);border-radius:var(--r-sm);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text);font-weight:500}.page{max-width:1200px;margin:0 auto;padding:40px var(--s6) 64px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--s7, 40px);gap:var(--s4)}.page-head h1{font-size:34px;margin-top:14px}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle);font-size:14px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s5)}.mail-card{background:var(--elevated);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:border-color .2s var(--ease),box-shadow .25s var(--ease-out),transform .25s var(--ease-out);cursor:pointer;display:flex;flex-direction:column}.mail-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.mail-card .thumb{height:150px;background:var(--gradient);display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:13px}.mail-card .body{padding:var(--s5);flex:1}.mail-card h3{font-size:18px;margin-bottom:6px}.mail-card .foot{display:flex;align-items:center;justify-content:space-between;padding:var(--s3) var(--s5);border-top:1px solid var(--border)}.badge{font-size:11px;letter-spacing:.05em;text-transform:uppercase;font-weight:500;padding:3px 9px 4px;border-radius:var(--r-sm);background:var(--black-100);color:var(--text-muted)}.badge--ready{background:var(--signal);color:var(--signal-ink)}.mail-list{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:#fff}.mail-group-head{background:var(--breeze);color:var(--teal);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:8px var(--s5);border-top:1px solid var(--border)}.mail-row{display:grid;grid-template-columns:185px 1.6fr 90px 140px 130px 72px 168px;align-items:start;gap:var(--s4);padding:14px var(--s5);border-top:1px solid var(--border);cursor:pointer;font-size:14px;line-height:1.4}.mail-row:hover{background:var(--mist)}.mail-row--head{background:var(--black-50);cursor:default;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);border-top:none}.mail-row--head:hover{background:var(--black-50)}.mr-id{font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mr-title{font-weight:500;color:var(--text)}.mr-sub{font-size:12px;color:var(--text-subtle)}.mr-dates{font-size:12px;color:var(--text-muted)}.mr-actions{display:flex;gap:4px;justify-content:flex-end;opacity:0;transition:opacity .12s}.mail-row:hover .mr-actions{opacity:1}.mr-review{font-size:12px;color:var(--text-muted)}.rev{font-size:12px}.rev-soon{color:#9a6b00;font-weight:500}.rev-late{color:#c1121f;font-weight:600}.settings-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s6);max-width:560px}.settings-card code{background:var(--black-50);padding:2px 6px;border-radius:6px;font-size:13px}.settings-card+.settings-card{margin-top:var(--s4)}.settings-card--wide{max-width:820px}.tone-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2) var(--s3);margin-top:var(--s2)}.tone-fields .field{margin:0}.tone-fields .field:has(textarea){grid-column:1 / -1}.tone-preview{margin-top:var(--s3)}.tone-preview summary{cursor:pointer;font-size:13px;color:var(--teal)}.tone-preview pre{white-space:pre-wrap;background:#fff;border:1px solid var(--border);border-radius:8px;padding:10px;font-size:12.5px;line-height:1.5;margin-top:6px}.key-reveal{background:var(--signal-50);border:1px solid var(--signal);border-radius:var(--r-md);padding:12px}.key-reveal-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.key-reveal-row code{flex:1;min-width:240px;background:#fff;border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:12.5px;word-break:break-all}.key-table{width:100%;border-collapse:collapse;margin-top:16px;font-size:14px}.key-table th,.key-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}.key-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted, #667)}.key-table tr.revoked{opacity:.5}.key-table code{font-size:12.5px}.tone-list{display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s3)}.tone-row{border:1px solid var(--border);border-radius:var(--r-md, 10px);padding:var(--s3);background:var(--black-50, #fafafa)}.tone-row-head{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s2)}.tone-row-head .tone-name{flex:1}.tone-row-head .radio,.field .radio{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted, #555);white-space:nowrap;cursor:pointer}.tone-row-head .radio input,.field .radio input{width:auto}.tone-row textarea{width:100%;font-size:14px}.tone-select{display:inline-flex;align-items:center;gap:6px;margin-right:8px}.tone-select select{width:auto;min-width:130px;height:32px;padding:2px 8px;font-size:13px;border:1px solid var(--border-strong);border-radius:8px;background:#fff}.filters{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s4);flex-wrap:wrap}.filters select{width:auto;min-width:150px}.filter-search{width:240px;min-height:38px;padding:8px 12px}.card-create{border:1px dashed var(--border-strong);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;min-height:200px;cursor:pointer;color:var(--text);font-weight:500;background:var(--elevated);transition:border-color .15s var(--ease),background .15s var(--ease)}.card-create:hover{border-color:var(--text);background:var(--signal-50)}.field{margin-bottom:var(--s4)}.field label{display:block;font-size:13px;letter-spacing:.02em;margin-bottom:6px;color:var(--text);font-weight:500}.field .help{font-size:12px;color:var(--text-subtle);margin-top:4px}input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{width:100%;padding:10px 14px;border:1px solid var(--border-strong);border-radius:var(--r-sm);font-family:inherit;font-size:15px;background:#fff;color:var(--text);box-sizing:border-box}textarea{min-height:90px;resize:vertical}.rt{border:1px solid var(--border-strong);border-radius:var(--r-sm);overflow:hidden;background:#fff}.rt:focus-within{border-color:var(--text);box-shadow:var(--focus-ring)}.rt-toolbar{display:flex;gap:2px;padding:4px;background:var(--black-50);border-bottom:1px solid var(--border)}.rt-btn{width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:13px;color:var(--text);line-height:1}.rt-btn:hover{background:var(--breeze);color:var(--teal)}.rt-editor{min-height:84px;padding:10px 14px;font-size:15px;line-height:1.5;outline:none;color:var(--text)}.rt-editor:empty:before{content:attr(data-ph);color:var(--text-subtle)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--text);box-shadow:var(--focus-ring)}.row{display:flex;gap:var(--s4)}.row>*{flex:1}.wizard{max-width:760px;margin:0 auto;padding:var(--s6)}.wizard .panel{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s6)}.steps{display:flex;gap:var(--s2);margin-bottom:var(--s5)}.steps .dot{flex:1;height:4px;border-radius:2px;background:var(--black-100);transition:background .2s var(--ease)}.steps .dot.active{background:var(--signal-deep)}.wizard h2{font-size:24px;margin-bottom:var(--s2)}.wizard .step-desc{color:var(--text-muted);margin-bottom:var(--s5)}.wizard-actions{display:flex;justify-content:space-between;margin-top:var(--s5)}.levers{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3)}.lever{border:1px solid var(--border-strong);border-radius:var(--r-md);padding:var(--s3) var(--s4);cursor:pointer;transition:all .15s}.lever:hover{border-color:var(--teal)}.lever.on{border-color:var(--text);background:var(--signal-50)}.lever .name{font-weight:500;font-size:14px}.lever .short{font-size:12px;color:var(--text-subtle)}.editor{display:grid;grid-template-columns:280px 1fr 340px;height:calc(100vh - 60px);overflow:hidden}.pane{overflow-y:auto;background:#fff}.pane-left{border-right:1px solid var(--border);padding:var(--s4)}.pane-center{background:var(--mist);display:flex;flex-direction:column;align-items:center;padding:var(--s5);overflow-y:auto}.pane-right{border-left:1px solid var(--border);padding:var(--s4)}.pane h4{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:var(--s3)}.outline-item{display:flex;align-items:center;gap:var(--s2);padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-sm);margin-bottom:6px;cursor:pointer;background:#fff}.outline-item:hover{border-color:var(--border-strong)}.outline-item.sel{border-color:var(--text);background:var(--signal-50)}.outline-item .label{flex:1;font-size:14px}.outline-item .type{font-size:11px;color:var(--text-subtle)}.outline-item .grip{color:var(--black-200);cursor:grab}.outline-item .mini{border:none;background:none;cursor:pointer;color:var(--text-subtle);padding:2px 4px;font-size:13px}.outline-item .mini:hover{color:var(--teal)}.palette-btn{display:block;width:100%;text-align:left;padding:8px 12px;border:1px solid var(--border);border-radius:var(--r-sm);margin-bottom:6px;background:#fff;cursor:pointer;font-size:14px}.palette-btn:hover{border-color:var(--teal);background:var(--breeze)}.palette-btn small{display:block;color:var(--text-subtle);font-size:11px}.preview-toolbar{display:flex;gap:var(--s2);margin-bottom:var(--s4);align-items:center;flex-wrap:wrap;justify-content:center;position:sticky;top:0;z-index:5;width:100%;background:var(--mist);padding:8px 0}.export-menu{position:relative;display:inline-block}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.menu{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:6px;z-index:31;min-width:200px}.menu button{display:block;width:100%;text-align:left;border:none;background:none;padding:9px 12px;border-radius:var(--r-sm);cursor:pointer;font-size:14px;color:var(--text)}.menu button:hover{background:var(--breeze);color:var(--teal)}.profile-menu{position:relative;display:inline-block}.profile-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:#fff;border-radius:var(--r-pill);padding:4px 10px 4px 4px;cursor:pointer;font-family:inherit;font-size:14px;color:var(--text)}.profile-btn:hover{border-color:var(--border-strong)}.profile-btn .avatar{width:28px;height:28px;border-radius:50%;background:var(--teal);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;letter-spacing:.02em}.profile-btn .chev{color:var(--text-subtle);font-size:11px}.menu-head{padding:8px 12px 10px;display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--border);margin-bottom:6px}.menu-head strong{font-size:14px}.menu-sep{height:1px;background:var(--border);margin:6px 0}.pane-left-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.pane-left-head h4{margin:0}.add-block{position:relative}.add-block-menu{left:0;right:auto;min-width:300px;max-height:64vh;overflow-y:auto}.add-block-menu button{white-space:normal}.add-block-menu .add-block-label{display:block;font-weight:500}.add-block-menu small{display:block;color:var(--text-subtle);font-size:12px;margin-top:2px;line-height:1.4}.seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--r-pill);overflow:hidden}.seg button{border:none;background:#fff;padding:7px 16px;cursor:pointer;font-size:13px;color:var(--text-muted)}.seg button.on{background:var(--teal);color:#fff}.preview-scaler{border:1px solid var(--border);border-radius:var(--r-md);background:#fff;box-shadow:var(--shadow-lg);overflow:hidden;transition:width .12s ease,height .12s ease;flex:none}.preview-frame{background:#fff}.ai-btn{font-size:12px;font-weight:500;color:var(--signal-ink);background:var(--signal-50);border:1px solid var(--signal);border-radius:var(--r-pill);padding:3px 11px;cursor:pointer;float:right;transition:background .15s var(--ease)}.ai-btn:hover{background:var(--signal)}.ai-btn:disabled{opacity:.5;cursor:not-allowed}.checkbox{display:flex;align-items:center;gap:var(--s2);font-size:14px}.checkbox input{width:auto}.list-item{border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s3);margin-bottom:var(--s3);background:var(--mist)}.list-item-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s2)}.list-item-title{font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-subtle)}.list-item .field{margin-bottom:var(--s2)}.list-item .mini[disabled]{opacity:.3;cursor:not-allowed}.grip{cursor:grab;color:var(--black-300);padding-right:8px;-webkit-user-select:none;user-select:none;font-size:15px;line-height:1}.grip:active{cursor:grabbing}.grip--locked{cursor:default;opacity:.35}.list-item-head .grip{padding-right:6px}.outline-item.drag-over,.list-item.drag-over{border-color:var(--teal);box-shadow:inset 0 3px 0 -1px var(--teal)}.outline-item[draggable],.outline-item .grip{-webkit-user-drag:element}.finding{border:1px solid var(--border);border-left:3px solid var(--signal-deep);border-radius:var(--r-sm);padding:var(--s3);margin-bottom:var(--s3);font-size:14px}.finding.hög{border-left-color:var(--red)}.finding.medel{border-left-color:var(--yellow)}.finding .sev{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle)}.score{font-size:44px;font-weight:500;letter-spacing:-.03em;color:var(--text)}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--s5);background:var(--gradient);position:relative;overflow:hidden}.login:after{content:"";position:absolute;inset:auto -10% -40% -10%;height:70%;pointer-events:none;background:radial-gradient(55% 90% at 50% 100%,rgba(201,241,88,.12),transparent 70%)}.login .box{position:relative;z-index:1;background:var(--elevated);border-radius:var(--r-lg);padding:var(--s7, 40px) var(--s6) var(--s6);width:380px;max-width:100%;box-shadow:var(--shadow-lg)}.login .box .login-logo{height:16px;margin-bottom:var(--s5)}.login h1{font-size:26px;margin-bottom:var(--s2)}.login .login-sub{color:var(--text-muted);margin:0 0 var(--s5);font-size:15px}.login .box .btn--block{margin-top:var(--s2)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#100f2073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;border-radius:var(--r-lg);padding:var(--s6);width:440px;box-shadow:var(--shadow-lg)}.modal h3{font-size:20px;margin-bottom:var(--s4)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--s2);margin-top:var(--s5)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--black-900);color:#fff;padding:12px 20px;border-radius:var(--r-pill);font-size:14px;z-index:100;box-shadow:var(--shadow-lg)}.empty{text-align:center;padding:80px 20px;color:var(--text-subtle)}.spin{display:inline-block;width:16px;height:16px;border:2px solid var(--black-100);border-top-color:var(--signal-deep);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-load{display:flex;align-items:center;justify-content:center;height:60vh;gap:10px;color:var(--text-muted)}