:root{color-scheme:dark;--ink:#eef2e7;--muted:#9ba596;--dim:#6d766a;--ground:#0b0d0b;--panel:#111411;--panel-raised:#171b17;--panel-soft:#1c211c;--line:#2b322a;--line-bright:#3c463a;--accent:#b7ed62;--accent-ink:#152006;--cyan:#6ed8cc;--amber:#f0bd5e;--danger:#f07870;--danger-soft:#351b1a;--shadow:0 24px 70px #00000059;--radius:14px;--mono:"SFMono-Regular","Cascadia Code","Roboto Mono",Consolas,monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{background:var(--ground);min-width:320px;min-height:100%}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 15% -5%,#b7ed621a,transparent 28rem),radial-gradient(circle at 95% 5%,#6ed8cc12,transparent 32rem),var(--ground);font-family:var(--sans);text-rendering:optimizeLegibility;margin:0}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.48}noscript{max-width:42rem;color:var(--danger);border:1px solid var(--danger);margin:5rem auto;padding:1rem;display:block}.app-shell{width:min(1680px,100%);min-height:100vh;padding:max(1rem,env(safe-area-inset-top))max(1rem,env(safe-area-inset-right))max(1rem,env(safe-area-inset-bottom))max(1rem,env(safe-area-inset-left));margin:0 auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:2rem;min-height:76px;padding:.7rem 1rem 1rem;display:flex}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em;margin-bottom:0;font-weight:620}h1{font-size:clamp(1.25rem,2vw,1.75rem)}h2{font-size:1.1rem}h3{font-size:1rem}.eyebrow{color:var(--accent);font-family:var(--mono);letter-spacing:.16em;margin-bottom:.25rem;font-size:.68rem;font-weight:700}.connection-cluster{grid-template-columns:auto minmax(12rem,1fr) auto;align-items:center;gap:.75rem;display:grid}.connection-badge{min-height:30px;font-family:var(--mono);text-transform:uppercase;border:1px solid;border-radius:999px;align-items:center;padding:.35rem .65rem;font-size:.7rem;font-weight:700;display:inline-flex}.connection-badge.online{color:var(--accent)}.connection-badge.connecting{color:var(--cyan)}.connection-badge.offline{color:var(--amber)}.connection-badge.error{color:var(--danger)}.connection-detail{max-width:30rem;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.button,.icon-button{border:1px solid var(--line-bright);background:var(--panel-soft);cursor:pointer;border-radius:9px;transition:border-color .12s,background .12s,color .12s,transform .12s}.button:hover:not(:disabled),.icon-button:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.button{min-height:38px;padding:.55rem .85rem;font-size:.78rem;font-weight:700}.button-quiet{background:0 0}.button-primary{color:var(--accent-ink);border-color:var(--accent);background:var(--accent)}.button-primary:hover:not(:disabled){background:#c5fa72}.button-danger{color:#ffb1aa;background:var(--danger-soft);border-color:#743633}.icon-button{width:34px;height:34px;font-family:var(--mono);place-items:center;padding:0;font-size:1rem;display:inline-grid}.notice-tray{border:1px solid var(--line-bright);box-shadow:var(--shadow);background:#171b17f0;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:1rem;margin:.75rem 0;padding:.75rem;display:flex}.notice-list{gap:.4rem;display:grid}.notice{font-family:var(--mono);margin:0;font-size:.74rem;line-height:1.5}.notice.info{color:var(--cyan)}.notice.error{color:#ffaaa3}.device-management{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:.75rem;margin:.75rem 0;padding:1rem;display:grid}.device-heading,.device-row,.pairing-grant{justify-content:space-between;align-items:center;gap:1rem;display:flex}.device-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:.55rem;display:grid}.device-row{border:1px solid var(--line);background:var(--panel-raised);border-radius:10px;min-width:0;padding:.75rem}.device-row>div,.pairing-grant>div{gap:.25rem;min-width:0;display:grid}.device-row small{color:var(--dim);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.pairing-grant{background:#b7ed6212;border:1px solid #52673e;border-radius:10px;align-items:flex-end;padding:.85rem}.pairing-grant code{color:var(--accent);font-family:var(--mono);letter-spacing:.08em;overflow-wrap:anywhere;font-size:clamp(1.15rem,3vw,1.7rem);font-weight:700}.pairing-grant small,.device-error{color:var(--muted);font-family:var(--mono);font-size:.7rem}.device-error{color:var(--danger);margin:0}.auth-state{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:min(34rem,100% - 2rem);box-shadow:var(--shadow);gap:1rem;margin:8vh auto;padding:clamp(1.25rem,4vw,2rem);display:grid}.auth-state>p,.passkey-recovery>p{color:var(--muted);margin-bottom:0;line-height:1.55}.auth-state>.button,.auth-state>a.button{justify-self:start;text-decoration:none}.passkey-recovery{border-top:1px solid var(--line);gap:.65rem;margin-top:.5rem;padding-top:1.25rem;display:grid}.passkey-recovery label,.passkey-add label{color:var(--muted);font-size:.72rem;font-weight:700}.passkey-recovery input,.passkey-add input,.passkey-name-input{min-width:0;min-height:38px;color:var(--ink);border:1px solid var(--line-bright);background:var(--ground);border-radius:8px;padding:.5rem .65rem}.passkey-actions,.passkey-add,.passkey-row-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.passkey-add label{width:100%}.passkey-row{align-items:flex-end}.passkey-name-input{width:100%;font-weight:700}.workspace{border-bottom:1px solid var(--line);grid-template-columns:minmax(250px,320px) minmax(0,1fr);min-height:calc(100vh - 110px);display:grid}.sidebar{border-right:1px solid var(--line);min-width:0;padding:1.25rem 1rem 1.25rem 0}.rail-section+.rail-section{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.5rem}.section-heading,.live-heading,.session-header,.composer-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-heading{padding:0 .25rem .75rem}.list-stack{gap:.45rem;display:grid}.session-list{scrollbar-color:var(--line-bright)transparent;max-height:min(50vh,650px);overflow-y:auto}.list-button,.session-button{width:100%;min-width:0;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px}.list-button{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.7rem;display:grid}.operation-row{cursor:default;grid-template-columns:minmax(0,1fr) auto}.hidden{display:none!important}.list-button:hover:not(:disabled),.session-button:hover:not(:disabled){color:var(--ink);border-color:var(--line);background:var(--panel-raised)}.list-button.selected,.session-button.selected{color:var(--ink);background:linear-gradient(110deg,#b7ed621c,#171b17cc);border-color:#52673e}.presence{background:var(--dim);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #6d766a1f}.presence.online{background:var(--accent);box-shadow:0 0 0 3px #b7ed6224}.list-copy{gap:.15rem;min-width:0;display:grid}.list-copy strong,.list-copy small,.session-button strong,.session-button span,.session-button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-copy strong,.session-button strong{color:inherit;font-size:.82rem}.list-copy small,.list-status,.session-button small{color:var(--dim);font-family:var(--mono);font-size:.65rem}.list-status{text-transform:uppercase}.session-button{gap:.3rem;padding:.75rem;display:grid}.session-button span{color:var(--muted);font-size:.75rem}.empty-copy{color:var(--dim);margin:0;padding:.85rem;font-size:.78rem;line-height:1.5}.empty-copy.centered{text-align:center}.conversation{grid-template-rows:auto minmax(16rem,1fr) auto auto;min-width:0;max-height:calc(100vh - 110px);padding:1.25rem 0 0 1.25rem;display:grid}.session-header{border-bottom:1px solid var(--line);align-items:flex-start;min-height:68px;padding:0 .25rem 1rem}.session-route{max-width:min(60vw,54rem);color:var(--dim);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;margin:.35rem 0 0;font-size:.68rem;overflow:hidden}.state-pills{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.state-pills span{color:var(--muted);border:1px solid var(--line);font-family:var(--mono);border-radius:999px;padding:.28rem .48rem;font-size:.64rem}.state-pills span.warning{color:var(--amber);border-color:#695029}.history{scrollbar-color:var(--line-bright)transparent;min-height:0;padding:1.25rem clamp(.25rem,2vw,2rem);overflow-y:auto}.hero-empty{border-left:2px solid var(--accent);width:min(44rem,100%);margin:clamp(3rem,14vh,9rem) auto;padding:clamp(1rem,4vw,3rem)}.hero-empty h2{max-width:35rem;margin-bottom:.75rem;font-size:clamp(1.6rem,4vw,3.4rem);line-height:1.03}.hero-empty>p:last-child{max-width:34rem;color:var(--muted);margin-bottom:0;line-height:1.65}.limit-banner,.terminal-detail{color:var(--amber);font-family:var(--mono);background:#4634183d;border:1px solid #584525;border-radius:8px;padding:.6rem .75rem;font-size:.7rem;line-height:1.5}.message-stack{gap:.85rem;width:min(940px,100%);margin:0 auto;display:grid}.message{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:.9rem 1rem}.message.user{background:#b7ed620f;border-color:#4e633a;margin-left:clamp(0,9vw,8rem)}.message.assistant{margin-right:clamp(0,6vw,5rem)}.message.tool,.message.system{background:#0e110e;margin-inline:clamp(0,4vw,3rem)}.message>header{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.65rem;display:flex}.message>header strong{color:var(--accent);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.message>header small,.truncated-label,.live-segment small{color:var(--dim);font-family:var(--mono);font-size:.64rem}pre{overflow-wrap:anywhere;color:var(--ink);font-family:var(--mono);tab-size:2;white-space:pre-wrap;word-break:break-word;margin:0;font-size:.79rem;line-height:1.65}.truncated-label{color:var(--amber);margin-top:.6rem;display:inline-block}.live-output{border-radius:var(--radius)var(--radius)0 0;background:linear-gradient(150deg,#b7ed6212,var(--panel));scrollbar-color:var(--line-bright)transparent;border:1px solid #46583a;max-height:min(42vh,520px);margin:0 .25rem;padding:.9rem;overflow-y:auto}.live-heading{margin-bottom:.85rem}.live-segments{gap:.6rem;display:grid}.live-segment{border-left:2px solid var(--cyan);background:#0b0d0bad;padding:.75rem}.live-segment small{color:var(--cyan);margin-bottom:.5rem;display:block}.event-log{color:var(--muted);font-family:var(--mono);margin-top:.8rem;font-size:.68rem}.event-log summary{cursor:pointer}.event-log ol{gap:.3rem;margin-bottom:0;display:grid}.composer{border-top:1px solid var(--line);background:var(--ground);gap:.55rem;padding:.85rem .25rem 0;display:grid}.composer label{color:var(--muted);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:700}.composer textarea{resize:vertical;width:100%;max-height:30vh;color:var(--ink);border:1px solid var(--line-bright);background:var(--panel);font-family:var(--mono);border-radius:10px;padding:.75rem;font-size:.8rem;line-height:1.55}.composer textarea::placeholder{color:var(--dim)}.composer-footer{padding-bottom:.25rem}.composer-footer>span{color:var(--dim);font-family:var(--mono);font-size:.65rem}@media (width<=900px){.app-shell{padding-inline:max(.7rem,env(safe-area-inset-left))}.topbar{align-items:flex-start;padding-inline:.25rem}.connection-cluster{grid-template-columns:auto auto}.connection-detail{grid-area:2/1/auto/-1;max-width:45vw}.workspace{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}.conversation{padding-left:.8rem}.state-pills{display:none}}@media (width<=680px){.app-shell{padding-top:max(.65rem,env(safe-area-inset-top))}.topbar{gap:.8rem;display:grid}.connection-cluster{grid-template-columns:auto minmax(0,1fr) auto}.connection-detail{grid-area:auto;max-width:none}.device-heading,.pairing-grant{flex-direction:column;align-items:stretch}.workspace{border:0;min-height:auto;display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:.75rem;padding:.8rem 0;display:grid}.rail-section+.rail-section{border-top:0;border-left:1px solid var(--line);margin:0;padding:0 0 0 .75rem}.list-status,.list-copy small{display:none}.list-button{grid-template-columns:auto minmax(0,1fr)}.session-list{max-height:205px}.conversation{grid-template-rows:auto minmax(18rem,auto) auto auto;max-height:none;padding:.9rem 0 0}.history{max-height:55vh;padding-inline:0}.session-route{max-width:88vw}.message.user,.message.assistant,.message.tool,.message.system{margin-inline:0}.live-output{max-height:45vh;margin-inline:0}.composer{z-index:3;padding:.75rem 0 max(.35rem,env(safe-area-inset-bottom));position:sticky;bottom:0}}@media (width<=430px){.connection-detail{display:none}.sidebar{grid-template-columns:1fr}.rail-section+.rail-section{border-top:1px solid var(--line);border-left:0;padding:.75rem 0 0}.session-list{max-height:180px}.session-header{min-height:58px}.live-heading{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}