:root{--bg: #0e1116;--surface: #161b22;--surface-2: #1c232c;--line: #272e38;--line-strong: #38414d;--text: #e6edf3;--muted: #8b969f;--accent: #7fd1b9;--accent-ink: #06231c;--danger: #e5807b;--warn: #e8c07d;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--f-xs: 11px;--f-sm: 13px;--f-md: 15px;--f-lg: 18px;--f-xl: 24px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-pill: 999px;--shadow: 0 12px 32px rgb(0 0 0 / 45%);--width: 760px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:var(--f-md) / 1.55 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:var(--f-xl)}h2{font-size:var(--f-lg)}h3{font-size:var(--f-md)}p{margin:0}button{font:inherit;color:inherit;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s2) var(--s3);cursor:pointer;transition:background .12s ease,border-color .12s ease}button:hover:not(:disabled){border-color:var(--line-strong)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}button.ghost{background:transparent}button.danger{background:transparent;border-color:var(--line);color:var(--danger)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s2) var(--s3);width:100%}input::placeholder,textarea::placeholder{color:var(--muted)}label{display:flex;flex-direction:column;gap:var(--s1);font-size:var(--f-sm);color:var(--muted)}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--f-sm)}pre{overflow-x:auto;margin:var(--s1) 0}.note{color:var(--muted);font-size:var(--f-sm)}.error{color:var(--danger);font-size:var(--f-sm)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3)}.card-title{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--s3);height:52px;padding:0 var(--s4);padding-top:env(safe-area-inset-top);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:var(--s2);font-weight:600;letter-spacing:-.02em}.brand-mark{width:10px;height:10px;border-radius:var(--r-pill);background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.topbar-actions{display:flex;align-items:center;gap:var(--s3)}.conn{width:8px;height:8px;border-radius:var(--r-pill);background:var(--muted);flex:none}.conn-online{background:var(--accent)}.conn-connecting{background:var(--warn)}.conn-offline{background:var(--danger)}.screen{flex:1;width:100%;max-width:var(--width);margin:0 auto;display:flex;flex-direction:column;gap:var(--s4);padding:var(--s4) calc(var(--s4) + env(safe-area-inset-left)) calc(var(--s6) + env(safe-area-inset-bottom))}.tabs{display:inline-flex;align-self:flex-start;gap:var(--s1);padding:var(--s1);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill)}.tabs button{border:0;background:transparent;border-radius:var(--r-pill);padding:var(--s1) var(--s4);font-size:var(--f-sm);color:var(--muted)}.tabs button[aria-selected=true]{background:var(--surface-2);color:var(--text);font-weight:600}.account{position:relative}.account-trigger{display:flex;align-items:center;gap:var(--s2);padding:var(--s1);padding-right:var(--s2);border-radius:var(--r-pill)}.avatar{width:26px;height:26px;border-radius:var(--r-pill);background:var(--accent);color:var(--accent-ink);font-size:var(--f-sm);font-weight:700;display:grid;place-items:center;text-transform:uppercase}.scrim{position:fixed;inset:0;z-index:25;background:transparent;border:0;border-radius:0;padding:0;cursor:default}.account-panel{position:absolute;z-index:30;top:calc(100% + var(--s2));right:0;width:260px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s3);display:flex;flex-direction:column;gap:var(--s3)}.account-identity{display:flex;flex-direction:column;gap:var(--s1)}.account-email{font-size:var(--f-sm);word-break:break-all}.chip{align-self:flex-start;font-size:var(--f-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:700;border-radius:var(--r-pill);padding:1px var(--s2);border:1px solid var(--line-strong);color:var(--muted)}.chip-pro{border-color:var(--accent);color:var(--accent)}.account-panel button{width:100%}.device-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.device-list li+li{border-top:1px solid var(--line)}.device{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) 0}.device-icon{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:var(--r-md);background:var(--surface-2);color:var(--muted)}.device-main{flex:1;min-width:0;display:flex;flex-direction:column}.device-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-sub{color:var(--muted);font-size:var(--f-sm)}.badge{font-size:var(--f-xs);border-radius:var(--r-pill);padding:1px var(--s2);border:1px solid var(--line-strong);color:var(--muted);white-space:nowrap}.badge-online{border-color:var(--accent);color:var(--accent)}.badge-revoked{border-color:var(--danger);color:var(--danger)}.confirm{display:flex;align-items:center;gap:var(--s2);font-size:var(--f-sm)}.steps{list-style:none;counter-reset:step;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s4)}.steps li{display:grid;grid-template-columns:24px 1fr;gap:var(--s3);align-items:start}.steps li:before{counter-increment:step;content:counter(step);width:24px;height:24px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);font-size:var(--f-xs);font-weight:700;color:var(--muted)}.step-body{display:flex;flex-direction:column;gap:var(--s2);min-width:0}.copy{display:flex;align-items:center;gap:var(--s2);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s2) var(--s2) var(--s2) var(--s3)}.copy code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;color:var(--accent)}.copy button{flex:none;font-size:var(--f-sm);padding:var(--s1) var(--s2)}.approve{display:flex;gap:var(--s2)}.approve input{text-transform:uppercase}.approve button{flex:none}.session-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2)}.session-row{display:flex;flex-direction:column;gap:var(--s1);width:100%;text-align:left;background:var(--surface);border-radius:var(--r-lg);padding:var(--s3) var(--s4)}.row-top{display:flex;justify-content:space-between;align-items:center;gap:var(--s2)}.row-mid,.row-bot{color:var(--muted);font-size:var(--f-sm);word-break:break-all}.row-bot{font-size:var(--f-xs)}.state{font-size:var(--f-xs);border-radius:var(--r-pill);padding:1px var(--s2);border:1px solid var(--line-strong);color:var(--muted);white-space:nowrap}.state-thinking{color:var(--accent);border-color:var(--accent)}.state-awaiting_permission{color:var(--warn);border-color:var(--warn)}.session{display:flex;flex-direction:column;gap:var(--s3)}.session-head{display:flex;align-items:center;gap:var(--s3)}.session-head .back{flex:none;padding:var(--s1) var(--s3)}.session-title{display:flex;flex-direction:column;flex:1;min-width:0}.session-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-meta{color:var(--muted);font-size:var(--f-xs)}.transcript{display:flex;flex-direction:column;gap:var(--s4)}.turn{border-left:2px solid var(--line);padding-left:var(--s3)}.turn-user{border-left-color:var(--accent)}.turn-role{color:var(--muted);font-size:var(--f-xs);text-transform:uppercase;letter-spacing:.08em}.part-text{margin:var(--s1) 0;white-space:pre-wrap;word-break:break-word}.part-reasoning{margin:var(--s1) 0;color:var(--muted);font-style:italic;white-space:pre-wrap}.tool{border:1px solid var(--line);border-radius:var(--r-md);margin:var(--s2) 0;overflow:hidden}.tool-head{display:flex;gap:var(--s2);align-items:baseline;width:100%;border:0;border-radius:0;text-align:left;background:var(--surface)}.tool-name{font-family:ui-monospace,monospace}.tool-status{font-size:var(--f-sm);color:var(--muted)}.tool-error .tool-status{color:var(--danger)}.tool-summary{color:var(--muted);font-size:var(--f-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-body{padding:0 var(--s3) var(--s2)}.diff-add{color:var(--accent)}.diff-del{color:var(--danger)}.diff-hunk{color:var(--muted)}.attachment{display:flex;gap:var(--s2);align-items:center;font-size:var(--f-sm)}.interaction{border:1px solid var(--warn);border-radius:var(--r-md);padding:var(--s3)}.interaction-head{font-weight:600}.interaction-options{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s2)}.composer{position:sticky;bottom:0;background:var(--bg);padding-bottom:env(safe-area-inset-bottom);padding-top:var(--s2);display:flex;flex-direction:column;gap:var(--s2)}.composer textarea{min-height:76px}.composer-actions{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}.attach input[type=file]{display:none}.attach{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s2) var(--s3);cursor:pointer;font-size:var(--f-md);color:var(--text)}.pending-attachments{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2);font-size:var(--f-sm);color:var(--muted)}.palette{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r-md);max-height:40vh;overflow-y:auto}.command{display:flex;gap:var(--s3);width:100%;border:0;border-radius:0;text-align:left;background:var(--surface)}.command-description{color:var(--muted);font-size:var(--f-sm)}.login{min-height:100dvh;display:grid;place-items:center;padding:var(--s5) var(--s4)}.login-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--s4)}.login-brand{display:flex;flex-direction:column;align-items:center;gap:var(--s2);text-align:center}.login-tagline{color:var(--muted);font-size:var(--f-sm)}.login .divider{display:flex;align-items:center;gap:var(--s3);color:var(--muted);font-size:var(--f-xs);text-transform:uppercase;letter-spacing:.08em}.login .divider:before,.login .divider:after{content:"";flex:1;height:1px;background:var(--line)}.advanced{font-size:var(--f-sm);color:var(--muted)}.advanced summary{cursor:pointer;list-style:none}.advanced summary::-webkit-details-marker{display:none}.advanced>label{margin-top:var(--s2)}.boot{min-height:100dvh;display:grid;place-items:center;color:var(--muted)}.streaming{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.2}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}