:root{--bg:#e9edf1;--surface:#f7f9fb;--sheet:#fff;--ink:#142033;--muted:#56627a;--line:#cfd6df;--accent:#2a47c4;--accent-ink:#fff;--accent-soft:#dfe5fb;--cut:#a35c12;--cut-soft:#f6e8d6;--good:#217a52;--good-soft:#dcf0e5;--warn:#9a6a00;--warn-soft:#f7edd0;--bad:#b03a3a;--bad-soft:#f6dddd;--band:#142033;--band-ink:#e9edf1;--band-muted:#a9b4c7;--band-line:#2d3a52;--shadow:#14203373;--f-display:"Familjen Grotesk", "Helvetica Neue", Arial, sans-serif;--f-body:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius:12px;--max:1200px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#10151e;--surface:#171e2a;--sheet:#1c2433;--ink:#e6ebf3;--muted:#9aa6bb;--line:#2d384b;--accent:#8ea4ff;--accent-ink:#0d1424;--accent-soft:#232f55;--cut:#e3a564;--cut-soft:#3a2a17;--good:#6fd0a0;--good-soft:#17352a;--warn:#e6c162;--warn-soft:#3a3116;--bad:#f08a8a;--bad-soft:#3d1f22;--band:#171e2a;--band-ink:#e6ebf3;--band-muted:#9aa6bb;--band-line:#2d384b;--shadow:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);flex-direction:column;min-height:100vh;margin:0;font-size:15px;line-height:1.55;display:flex}#root{flex-direction:column;min-height:100vh;display:flex}main{flex:1}h1,h2,h3{font-family:var(--f-display);text-wrap:balance;letter-spacing:-.01em;margin:0}p{margin:0}a{color:var(--accent)}img{max-width:100%}code{font-family:var(--f-mono);font-size:.92em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.page-pad{padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px))}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:12.5px}.nowrap{white-space:nowrap}.btn{font:600 14px/1.2 var(--f-body);cursor:pointer;border:1px solid var(--line);background:var(--sheet);color:var(--ink);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px 15px;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:0 0}.btn-danger{background:var(--bad);border-color:var(--bad);color:var(--sheet)}.btn-sm{padding:6px 11px;font-size:13px}.btn-lg{padding:12px 20px;font-size:15.5px}.btn-block{width:100%}.linklike{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nav{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px);padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));position:sticky;top:0}.nav-inner{max-width:var(--max);justify-content:space-between;align-items:center;gap:16px;min-height:60px;margin:0 auto;display:flex}.brand{font:700 18px var(--f-display);color:var(--ink);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{border:2px solid var(--ink);border-radius:4px;flex:none;width:22px;height:26px;position:relative}.brand-mark:after{content:"";background:var(--accent);border:2px solid var(--bg);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-6px;right:-6px}.nav-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 18px;display:flex}.nav-links>a:not(.btn){color:var(--muted);font-size:14px;font-weight:500;text-decoration:none}.nav-links>a:not(.btn):hover,.nav-links>a[aria-current=page]{color:var(--ink)}.landing{flex-direction:column;display:flex}.hero{max-width:calc(var(--max) + 40px);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:56px;width:100%;margin:0 auto;padding-top:56px;padding-bottom:72px;display:grid}.eyebrow{font:500 12px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.hero h1{letter-spacing:-.03em;font-size:clamp(36px,5.2vw,64px);font-weight:700;line-height:1.02}.hero-accent{color:var(--accent)}.lede{color:var(--muted);max-width:56ch;margin-top:22px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.hero-note{color:var(--muted);margin-top:14px;font-size:13px}.hero-sheet{min-width:0;position:relative;transform:rotate(1.4deg)}.hero-sheet .sheet{box-shadow:0 1px 0 var(--line), 0 40px 70px -40px var(--shadow)}.hero-sheet-label{z-index:1;font:500 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--cut-soft);color:var(--cut);border-radius:6px;padding:4px 9px;position:absolute;top:-12px;left:22px}@media (width<=920px){.hero{grid-template-columns:minmax(0,1fr);gap:40px;padding-top:36px}.hero-sheet{transform:none}}.band{background:var(--band);color:var(--band-ink);padding-top:72px;padding-bottom:72px}.band-inner{max-width:var(--max);flex-direction:column;gap:32px;margin:0 auto;display:flex}.band-head h2{font-size:clamp(26px,3.4vw,38px);font-weight:700}.band-head p{color:var(--band-muted);max-width:60ch;margin-top:10px}.signal-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (width<=1000px){.signal-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.signal-cards{grid-template-columns:minmax(0,1fr)}}.signal-card{border:1px solid var(--band-line);border-radius:var(--radius);flex-direction:column;gap:10px;padding:20px;display:flex}.signal-card h3{font-size:18px;font-weight:600}.signal-card>p{color:var(--band-muted);font-size:14px}.signal-card-tip{color:var(--band-ink);border-top:1px solid var(--band-line);margin-top:auto;padding-top:10px;font-size:13px}.steps{padding-top:80px;padding-bottom:72px}.steps-inner{max-width:var(--max);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;margin:0 auto;display:grid}.steps h2{font-size:clamp(26px,3.4vw,38px);font-weight:700}.step-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.step-list li{border-top:1px solid var(--line);gap:20px;padding:22px 0;display:flex}.step-list li:last-child{border-bottom:1px solid var(--line)}.step-n{font:500 28px/1 var(--f-mono);color:var(--accent);flex:none;width:28px}.step-list h3{margin-bottom:6px;font-size:19px;font-weight:600}.step-list p{color:var(--muted);max-width:58ch}@media (width<=820px){.steps-inner{grid-template-columns:minmax(0,1fr);gap:20px}}.cta{padding-bottom:88px}.cta-inner{max-width:var(--max);background:var(--accent-soft);border-radius:18px;flex-direction:column;align-items:flex-start;gap:12px;margin:0 auto;padding:44px clamp(20px,5vw,56px);display:flex}.cta h2{font-size:clamp(24px,3vw,34px);font-weight:700}.cta p{color:var(--muted);margin-bottom:8px}.page{max-width:calc(var(--max) + 40px);flex-direction:column;gap:20px;width:100%;margin:0 auto;padding-top:32px;padding-bottom:64px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-head h1{font-size:30px;font-weight:700}.page-head p{margin-top:4px}.empty-state{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);flex-direction:column;align-items:flex-start;gap:12px;padding:40px clamp(20px,4vw,40px);display:flex}.empty-state h1,.empty-state h2{font-size:24px}.empty-state p{color:var(--muted);max-width:60ch}.skeleton-list{flex-direction:column;gap:12px;display:flex}.skeleton-list>div{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);height:84px}@media (prefers-reduced-motion:no-preference){.skeleton-list>div{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.55}}}.form-error{color:var(--bad);background:var(--bad-soft);border-radius:8px;padding:10px 12px;font-size:14px}.toast{color:var(--good);overflow-wrap:anywhere;font-size:14px}.pill{font:600 12.5px var(--f-body);background:var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:4px 10px;display:inline-block}.pill-good{background:var(--good-soft);color:var(--good)}.banner{background:var(--accent-soft);color:var(--ink);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field label{font-size:13px;font-weight:600}.field .hint{margin-top:-2px}input,textarea,select{font:14.5px var(--f-body);color:var(--ink);background:var(--sheet);border:1px solid var(--line);border-radius:8px;width:100%;min-width:0;padding:9px 11px}textarea{resize:vertical;min-height:64px;line-height:1.5}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:0;border-color:#0000}.row2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}@media (width<=560px){.row2{grid-template-columns:minmax(0,1fr)}}.auth{justify-content:center;align-items:flex-start;padding-top:64px;padding-bottom:64px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:32px clamp(20px,5vw,32px);display:flex}.auth-card h1{font-size:26px;font-weight:700}.auth-switch{color:var(--muted);font-size:14px}.auth-foot{font-size:13px}.build-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.build-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;display:flex}.build-main{flex-direction:column;flex:320px;gap:4px;min-width:0;display:flex}.build-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.build-title{font:600 19px var(--f-display);color:var(--ink);overflow-wrap:anywhere;text-decoration:none}.build-title:hover{color:var(--accent)}.build-pitch{color:var(--muted)}.build-meta{font:12.5px var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums}.build-actions{flex-wrap:wrap;gap:8px;display:flex}.editor-bar{top:calc(61px + env(safe-area-inset-top,0px));z-index:10;background:var(--bg);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex;position:sticky}.editor-bar-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.back{color:var(--muted);font-size:14px;font-weight:500;text-decoration:none}.back:hover{color:var(--ink)}.save-state{font:12.5px var(--f-mono);color:var(--muted)}.save-saving,.save-pending{color:var(--warn)}.save-error{color:var(--bad)}.editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:24px;display:grid}@media (width<=960px){.editor-grid{grid-template-columns:minmax(0,1fr)}}.editor-form{flex-direction:column;gap:18px;min-width:0;display:flex}.editor-preview{top:calc(124px + env(safe-area-inset-top,0px));min-width:0;position:sticky}.preview-scroll{border-radius:14px;max-height:calc(100vh - 170px);overflow:auto}@media (width<=960px){.editor-preview{position:static}.preview-scroll{max-height:none;overflow:visible}}.preview-label{font:500 11.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:8px;display:flex}.group{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:14px;padding:18px;display:flex}.group-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.group-head h2{font-size:17px;font-weight:600}.group-head span{font:12px var(--f-mono);color:var(--muted)}.decision-list{flex-direction:column;gap:10px;display:flex}.decision{border:1px dashed var(--line);background:var(--sheet);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:12px;display:grid}.decision .full{grid-column:1/-1}.decision-rm{align-self:end}.danger{justify-content:flex-end;display:flex}.confirm{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.signals{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width<=560px){.signals{grid-template-columns:minmax(0,1fr)}}.signal{background:var(--sheet);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}.signal-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.signal-top strong{font-size:13.5px}.pips{flex:none;gap:4px;display:inline-flex}.pip{background:var(--line);border-radius:3px;width:18px;height:6px}.pip.on{background:var(--accent)}.signal p{color:var(--muted);font-size:12.5px}.sheet{background:var(--sheet);border:1px solid var(--line);box-shadow:0 1px 0 var(--line), 0 18px 40px -28px var(--shadow);border-radius:14px;overflow:hidden}.sheet-head{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:26px 26px 18px;display:flex}.sheet-stamp{font:500 11.5px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.sheet-head h2{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(28px,3.6vw,40px);font-weight:700;line-height:1.05}.sheet-pitch{max-width:58ch;font-size:17px}.sheet-meta{font:13px var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px 18px;display:flex}.sheet-meta b{color:var(--ink);font-weight:500}.sheet-body{flex-direction:column;padding:4px 26px 22px;display:flex}.sheet-sec{border-bottom:1px solid var(--line);grid-template-columns:112px minmax(0,1fr);gap:16px;padding:16px 0;display:grid}.sheet-sec:last-child{border-bottom:0}@media (width<=560px){.sheet-sec{grid-template-columns:minmax(0,1fr);gap:6px}.sheet-head,.sheet-body{padding-left:18px;padding-right:18px}}.sheet-sec h3{font:500 11.5px var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding-top:3px}.sheet-sec p{overflow-wrap:anywhere;white-space:pre-line}.sheet-idea{font-family:var(--f-display);font-size:19px;font-weight:600;line-height:1.3}.sheet-chips{flex-wrap:wrap;gap:6px;display:flex}.sheet-chip{background:var(--cut-soft);color:var(--cut);border-radius:999px;padding:3px 9px;font-size:13px;text-decoration:line-through;text-decoration-thickness:1px}.sheet-decisions{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.sheet-decisions li{flex-direction:column;gap:3px;display:flex}.sheet-decisions .d{font-weight:600}.sheet-decisions .w{color:var(--muted);font-size:14px}.tag{font:500 11px var(--f-mono);letter-spacing:.02em;border-radius:5px;align-self:flex-start;padding:2px 7px}.tag-mine{background:var(--accent-soft);color:var(--accent)}.tag-kept{background:var(--good-soft);color:var(--good)}.tag-overrode{background:var(--warn-soft);color:var(--warn)}.sheet-links{font:13px var(--f-mono);overflow-wrap:anywhere;flex-direction:column;gap:4px;display:flex}.sheet-empty{color:var(--muted);font-style:italic}.shared{max-width:900px}.shared-sheet{min-width:0}.shared-cta{border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:16px 18px;font-size:14px;display:flex}.shared-cta p{max-width:60ch}.shared-cta b{color:var(--ink)}.footer{border-top:1px solid var(--line);padding-top:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));font:12.5px var(--f-mono);color:var(--muted);max-width:calc(var(--max) + 40px);flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%;margin:0 auto;display:flex}@media (prefers-reduced-motion:no-preference){.btn,.pip,.build-title{transition:background-color .15s,border-color .15s,color .15s,filter .15s}}