:root{--font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--font-sans: "Instrument Sans", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-none: 0;--radius-sm: 3px;--radius-md: 6px;--radius-pill: 999px;--surface-000: #0d0e0b;--surface-100: #151712;--surface-200: #1d2019;--line: #2a2e25;--line-strong: #6a7160;--ink: #eceee6;--ink-muted: #9ca392;--ink-faint: #868d7c;--signal: #c6f432;--signal-ink: #c6f432;--signal-wash: #c6f4321f;--accent-fill: #c6f432;--on-accent: #0d0e0b;--run: #ffb547;--fault: #ff7a66;--glow: 0 0 0 1px #c6f43266, 0 0 28px #c6f43226;--focus-ring: 0 0 0 2px #0d0e0b, 0 0 0 4px #c6f432;color-scheme:dark}:root[data-theme=paper]{--surface-000: #f1f0ea;--surface-100: #fafaf6;--surface-200: #ffffff;--line: #dddbd1;--line-strong: #83867a;--ink: #16181a;--ink-muted: #565a50;--ink-faint: #6a6e63;--signal: #c6f432;--signal-ink: #4a6400;--signal-wash: #c6f43259;--accent-fill: #16181a;--on-accent: #c6f432;--run: #8a5200;--fault: #b8321c;--glow: 0 0 0 1px #16181a, 0 8px 24px #16181a14;--focus-ring: 0 0 0 2px #f1f0ea, 0 0 0 4px #16181a;color-scheme:light}.op{font-family:var(--font-sans);color:var(--ink);background:var(--surface-000);-webkit-font-smoothing:antialiased}.op *,.op *:before,.op *:after{box-sizing:border-box}.op-pad{padding:var(--space-5)}.op :focus-visible{outline:none;box-shadow:var(--focus-ring)}.op-status{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--line);font:500 11px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.op-status b{color:var(--ink);font-weight:500}.op-dot{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--signal);display:inline-block}.op-status .op-sp{flex:1}.op-q{font:400 17px/26px var(--font-mono);color:var(--ink);margin:0}.op-q:before{content:"> ";color:var(--signal-ink)}.op-log{margin:0;padding:0 0 0 var(--space-4);list-style:none;border-left:1px solid var(--line);font:400 13px/20px var(--font-mono)}.op-step{display:flex;gap:var(--space-2);color:var(--ink-muted)}.op-step .g{width:1ch}.op-step .t{flex:1}.op-step .d{color:var(--ink-faint)}.op-step.done .g{color:var(--signal-ink)}.op-step.run{color:var(--ink)}.op-step.run .g,.op-step.run .d{color:var(--run)}.op-step.queued{color:var(--ink-faint)}.op-step.fail .g,.op-step.fail .d{color:var(--fault)}.op-answer{display:grid;gap:var(--space-5)}.op-lead{margin:0;font-size:20px;line-height:30px;letter-spacing:-.01em;max-width:60ch}.op-lead mark{background:var(--signal-wash);color:var(--ink);padding:0 2px}.op-body{margin:0;font-size:16px;line-height:26px;color:var(--ink)}.op-cursor{display:inline-block;color:var(--signal-ink);animation:op-blink 1s steps(1) infinite}@keyframes op-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.op-cursor{animation:none}}.op-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.op-metric{background:var(--surface-100);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);display:grid;gap:var(--space-2)}.op-metric .n{font:500 44px/44px var(--font-mono);letter-spacing:-.04em;color:var(--ink)}.op-metric.key .n{color:var(--signal-ink)}.op-metric .l{font-size:13px;line-height:18px;font-weight:500;color:var(--ink-muted)}.op-case{background:var(--surface-100);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-5);display:grid;gap:var(--space-3);text-decoration:none;color:inherit}.op-case:hover{border-color:var(--line-strong)}.op-eyebrow{font:500 11px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.op-case h3{margin:0;font-size:22px;line-height:28px;font-weight:600;letter-spacing:-.02em}.op-case p{margin:0;font-size:15px;line-height:23px;color:var(--ink-muted)}.op-case .flow{font:400 12px/18px var(--font-mono);color:var(--ink-muted);border-top:1px solid var(--line);padding-top:var(--space-3)}.op-case .flow b{color:var(--signal-ink);font-weight:500}.op-case .go{font:500 13px/18px var(--font-mono);color:var(--signal-ink)}.op-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.op-chip{font:500 11px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);cursor:pointer}.op-chip:hover{background:var(--surface-200)}.op-chip kbd{font:inherit;color:var(--ink-faint);margin-right:6px}.op-btn{font:500 14px/20px var(--font-mono);border-radius:var(--radius-sm);padding:10px var(--space-4);cursor:pointer;border:1px solid transparent}.op-btn.primary{background:var(--accent-fill);color:var(--on-accent)}.op-btn.quiet{background:transparent;color:var(--ink);border-color:var(--line-strong)}.op-dock{background:var(--surface-100);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3);display:grid;gap:var(--space-3)}.op-dock.focus{box-shadow:var(--glow)}.op-input{display:flex;align-items:center;gap:var(--space-2);background:var(--surface-200);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3)}.op-input span{font:400 17px/26px var(--font-mono);color:var(--signal-ink)}.op-input input{flex:1;min-width:0;background:transparent;border:0;outline:0;font:400 17px/26px var(--font-mono);color:var(--ink)}.op-input input::placeholder{color:var(--ink-faint)}.op-brief{background:var(--surface-100);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.op-brief header{display:flex;justify-content:space-between;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line)}.op-brief .row{display:grid;grid-template-columns:140px 1fr;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line);align-items:baseline}.op-brief .row .k{font:500 11px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.op-brief .row .v{font-size:16px;line-height:24px}.op-brief .row.ask .v{color:var(--ink-faint);font-family:var(--font-mono);font-size:14px}.op-brief .row.ask{background:var(--signal-wash)}.op-brief footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-5)}.op-bar{height:4px;width:160px;background:var(--line);border-radius:var(--radius-pill);overflow:hidden}.op-bar i{display:block;height:100%;background:var(--signal);border-radius:var(--radius-pill)}.op-err{font:400 13px/20px var(--font-mono);color:var(--fault)}html,body{margin:0;background:var(--surface-000);min-height:100%}body{font-size:16px;line-height:26px}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.shell .op-status{position:sticky;top:0;z-index:5;background:var(--surface-000)}.shell .op-status .op-status-in{width:100%;max-width:var(--col);margin:0 auto;display:flex;align-items:center;gap:var(--space-3)}.op-theme{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--ink-muted);background:transparent;border:1px solid var(--line);border-radius:var(--radius-sm);padding:2px var(--space-2);cursor:pointer}.op-theme:hover{color:var(--ink);border-color:var(--line-strong)}.op-theme:focus-visible{outline:none;box-shadow:var(--focus-ring)}:root{--col: 1080px}.col{width:100%;max-width:calc(var(--col) + 2 * var(--space-8));margin:0 auto;padding:0 var(--space-8)}.convo{flex:1;display:grid;gap:var(--space-6);align-content:start;padding-top:var(--space-7);padding-bottom:var(--space-7)}.hero{display:grid;gap:var(--space-7)}.hero h1{margin:0;font-family:var(--font-sans);font-size:64px;line-height:64px;font-weight:600;letter-spacing:-.035em;color:var(--ink);max-width:20ch;min-height:128px}.intro{display:grid;grid-template-columns:176px minmax(0,1fr);gap:var(--space-6);align-items:start}.intro.pending{visibility:hidden}.photo{width:176px;height:176px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-100);display:block}.intro-text{display:grid;gap:var(--space-3)}.intro-text .who{margin:0;font:400 13px/20px var(--font-mono);color:var(--ink-muted)}.intro-text .op-lead{max-width:64ch}.tags{list-style:none;margin:var(--space-1) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.tags li{font:500 11px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);border:1px solid var(--line);border-radius:var(--radius-sm);padding:4px var(--space-2)}.intro-text .op-actions{margin-top:var(--space-2)}.hero-offers{display:grid;gap:var(--space-4)}.offers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.offers .op-case h3{font-size:18px;line-height:24px}.offers .op-case p{font-size:14px;line-height:21px}.typed:after{content:"▍";color:var(--signal-ink);animation:op-blink 1s steps(1) infinite;margin-left:1px}.exchange{display:grid;gap:var(--space-4)}.exchange .op-answer{gap:var(--space-5)}.op-log{max-width:100%}.op-step .t{min-width:0;overflow-wrap:anywhere}.op-step .d{white-space:nowrap}.op-body p,.op-body ul,.op-body ol{margin:0 0 var(--space-3)}.op-body :last-child{margin-bottom:0}.op-body ul,.op-body ol{padding-left:1.25em}.op-body li{margin:2px 0}.op-body a,.op-lead a{color:var(--signal-ink);text-underline-offset:3px}.op-body code{font-family:var(--font-mono);font-size:14px;background:var(--surface-100);border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 4px}.op-body strong{font-weight:600}.op-body{max-width:72ch}.about ul.v{margin:0;padding-left:1.1em;display:grid;gap:4px;font-size:15px;line-height:23px}.about ul.v strong{font-weight:600}.op-body h3,.op-body h4{margin:var(--space-3) 0 var(--space-2);font-size:16px;line-height:24px;font-weight:600}.block{animation:op-rise .18s ease-out both}.block.writing{box-shadow:var(--glow);border-radius:var(--radius-md)}@keyframes op-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.op-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}button.op-case{font:inherit;text-align:left;cursor:pointer;width:100%}.case-open{display:grid;gap:var(--space-4);background:var(--surface-100);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-5)}.case-open h2{margin:0;font-size:36px;line-height:40px;font-weight:600;letter-spacing:-.025em}.case-open .flow{font:400 12px/18px var(--font-mono);color:var(--ink-muted)}.case-open .flow b{color:var(--signal-ink);font-weight:500}.case-sec{display:grid;gap:var(--space-1)}.case-sec p{margin:0}.op-list{background:var(--surface-100);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.op-list header{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line)}.op-list .row{display:grid;grid-template-columns:180px 1fr;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line);align-items:baseline}.op-list .row:last-child{border-bottom:0}.op-list .row .k{font:500 11px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.op-list .row .v{font-size:16px;line-height:24px;color:var(--ink)}.op-list .row .v small{display:block;font-size:15px;line-height:23px;color:var(--ink-muted)}.op-list .row a.v,.op-list.experience .row .k a{color:var(--signal-ink);text-underline-offset:3px}.op-list.experience .row .k small{display:block;margin-top:var(--space-1);text-transform:none;letter-spacing:0;color:var(--ink-faint)}.op-list.experience .row .v small{font:400 12px/18px var(--font-mono);margin-top:var(--space-2)}.op-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}a.op-btn{text-decoration:none;display:inline-block}.op-brief .row{cursor:text}.op-brief .row input{width:100%;background:var(--surface-200);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink);font:400 16px/24px var(--font-sans);padding:2px var(--space-2)}.op-brief .row .v.empty{color:var(--ink-faint);font-family:var(--font-mono);font-size:14px}.op-brief footer{gap:var(--space-3);flex-wrap:wrap}.op-brief .sent{font:400 13px/20px var(--font-mono);color:var(--signal-ink)}.dock-col{position:sticky;bottom:0;z-index:5}.dock-wrap{padding-bottom:var(--space-4);padding-bottom:max(var(--space-4),env(safe-area-inset-bottom));background:linear-gradient(to bottom,transparent,var(--surface-000) 28%);padding-top:var(--space-5)}.op-dock{transition:box-shadow .15s ease-out}.op-input button.op-btn{padding:6px var(--space-3)}.op-input button.op-btn:disabled{opacity:.5;cursor:default}.op-dock .op-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.op-dock .op-chips::-webkit-scrollbar{display:none}.op-chip{white-space:nowrap}.new-answer{position:absolute;left:50%;transform:translate(-50%);top:-4px}.dock-rel{position:relative}.stop{font:500 11px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}@media(max-width:1100px){.offers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.col{padding:0 var(--space-4)}.convo{padding-top:var(--space-6)}.hero{gap:var(--space-6)}.hero h1{font-size:40px;line-height:42px;min-height:0}.intro{grid-template-columns:1fr;gap:var(--space-4)}.photo{width:112px;height:112px}.offers{grid-template-columns:1fr}.op-metrics{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.op-metric{flex:0 0 72%;scroll-snap-align:start}.op-cases{grid-template-columns:1fr}.op-case,.case-open{padding:var(--space-4)}.op-brief .row,.op-list .row{grid-template-columns:1fr;gap:var(--space-1);padding:var(--space-3) var(--space-4)}.op-brief header,.op-brief footer,.op-list header{padding-left:var(--space-4);padding-right:var(--space-4)}.case-open h2{font-size:28px;line-height:32px}.op-step .d{display:none}}@media(prefers-reduced-motion:reduce){.block{animation:none}.typed:after{animation:none}.op-dock{transition:none}}.op-input input:focus-visible{box-shadow:none}.rec-timer{color:var(--accent-fill);font:500 14px/20px var(--font-mono);white-space:nowrap;animation:rec-pulse 1.2s ease-in-out infinite}.voice-error{font:400 13px/18px var(--font-mono);color:var(--ink);opacity:.8}@keyframes rec-pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.rec-timer{animation:none}}.msg-actions{display:flex;gap:var(--space-2);margin-top:calc(var(--space-2) * -1)}.msg-action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;color:var(--ink);opacity:.55;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.msg-action:hover,.msg-action:focus-visible{opacity:1;border-color:var(--line-strong)}.msg-action.speaking{opacity:1;color:var(--accent-fill);animation:speak-pulse 1.6s ease-in-out infinite}@keyframes speak-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent-fill) 30%,transparent)}50%{box-shadow:0 0 0 3px transparent}}.exchange .op-q{background:var(--surface-100);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){.msg-action.speaking{animation:none;box-shadow:0 0 0 2px var(--accent-fill)}}