:root{--bg: #08090C;--surface: #0F1116;--surface-2: #14161C;--accent: #3BE8FF;--accent-2: #7C5CFF;--text: #EDEFF4;--muted: #7A8090;--success: #37E5A0;--warn: #FFC53D;--error: #FF5C6C;--accent-55: rgba(59,232,255,.55);--accent-00: rgba(59,232,255,0);--hair: rgba(255,255,255,.07);--hair-2: rgba(255,255,255,.12);--font-display: "Geist","Geist Sans",Inter,-apple-system,BlinkMacSystemFont,sans-serif;--font-body: "Geist",Inter,-apple-system,"Segoe UI",sans-serif;--font-mono: "Geist Mono","JetBrains Mono","SF Mono",ui-monospace,monospace;--t-hero: clamp(40px, 6vw, 72px);--t-h1: 40px;--t-h2: 28px;--t-h3: 20px;--t-body: 15px;--t-sub: 18px;--t-meta: 13px;--t-label: 11px;--lh-tight: 1.05;--lh-body: 1.55;--tracking-tight: -.03em;--tracking-label: .14em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-pill:999px;--shadow-float: 0 8px 32px rgba(0,0,0,.5);--shadow-soft: 0 2px 12px rgba(0,0,0,.35);--ease-out: cubic-bezier(.16,1,.3,1);--ease-spring: cubic-bezier(.34,1.56,.64,1);--d-hover:.12s;--d-state:.2s;--d-enter:.42s;--d-beat:1.6s;--pan-x:0px;--pan-y:0px;--zoom:1;--mx:50%;--my:50%}*,*:before,*:after{box-sizing:border-box}html[data-theme=dark]{color-scheme:dark}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--t-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.live-locked{height:100dvh;overflow:hidden}h1,h2,h3,h4,p,figure{margin:0}a{color:inherit;text-decoration:none}code,pre{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--font-mono)}.tnum{font-variant-numeric:tabular-nums}.label{font-family:var(--font-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--muted)}.glass-bar{position:fixed;inset:0 0 auto;z-index:50;height:56px;display:flex;align-items:center;gap:var(--s-4);padding:0 var(--s-5);background:#08090c99;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid var(--hair)}.glass-bar:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(240px circle at var(--mx) var(--my),rgba(59,232,255,.06),transparent 60%)}.glass-bar>*{position:relative;z-index:1}.glass-pill{position:fixed;z-index:50;display:flex;align-items:center;gap:var(--s-3);padding:8px 14px;background:#0f11168c;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--hair-2);border-radius:var(--r-lg);box-shadow:var(--shadow-float)}.glass-divider{width:1px;height:16px;background:var(--hair-2);flex:0 0 auto}.wordmark{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-mono);font-size:var(--t-meta);font-weight:600;letter-spacing:.02em;color:var(--text)}.wordmark .wordmark-sep{color:var(--muted)}.wordmark .wordmark-sub{color:var(--muted);font-weight:500}.bar-right{margin-left:auto;display:flex;align-items:center;gap:var(--s-3)}.grid{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-position:var(--pan-x) var(--pan-y);background-size:calc(24px * var(--zoom)) calc(24px * var(--zoom));-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:0 0 auto;animation:pulse var(--d-beat) infinite,breathe var(--d-beat) infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--accent-55)}70%{box-shadow:0 0 0 10px var(--accent-00)}to{box-shadow:0 0 0 0 var(--accent-00)}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.55}}.live-dot.stale{animation:none;background:var(--muted);box-shadow:none}.row:hover .live-dot{animation-duration:1s}@keyframes scan{0%{transform:translate(-120%)}to{transform:translate(120%)}}.scanline{height:1px;width:30%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:scan 2.8s linear infinite}@keyframes node-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.node-new{transform-box:fill-box;transform-origin:center;animation:node-in .6s var(--ease-spring) both,anneal 1s var(--ease-out) both}@keyframes anneal{0%{stroke:var(--accent)}to{stroke:var(--hair)}}@keyframes draw-edge{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.edge-new{stroke-dasharray:1;animation:draw-edge .5s var(--ease-out) both}@keyframes type{0%{width:0}to{width:var(--ch)}}@keyframes caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.enter{animation:enter var(--d-enter) var(--ease-out) both}.stagger>*{animation:enter var(--d-enter) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 60ms)}.ticker{position:relative;overflow:hidden;width:280px;height:18px;font-family:var(--font-mono);font-size:var(--t-meta);color:var(--text);white-space:nowrap}.ticker-line{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;width:var(--ch, 0);animation:type calc(var(--ch-count, 12) * 28ms) steps(var(--ch-count, 12),end) both}.ticker-caret{display:inline-block;width:.6ch;height:1em;margin-left:1px;background:var(--accent);vertical-align:text-bottom;animation:caret 1.06s steps(1,start) infinite}.tw-caret{display:inline-block;width:.6ch;height:1.1em;background:var(--accent);vertical-align:text-bottom;animation:caret 1.06s steps(1,start) infinite}.card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-md);padding:var(--s-5)}.card-mono{font-family:var(--font-mono);font-size:var(--t-meta);color:var(--text)}.cli-block{position:relative;width:520px;max-width:100%;margin-inline:auto;background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-md);padding:var(--s-4) var(--s-5);font-family:var(--font-mono);font-size:var(--t-meta);color:var(--text);display:flex;align-items:center;gap:var(--s-3)}@property --cli-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes cli-rotate{to{--cli-angle: 360deg}}.cli-block:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--cli-angle),var(--accent),var(--accent-2),var(--accent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity var(--d-state) var(--ease-out);pointer-events:none}.cli-block:hover:before{opacity:1;animation:cli-rotate 6s linear infinite}.cli-prompt{color:var(--muted)}.cli-cmd{color:var(--text)}.cli-copy{margin-left:auto;color:var(--muted);cursor:pointer;background:none;border:0;padding:var(--s-1);transition:color var(--d-hover) var(--ease-out)}.cli-copy:hover{color:var(--text)}.cli-copy.copied{color:var(--accent)}.section-label{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--muted)}.count-badge{font-family:var(--font-mono);font-size:var(--t-label);font-variant-numeric:tabular-nums;color:var(--accent);border:1px solid var(--hair-2);border-radius:var(--r-pill);padding:1px 8px}.session-list{display:flex;flex-direction:column}.row{position:relative;display:flex;align-items:center;gap:var(--s-4);height:64px;padding:0 var(--s-4);border-bottom:1px solid var(--hair);border-left:2px solid transparent;background:transparent;overflow:hidden;transition:background var(--d-hover) var(--ease-out),border-color var(--d-hover) var(--ease-out),box-shadow var(--d-hover) var(--ease-out)}.row:hover{background:var(--surface-2);border-left-color:var(--accent)}.row-title{font-family:var(--font-body);font-size:var(--t-body);color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-meta{font-family:var(--font-mono);font-size:var(--t-meta);font-variant-numeric:tabular-nums;color:var(--muted)}.row-meta.fresh{color:var(--accent)}.row-spacer{margin-left:auto}.row-chevron{color:var(--muted);flex:0 0 auto}.row .row-scan{position:absolute;inset:auto 0 0;height:1px;width:30%;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0}.row:hover .row-scan{opacity:1;animation:scan 2.8s linear infinite}.avatars{display:inline-flex;align-items:center}.avatars .avatar{width:28px;height:28px;border-radius:50%;border:2px solid var(--bg);margin-left:-8px;background:var(--surface-2);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;color:var(--muted)}.avatars .avatar:first-child{margin-left:0}.avatars .avatar.active{box-shadow:0 0 0 2px var(--accent)}.btn{display:inline-flex;align-items:center;gap:var(--s-2);height:32px;padding:0 var(--s-4);border-radius:var(--r-sm);border:1px solid var(--hair);background:transparent;color:var(--text);font-family:var(--font-body);font-size:var(--t-meta);font-weight:500;cursor:pointer;transition:background var(--d-hover) var(--ease-out),border-color var(--d-hover) var(--ease-out),color var(--d-hover) var(--ease-out)}.btn:hover{background:var(--surface-2);border-color:var(--hair-2)}.btn-ghost{background:transparent;border-color:var(--hair);color:var(--muted)}.btn-ghost:hover{color:var(--text);border-color:var(--hair-2)}.btn-accent{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.btn-accent:hover{background:#2fc9de;border-color:#2fc9de}.tool-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-md);border:1px solid var(--hair);background:transparent;color:var(--muted);cursor:pointer;transition:background var(--d-hover) var(--ease-out),color var(--d-hover) var(--ease-out),box-shadow var(--d-hover) var(--ease-out),border-color var(--d-hover) var(--ease-out)}.tool-btn:hover{color:var(--text);border-color:var(--hair-2)}.tool-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg);box-shadow:0 0 12px var(--accent-55)}.sync-chip{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-mono);font-size:var(--t-meta);color:var(--text)}.sync-chip .sync-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:breathe var(--d-beat) infinite}.sync-chip.syncing .sync-dot{background:var(--accent)}.sync-chip.disconnected .sync-dot{background:var(--error);animation:none}.live-footer{border-top:1px solid var(--hair);padding:var(--s-5) var(--s-5);display:flex;align-items:center;gap:var(--s-4);font-family:var(--font-mono);font-size:var(--t-label);color:var(--muted)}.live-footer a{color:var(--muted)}.live-footer a:hover{color:var(--text)}.live-footer .footer-version{margin-left:auto}@media(prefers-reduced-motion:reduce){.live-dot{animation:none;background:var(--accent);box-shadow:0 0 8px var(--accent-55)}.sync-chip .sync-dot{animation:none}.scanline,.row .row-scan,.node-new,.edge-new,.enter,.stagger>*,.ticker-line,.ticker-caret,.tw-caret,.cli-block:hover:before{animation:none!important}*{transition-duration:1ms!important}}