:root{--ink:oklch(16.5% .012 66);--ink-2:oklch(20.5% .014 66);--ink-3:oklch(24.5% .014 66);--line:oklch(32% .012 66);--line-soft:oklch(28% .01 66);--text:oklch(94% .012 78);--muted:oklch(66% .014 72);--faint:oklch(52% .012 70);--amber:oklch(82% .135 72);--amber-press:oklch(74% .12 70);--phosphor:oklch(88% .18 152);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--r-sm:6px;--r-md:10px;--r-lg:16px;--display:"Bricolage Grotesque", ui-sans-serif, sans-serif;--body:"Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--mono:"Spline Sans Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0}body{font-family:var(--body);background:var(--ink);color:var(--text);-webkit-font-smoothing:antialiased;padding:clamp(var(--space-lg), 5vw, var(--space-2xl));max-width:480px;min-height:100vh;margin-inline:auto;line-height:1.6;position:relative}.vignette{pointer-events:none;z-index:0;background:radial-gradient(120% 80% at 70% -10%,oklch(28% .03 72/.5),#0000 60%);position:fixed;inset:0}body>*{z-index:1;position:relative}h1,h2{font-family:var(--display);letter-spacing:-.02em;font-weight:700;line-height:1.05}.masthead{justify-content:space-between;align-items:center;gap:var(--space-xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--line-soft);margin-bottom:var(--space-3xl);flex-wrap:wrap;display:flex}.brand{align-items:center;gap:var(--space-lg);display:flex}.brand-text h1{font-size:clamp(2rem,4vw,2.8rem)}.tagline{color:var(--muted);max-width:46ch;margin-top:2px;font-size:.9rem}.tagline strong{color:var(--text);font-weight:600}.hud{aspect-ratio:576/288;border-radius:var(--r-sm);width:132px;font-family:var(--mono);color:var(--phosphor);background:oklch(12% .01 150);border:1px solid oklch(40% .05 150/.5);flex-direction:column;flex-shrink:0;justify-content:space-between;padding:9px 10px;display:flex;box-shadow:inset 0 0 24px oklch(50% .12 150/.12)}.hud-name{font-size:.95rem;font-weight:500}.hud-state{opacity:.85;align-self:flex-end;font-size:.7rem}.conn{align-items:center;gap:var(--space-sm);font-family:var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:6px 12px;font-size:.74rem;display:inline-flex}.conn .dot{background:var(--faint);border-radius:50%;width:7px;height:7px}.conn.live .dot{background:var(--amber)}.conn.live{color:var(--text)}main{gap:var(--space-xl);grid-template-columns:1fr;align-items:start;display:grid}.head{margin-bottom:var(--space-lg)}.kicker{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:var(--space-xs);font-size:.7rem;display:block}h2{font-size:1.4rem}.head:has(.opt){align-items:baseline;gap:var(--space-sm);flex-wrap:wrap;display:flex}.head:has(.opt) .kicker{flex-basis:100%;margin-bottom:0}.opt{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid color-mix(in oklch, var(--muted) 38%, transparent);border-radius:999px;padding:2px 8px;font-size:.62rem}.note a{color:var(--amber);border-bottom:1px solid color-mix(in oklch, var(--amber) 40%, transparent);text-decoration:none}#notion-clear{margin-top:var(--space-sm)}.install-grid{gap:var(--space-xl);flex-direction:column;align-items:stretch;display:flex}.qr-frame{padding:var(--space-md);border-radius:var(--r-md);background:oklch(97% .005 80);align-self:center;line-height:0;position:relative}.qr-frame:before,.qr-frame:after{content:"";border:2px solid var(--amber);width:14px;height:14px;position:absolute}.qr-frame:before{border-bottom:0;border-right:0;top:-5px;left:-5px}.qr-frame:after{border-top:0;border-left:0;bottom:-5px;right:-5px}#qr{border-radius:2px;display:block}#qr[hidden]{display:none}.qr-empty{color:var(--faint);max-width:18ch;padding:var(--space-lg) var(--space-sm);font-size:.82rem;line-height:1.4}.qr-frame:has(#qr:not([hidden])){background:oklch(97% .005 80)}.qr-frame:has(.qr-empty:not([hidden])){border:1px dashed var(--line);background:0 0}.steps{gap:var(--space-md);counter-reset:s;flex:1;min-width:200px;padding:0;list-style:none;display:grid}.steps li{gap:var(--space-md);color:var(--muted);align-items:baseline;font-size:.92rem;display:flex}.steps li:before{counter-increment:s;content:counter(s);font-family:var(--mono);color:var(--amber);border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.7rem;display:grid}.steps strong{color:var(--text);font-weight:600}.urlbar{align-items:center;gap:var(--space-md);margin-top:var(--space-xl);background:var(--ink-2);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-md);display:flex}#install-url{font-family:var(--mono);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.74rem;overflow:hidden}.side{gap:var(--space-xl);display:grid}.card{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:var(--space-xl)}.note,.status{color:var(--muted);font-size:.84rem}.note{margin-bottom:var(--space-md);max-width:42ch}.status{margin-top:var(--space-md);font-family:var(--mono);font-size:.74rem}.status.ok{color:var(--amber)}.status.warn{color:oklch(78% .1 50)}.field{gap:var(--space-sm);display:flex}input[type=text],input[type=password]{background:var(--ink);border:1px solid var(--line);border-radius:var(--r-sm);min-width:0;min-height:46px;color:var(--text);font-family:var(--mono);flex:1;padding:10px 12px;font-size:.84rem;transition:border-color .18s}#text-question{font-family:var(--body);font-size:.92rem}input[type=text]::placeholder,input[type=password]::placeholder{color:var(--faint)}input[type=text]:focus,input[type=password]:focus{border-color:var(--amber);outline:none}.btn,.btn-ghost,.btn-accent{font-family:var(--body);border-radius:var(--r-sm);cursor:pointer;border:1px solid var(--line);background:var(--ink-3);min-height:46px;color:var(--text);white-space:nowrap;padding:10px 18px;font-size:.86rem;font-weight:600;transition:transform .12s,border-color .18s,background .18s}.btn:hover,.btn-ghost:hover{border-color:var(--muted)}.btn:active,.btn-accent:active{transform:translateY(1px)}.btn-ghost{color:var(--muted);background:0 0}.btn-accent{background:var(--amber);color:oklch(20% .03 70);border-color:var(--amber)}.btn-accent:hover{background:var(--amber-press)}.transcript{gap:var(--space-md);max-height:320px;margin-bottom:var(--space-lg);padding-right:var(--space-xs);flex-direction:column;display:flex;overflow-y:auto}.transcript[data-empty=true]{margin-bottom:var(--space-md)}.empty{color:var(--faint);font-size:.86rem;line-height:1.5}.msg{max-width:90%;font-size:.92rem}.msg .who{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:3px;font-size:.64rem;display:block}.msg.user{text-align:right;color:var(--muted);align-self:flex-end}.msg.bot{align-self:flex-start}.msg.bot .body{background:var(--ink);border:1px solid var(--line-soft);border-radius:var(--r-md);text-align:left;padding:10px 13px;display:inline-block}footer{margin-top:var(--space-3xl);padding-top:var(--space-lg);border-top:1px solid var(--line-soft);color:var(--faint);font-size:.76rem;font-family:var(--mono);gap:var(--space-md);flex-wrap:wrap;display:flex}.sep{opacity:.5}.reveal{opacity:0;animation:.7s cubic-bezier(.16,1,.3,1) forwards rise;animation-delay:calc(var(--d,0) * 90ms);transform:translateY(12px)}@keyframes rise{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;animation:none;transform:none}input,.btn,.btn-ghost,.btn-accent{transition:none}}