:root{--bg:#000;--fg:#f0f0fa;--muted:rgba(240,240,250,.7);--border:rgba(240,240,250,.35);--border-soft:rgba(240,240,250,.1);--accent:#f0f0fa;--accent-on:#000;--success:#16a34a;--warn:#eab308;--danger:#dc2626;--font-display:"D-DIN-Bold","D-DIN","DIN Alternate","Helvetica Neue",Arial,Verdana,sans-serif;--font-body:"D-DIN","DIN Alternate","Helvetica Neue",Arial,Verdana,sans-serif;--font-mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Monaco,Consolas,monospace;--radius-pill:32px}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--fg);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;line-height:1.5}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 34%,color-mix(in oklch,var(--fg) 14%,transparent),transparent 30%),linear-gradient(180deg,transparent,color-mix(in oklch,var(--fg) 5%,transparent));opacity:.72}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;text-transform:uppercase}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.shell{padding:20px clamp(18px,4vw,48px) 48px}.center-shell,.shell{position:relative;min-height:100vh}.center-shell{display:grid;place-items:center;padding:18px}.bar,.nav,.topline{display:flex;justify-content:space-between;align-items:center;gap:16px}.meta,.nav a,label{color:var(--muted);font:700 10px/1 var(--font-mono);letter-spacing:.11em}.brand{color:var(--fg);font-weight:700}h1{margin:12px 0 0;font:700 clamp(38px,7vw,88px)/.94 var(--font-display);text-wrap:balance}h1,h2{letter-spacing:.02em}h2{margin:0;font:700 clamp(24px,3vw,42px)/1 var(--font-display)}.lead{max-width:62ch;color:var(--muted);font-size:14px}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-pill);background:color-mix(in oklch,var(--fg) 10%,transparent);color:var(--fg);padding:13px 18px;letter-spacing:.09em;transition:background .2s cubic-bezier(.2,0,0,1),border-color .2s cubic-bezier(.2,0,0,1)}.btn:hover{border-color:var(--fg)}.btn.primary{background:var(--accent);color:var(--accent-on);border-color:var(--accent)}.btn.danger{border-color:color-mix(in oklch,var(--danger) 70%,var(--border));color:#ffb4b4}.btn.ghost{background:transparent}.input,.select,.textarea{width:100%;border:1px solid var(--border);background:transparent;color:var(--fg);padding:14px 16px;letter-spacing:.08em}.textarea{min-height:86px;resize:vertical}.input::-moz-placeholder,.textarea::-moz-placeholder{color:color-mix(in oklch,var(--muted) 70%,transparent)}.input::placeholder,.textarea::placeholder{color:color-mix(in oklch,var(--muted) 70%,transparent)}.btn:focus-visible,.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent)}.hero{padding:clamp(48px,9vw,112px) 0 30px;border-bottom:1px solid var(--border-soft)}.hero.split{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:48px}.actions,.row-actions{display:flex;gap:12px;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:28px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.layout-editor{display:grid;grid-template-columns:300px 1fr;gap:28px}.card,.panel{border-top:1px solid var(--border);padding-top:20px}.card{display:grid;gap:20px}.soft-box{border:1px solid var(--border-soft);padding:14px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{border:1px solid var(--border-soft);padding:12px}.stat strong{display:block;font:700 22px/1 var(--font-mono)}.list{gap:10px}.line,.list{display:grid}.line{grid-template-columns:1fr auto;gap:16px;padding:14px 0;border-top:1px solid var(--border-soft)}.status-text,.toast{min-height:22px;color:var(--muted)}.ok{color:#9df0b5}.warn{color:#ffe184}.danger-text{color:#ffb4b4}.stage{margin:28px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.step{border:1px solid var(--border-soft);padding:14px}.step.active{border-color:var(--border);background:color-mix(in oklch,var(--fg) 8%,transparent)}.progress{height:8px;border:1px solid var(--border-soft);margin-top:10px}.fill{height:100%;background:var(--accent);width:var(--w,0)}.question{border:1px solid var(--border-soft);padding:18px}.question.active{border-color:var(--border);background:color-mix(in oklch,var(--fg) 8%,transparent)}.question.locked{opacity:.5}.choices{display:grid;gap:10px}.choice{border:1px solid var(--border-soft);background:transparent;color:var(--fg);padding:14px;text-align:left}.choice.selected{border-color:var(--border);background:color-mix(in oklch,var(--fg) 8%,transparent)}@media(max-width:960px){.grid-2,.grid-3,.hero.split,.layout-editor,.stage{grid-template-columns:1fr}.bar,.nav,.topline{align-items:flex-start;flex-direction:column}}@media(max-width:540px){.actions,.row-actions{flex-direction:column}.btn{width:100%}.line,.stat-grid{grid-template-columns:1fr}}.host-notification-viewport[data-v-ffdc441b]{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:1000;width:min(390px,calc(100vw - 40px));display:grid;gap:10px;pointer-events:none}.host-notification[data-v-ffdc441b]{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;border:1px solid var(--border);border-left-width:3px;background:color-mix(in oklch,var(--bg) 92%,var(--fg));box-shadow:0 18px 50px #00000080;padding:14px;pointer-events:auto}.host-notification-success[data-v-ffdc441b]{border-left-color:var(--success)}.host-notification-info[data-v-ffdc441b]{border-left-color:var(--fg)}.host-notification-warning[data-v-ffdc441b]{border-left-color:var(--warn)}.host-notification-error[data-v-ffdc441b]{border-left-color:var(--danger)}.host-notification-icon[data-v-ffdc441b]{width:24px;height:24px;display:inline-grid;place-items:center;border:1px solid;border-radius:50%;font:700 13px/1 var(--font-mono)}.host-notification-success .host-notification-icon[data-v-ffdc441b]{color:#9df0b5}.host-notification-info .host-notification-icon[data-v-ffdc441b]{color:var(--fg)}.host-notification-warning .host-notification-icon[data-v-ffdc441b]{color:#ffe184}.host-notification-error .host-notification-icon[data-v-ffdc441b]{color:#ffb4b4}.host-notification-copy[data-v-ffdc441b]{min-width:0;display:grid;gap:5px}.host-notification-label[data-v-ffdc441b]{color:var(--muted);font:700 9px/1 var(--font-mono);letter-spacing:.12em}.host-notification-copy p[data-v-ffdc441b]{margin:0;color:var(--fg);font-size:13px;overflow-wrap:anywhere}.host-notification-close[data-v-ffdc441b]{width:26px;height:26px;border:0;background:transparent;color:var(--muted);padding:0;font:400 22px/1 var(--font-body)}.host-notification-close[data-v-ffdc441b]:hover{color:var(--fg)}.host-notification-close[data-v-ffdc441b]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent)}.host-notification-enter-active[data-v-ffdc441b],.host-notification-leave-active[data-v-ffdc441b]{transition:opacity .18s ease,transform .18s ease}.host-notification-enter-from[data-v-ffdc441b],.host-notification-leave-to[data-v-ffdc441b]{opacity:0;transform:translate(24px)}.host-notification-move[data-v-ffdc441b]{transition:transform .18s ease}@media(max-width:540px){.host-notification-viewport[data-v-ffdc441b]{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px)}}@media(prefers-reduced-motion:reduce){.host-notification-enter-active[data-v-ffdc441b],.host-notification-leave-active[data-v-ffdc441b],.host-notification-move[data-v-ffdc441b]{transition:none}}