:root{--bg: #0c0e12;--bg-2: #12151b;--bg-3: #1a1e26;--border: #262b35;--text: #d6dae2;--text-dim: #8b92a0;--text-faint: #5b6170;--accent: oklch(.78 .15 145);--accent-dim: oklch(.45 .09 145);--amber: oklch(.78 .14 78);--rose: oklch(.7 .16 18);--mono: "JetBrains Mono", ui-monospace, monospace;--sans: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.45}.mono{font-family:var(--mono)}.dim{color:var(--text-faint)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0;text-align:left}.app{height:100%;display:flex;flex-direction:column}.main{flex:1;display:flex;min-height:0;gap:12px;padding:12px}.feed{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;position:relative}.sidebar{width:320px;flex-shrink:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.topbar{display:flex;align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-2)}.brand{font-family:var(--mono);font-weight:600;font-size:15px}.brand em{color:var(--accent);font-style:normal}.topbar-meta{display:flex;gap:16px;color:var(--text-dim);font-size:12.5px}.topbar-meta strong{color:var(--text);font-weight:500}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.conn{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;padding:3px 10px;border-radius:99px;border:1px solid var(--border);color:var(--text-dim)}.conn .dot{width:7px;height:7px;border-radius:50%;background:var(--text-faint)}.conn.ok .dot{background:var(--accent);box-shadow:0 0 6px var(--accent)}.conn.warn .dot{background:var(--amber)}.conn.down .dot{background:var(--rose)}.logout{font-size:12px;color:var(--text-faint);padding:3px 8px;border-radius:4px}.logout:hover{color:var(--text);background:var(--bg-3)}.feed-header{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border)}.filters{display:flex;gap:6px;flex-wrap:wrap}.chip{font-family:var(--mono);font-size:11.5px;padding:3px 10px;border-radius:99px;border:1px solid var(--border);color:var(--text-faint)}.chip[aria-pressed=true]{color:var(--accent);border-color:var(--accent-dim);background:color-mix(in oklab,var(--accent) 8%,transparent)}.chip.bead-chip{color:var(--amber);border-color:var(--amber)}.feed-count{margin-left:auto;font-family:var(--mono);font-size:11.5px;color:var(--text-faint);white-space:nowrap}.feed-scroll{flex:1;overflow-y:auto;padding:10px 14px 16px}.feed-empty{color:var(--text-faint);font-family:var(--mono);font-size:13px;padding:32px 0;text-align:center}.row{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid color-mix(in oklab,var(--border) 50%,transparent)}.row-icon{flex-shrink:0;width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:var(--bg-3);color:var(--text-dim);margin-top:2px}.row.tone-thinking .row-icon{color:#c09aeb}.row.tone-tool .row-icon{color:var(--accent)}.row.tone-result .row-icon{color:#5bbdda}.row.tone-nudge .row-icon{color:var(--amber)}.row-main{flex:1;min-width:0}.row-head{display:flex;align-items:baseline;gap:8px;font-size:12px}.row-label{font-family:var(--mono);font-weight:600;color:var(--text-dim)}.row.tone-tool .row-label{color:var(--accent)}.row.tone-nudge .row-label{color:var(--amber)}.source{font-family:var(--mono);font-size:11.5px}.source.bead{color:var(--amber)}.ts{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--text-faint);white-space:nowrap}.row-body{margin-top:2px;font-size:13px;color:var(--text);white-space:pre-wrap;word-break:break-word}.row-body.mono{font-size:12px;color:var(--text-dim)}.row-body.clickable{cursor:pointer}.row.tone-result .row-body{color:var(--text-dim)}.clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.expanded-body{max-height:50vh;overflow-y:auto;border:1px solid var(--border);border-radius:6px;padding:6px 8px;background:var(--bg)}.expand-hint{display:inline-block;margin-top:2px;font-family:var(--mono);font-size:11px;color:var(--text-faint)}.row-body.clickable:hover .expand-hint{color:var(--accent)}.kv{padding:1px 0}.kv .k{color:var(--accent-dim);margin-right:8px}.kv .v{white-space:pre-wrap}.diff-file{color:var(--text-dim);padding-bottom:6px;border-bottom:1px solid var(--border);margin-bottom:6px}.diff-block{white-space:pre-wrap;padding:4px 8px;border-radius:4px;margin:3px 0;border-left:2px solid}.diff-block.old{background:color-mix(in oklab,var(--rose) 8%,transparent);border-left-color:var(--rose);color:color-mix(in oklab,var(--rose) 55%,var(--text))}.diff-block.new{background:color-mix(in oklab,var(--accent) 7%,transparent);border-left-color:var(--accent);color:color-mix(in oklab,var(--accent) 40%,var(--text))}.divider{display:flex;align-items:center;gap:8px;padding:10px 0 6px;font-family:var(--mono);font-size:11.5px;color:var(--text-faint)}.divider .rule{flex:1;height:1px;background:var(--border)}.divider .ts{margin-left:0}.jump-live{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:12px;padding:6px 14px;border-radius:99px;background:var(--bg-3);border:1px solid var(--accent-dim);color:var(--accent);box-shadow:0 4px 16px #0006}.jump-live:hover{background:color-mix(in oklab,var(--accent) 12%,var(--bg-3))}.panel{background:var(--bg-2);border:1px solid var(--border);border-radius:8px}.panel-head{display:flex;align-items:baseline;gap:8px;padding:10px 12px 6px}.panel-head h3{margin:0;font-family:var(--mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.panel-head .meta{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--text-faint)}.panel-body{padding:4px 12px 12px;display:flex;flex-direction:column;gap:8px}.panel-empty{color:var(--text-faint);font-family:var(--mono);font-size:12px;padding:8px 0}.bar{height:5px;border-radius:3px;background:var(--bg-3);overflow:hidden}.bar .fill{height:100%;border-radius:3px;background:var(--accent);transition:width .4s ease}.bar.mid .fill{background:var(--amber)}.bar.high .fill{background:var(--rose)}.session-row{display:block;width:100%;padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg)}.session-row:hover{border-color:var(--accent-dim)}.session-row.muted{opacity:.4}.session-top{display:flex;align-items:center;gap:8px}.session-top .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.session-top .name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-top .ago{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--text-faint)}.session-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--text-dim);margin:3px 0 5px}.bead{display:block;width:100%;padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg)}.bead:hover{border-color:var(--accent-dim)}.bead.focused{border-color:var(--amber)}.bead[data-status=closed],.bead[data-status=tombstone]{opacity:.55}.bead-top{display:flex;align-items:center;justify-content:space-between}.bead-top .ago{font-family:var(--mono);font-size:11px;color:var(--text-faint)}.status-pill{font-family:var(--mono);font-size:10.5px;padding:1px 8px;border-radius:99px;background:var(--bg-3);color:var(--text-dim)}.bead[data-status=in_progress] .status-pill{color:var(--accent);background:color-mix(in oklab,var(--accent) 12%,transparent)}.bead[data-status=open] .status-pill{color:var(--amber)}.bead-title{margin-top:4px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bead-snippet{margin-top:3px;font-size:11px;color:var(--text-faint)}.auth-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px}.auth-screen h1{font-family:var(--mono);font-size:22px;margin:0}.auth-screen h1:after{content:"_";color:var(--accent);animation:blink 1.2s steps(1) infinite}.auth-screen p{color:var(--text-dim);margin:0 0 12px}@keyframes blink{50%{opacity:0}}.auth-form{display:flex;gap:8px}.auth-form input{font:inherit;font-family:var(--mono);padding:9px 14px;border-radius:6px;border:1px solid var(--border);background:var(--bg-2);color:var(--text);outline:none;width:220px}.auth-form input:focus{border-color:var(--accent-dim)}.auth-form button{padding:9px 18px;border-radius:6px;background:var(--accent-dim);color:var(--text);font-weight:500}.auth-form button:hover:not(:disabled){background:var(--accent);color:var(--bg)}.auth-form button:disabled{opacity:.5;cursor:default}.auth-error{color:var(--rose);font-size:13px;margin-top:8px}.view-toggle{display:none}@media (max-width: 760px){.main{padding:8px}.sidebar{display:none}.app[data-mobile-view=sidebar] .sidebar{display:flex;width:100%}.app[data-mobile-view=sidebar] .feed,.topbar-meta{display:none}.view-toggle{display:block;position:fixed;bottom:14px;right:14px;z-index:10;font-family:var(--mono);font-size:12px;padding:8px 16px;border-radius:99px;background:var(--bg-3);border:1px solid var(--border);color:var(--text);box-shadow:0 4px 16px #00000080}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:5px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--border)}