:root{--p-paper: #fbfaf7;--p-paper-raise: #ffffff;--p-ink: #171614;--p-ink-soft: #4a4844;--p-gray: #8a867e;--p-line: #e4e1d8;--p-line-soft: #eeebe2;--p-blue: #1946f0;--p-blue-deep: #0f2fb0;--p-blue-wash: #eef1fe;--p-violet: #635bff;--p-turquoise: #00d4ff;--p-turquoise-ink: #00364a;--p-citrus: #ffd23f;--p-citrus-ink: #6b4e00;--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}:root{--s-surface-page: var(--p-paper);--s-surface-raise: var(--p-paper-raise);--s-ink-primary: var(--p-ink);--s-ink-secondary: var(--p-ink-soft);--s-ink-muted: var(--p-gray);--s-border: var(--p-line);--s-border-soft: var(--p-line-soft);--s-accent: var(--p-blue);--s-accent-strong: var(--p-blue-deep);--s-accent-wash: var(--p-blue-wash);--s-running: var(--p-violet);--s-recorded-fill: var(--p-turquoise);--s-recorded-ink: var(--p-turquoise-ink);--s-warn-fill: var(--p-citrus);--s-warn-ink: var(--p-citrus-ink)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}body{font-family:var(--font-sans);background:var(--s-surface-page);color:var(--s-ink-primary);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}.shell{max-width:1020px;margin:0 auto;padding:0 28px 120px}header{display:flex;align-items:center;justify-content:space-between;padding:26px 0 20px;border-bottom:1px solid var(--s-border);margin-bottom:44px;gap:24px;flex-wrap:wrap}.wordmark{line-height:1;text-decoration:none;color:inherit}.wordmark .mark{font-size:24px;letter-spacing:.04em;text-transform:uppercase}.wordmark .mark .thin{font-weight:300}.wordmark .mark .heavy{font-weight:900;color:var(--s-accent)}.wordmark .sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--s-ink-muted);margin-top:5px;text-transform:uppercase}nav{display:flex;align-items:center;gap:6px}.tab{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;background:none;border:1.5px solid transparent;border-radius:999px;padding:9px 18px;color:var(--s-ink-muted);cursor:pointer;transition:color .15s}.tab:hover{color:var(--s-ink-primary)}.tab.active{color:var(--s-ink-primary);border-color:var(--s-accent)}.tab:focus-visible,button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--s-accent);outline-offset:2px}.tab .count{display:inline-block;margin-left:7px;padding:1px 7px;border-radius:999px;background:var(--s-recorded-fill);color:var(--s-recorded-ink);font-size:10px;font-weight:600}.tab .count:empty{display:none}.eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--s-accent);margin-bottom:10px}h1{font-size:30px;font-weight:700;letter-spacing:-.01em;margin-bottom:40px}.stage{display:grid;grid-template-columns:168px 1fr;gap:32px;padding:30px 0;border-top:1px dashed var(--s-border)}.stage:first-of-type{border-top:none;padding-top:0}.stage-label .num{font-family:var(--font-mono);font-size:11px;color:var(--s-ink-muted);letter-spacing:.14em}.stage-label h2{font-size:16px;font-weight:700;margin:4px 0 6px}.stage-label p{font-size:13px;color:var(--s-ink-muted);line-height:1.5}textarea{width:100%;font-family:var(--font-mono);font-size:12.5px;line-height:1.65;color:var(--s-ink-primary);background:var(--s-surface-raise);border:1px solid var(--s-border);border-radius:8px;padding:16px 18px;resize:vertical}textarea::placeholder{color:var(--s-ink-muted)}.source-text{min-height:300px}.focus-text{min-height:66px;font-family:var(--font-sans);font-size:13.5px}.hint{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;color:var(--s-ink-muted);margin-top:9px;text-transform:uppercase}.btn-primary{font-family:var(--font-sans);font-size:14px;font-weight:600;background:var(--s-accent);color:#fff;border:none;border-radius:8px;padding:12px 26px;cursor:pointer;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--s-accent-strong)}.btn-primary:disabled{background:var(--s-border);color:var(--s-ink-muted);cursor:not-allowed}.gate-note{font-size:13px;color:var(--s-ink-muted);margin-top:12px;padding-top:12px;border-top:1px dashed var(--s-border-soft)}.gate-note code{font-family:var(--font-mono);font-size:11.5px}.ledger{border:1px solid var(--s-border);border-radius:10px;background:var(--s-surface-raise);margin-bottom:32px;overflow:hidden}.ledger-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;cursor:pointer;-webkit-user-select:none;user-select:none}.ledger-head .t{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.ledger-head .t .n{color:var(--s-accent)}.ledger-rows{border-top:1px solid var(--s-border-soft)}.ledger-row{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:baseline;padding:11px 18px;border-top:1px solid var(--s-border-soft);font-size:13px}.ledger-row:first-child{border-top:none}.ledger-row .idx{font-family:var(--font-mono);font-size:11px;color:var(--s-ink-muted)}.ledger-row .q{color:var(--s-ink-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ledger-row .a{font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.08em;background:var(--s-recorded-fill);color:var(--s-recorded-ink);padding:3px 10px;border-radius:999px;text-transform:uppercase;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ledger-empty{padding:14px 18px;font-size:13px;color:var(--s-ink-muted);border-top:1px solid var(--s-border-soft)}.thread{display:flex;flex-direction:column;gap:22px;margin-bottom:30px}.turn-user{align-self:flex-end;max-width:78%}.turn-user .who,.turn-ai .who{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--s-ink-muted);margin-bottom:7px}.turn-user .who{text-align:right}.turn-user .bubble{background:var(--s-accent-wash);border:1px solid var(--s-border);border-radius:10px 10px 2px;padding:13px 17px;font-size:14px}.turn-ai{max-width:100%}.blocks{display:flex;flex-direction:column;gap:14px}.blk-text{font-size:14.5px;color:var(--s-ink-primary);max-width:72ch}.blk-text p+p{margin-top:10px}.blk-text code{font-family:var(--font-mono);font-size:12.5px;background:var(--s-surface-raise);border:1px solid var(--s-border-soft);border-radius:4px;padding:1px 5px}.blk-callout{border:1px solid var(--s-border);border-left:3px solid var(--s-accent);border-radius:8px;background:var(--s-surface-raise);padding:14px 18px;max-width:72ch}.blk-callout .tag{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-bottom:6px}.blk-callout.strength .tag{color:var(--s-recorded-ink)}.blk-callout.strength{border-left-color:var(--s-recorded-fill)}.blk-callout.weakness .tag{color:var(--s-warn-ink)}.blk-callout.weakness{border-left-color:var(--s-warn-fill)}.blk-callout.note .tag{color:var(--s-accent)}.blk-callout .ct{font-size:14px;font-weight:600;margin-bottom:3px}.blk-callout .cb{font-size:13.5px;color:var(--s-ink-secondary)}.blk-choice{border:1px solid var(--s-border);border-radius:12px;background:var(--s-surface-raise);overflow:hidden}.blk-choice .ch-head{padding:18px 22px 14px;border-bottom:1px dashed var(--s-border)}.blk-choice .ch-eyebrow{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--s-accent);margin-bottom:8px}.blk-choice .ch-q{font-size:17px;font-weight:700;letter-spacing:-.005em}.blk-choice .ch-ctx{font-size:13.5px;color:var(--s-ink-secondary);margin-top:7px;max-width:68ch}.opt{display:grid;grid-template-columns:40px 1fr;gap:14px;width:100%;text-align:left;background:none;border:none;border-top:1px solid var(--s-border-soft);padding:15px 22px;cursor:pointer;font-family:var(--font-sans);color:var(--s-ink-primary);transition:background .12s}.opt:hover:not(:disabled){background:var(--s-accent-wash)}.opt:disabled{cursor:default}.opt .o-num{font-family:var(--font-mono);font-size:11px;color:var(--s-ink-muted);padding-top:3px;letter-spacing:.1em}.opt .o-label{font-size:14.5px;font-weight:600;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.opt .o-comm{font-size:13px;color:var(--s-ink-secondary);margin-top:4px;max-width:64ch}.pill-rec{font-family:var(--font-mono);font-size:9.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--s-accent);border:1px solid var(--s-accent);border-radius:999px;padding:2px 9px}.pill-sel{font-family:var(--font-mono);font-size:9.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;background:var(--s-recorded-fill);color:var(--s-recorded-ink);border-radius:999px;padding:3px 10px}.blk-choice.resolved .opt{opacity:.45}.blk-choice.resolved .opt.chosen{opacity:1;background:var(--s-surface-page)}.blk-error{border:1px solid var(--s-border);border-left:3px solid var(--s-warn-fill);border-radius:8px;background:var(--s-surface-raise);padding:14px 18px;font-size:13.5px;color:var(--s-ink-secondary)}.blk-error .tag{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--s-warn-ink);margin-bottom:5px}.thinking{display:flex;align-items:center;gap:10px}.thinking .lbl{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--s-running)}.thinking .dots{display:flex;gap:4px}.thinking .dots span{width:5px;height:5px;border-radius:50%;background:var(--s-running);animation:pulse 1.1s infinite}.thinking .dots span:nth-child(2){animation-delay:.18s}.thinking .dots span:nth-child(3){animation-delay:.36s}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}.composer{display:flex;gap:10px;align-items:flex-end;border-top:1px solid var(--s-border);padding-top:20px}.composer textarea{min-height:52px;max-height:180px;flex:1;font-family:var(--font-sans);font-size:14px}.composer .btn-primary{padding:13px 22px;white-space:nowrap}.empty-state{text-align:center;padding:70px 20px;border:1px dashed var(--s-border);border-radius:12px}.empty-state .e-icon{font-family:var(--font-mono);font-size:22px;color:var(--s-ink-muted);margin-bottom:12px}.empty-state h3{font-size:16px;font-weight:700;margin-bottom:6px}.empty-state p{font-size:13.5px;color:var(--s-ink-muted);max-width:46ch;margin:0 auto}.notice{border:1px solid var(--s-border);border-left:3px solid var(--s-warn-fill);border-radius:8px;background:var(--s-surface-raise);padding:12px 16px;font-size:13.5px;color:var(--s-ink-secondary);margin-bottom:20px}@media(max-width:720px){.stage{grid-template-columns:1fr;gap:14px}header{margin-bottom:30px}.turn-user{max-width:92%}}