:root{color-scheme:light;--surface-0: #faf9f8;--surface-1: #ffffff;--surface-2: #f3f1ef;--surface-3: #e9e6e3;--ink-0: #1c1917;--ink-1: #44403c;--ink-2: #78716c;--ink-3: #a8a29e;--line-soft: #0000000f;--line: #0000001f;--line-strong: #00000033;--accent: #b8410b;--accent-hover: #963409;--accent-ink: #fff7ed;--accent-soft: #b8410b14;--status-ok: #0ca30c;--status-warn: #fab219;--status-serious: #ec835a;--status-critical: #d03b3b;--status-ok-soft: #0ca30c1f;--status-warn-soft: #fab2192b;--status-serious-soft: #ec835a2b;--status-critical-soft: #d03b3b1f;--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--series-4: #eda100;--series-5: #e87ba4;--series-6: #008300;--series-7: #4a3aa7;--series-8: #e34948;--grid: #e1e0d9;--axis: #c3c2b7;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-1: 3px;--radius-2: 6px;--radius-3: 10px;--text-xs: 11px;--text-sm: 12.5px;--text-md: 14px;--text-lg: 20px;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--ease: cubic-bezier(.2, 0, 0, 1);--motion-fast: .12s;--motion: .16s;--shadow-1: 0 1px 2px #0000000f;--shadow-2: 0 8px 24px #00000014, 0 2px 6px #0000000f}@media(prefers-color-scheme:dark){:root:where(:not([data-theme=light])){color-scheme:dark;--surface-0: #0c0a09;--surface-1: #131110;--surface-2: #1c1917;--surface-3: #292524;--ink-0: #fafaf9;--ink-1: #d6d3d1;--ink-2: #a6a09b;--ink-3: #79716b;--line-soft: #ffffff14;--line: #ffffff24;--line-strong: #ffffff3d;--accent: #ff6900;--accent-hover: #ff8c3f;--accent-ink: #1c0f05;--accent-soft: #ff690021;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--series-5: #d55181;--series-6: #008300;--series-7: #9085e9;--series-8: #e66767;--grid: #2c2c2a;--axis: #383835;--shadow-1: 0 1px 2px #00000052;--shadow-2: 0 12px 32px #00000070, 0 2px 8px #00000052}}:root[data-theme=dark]{color-scheme:dark;--surface-0: #0c0a09;--surface-1: #131110;--surface-2: #1c1917;--surface-3: #292524;--ink-0: #fafaf9;--ink-1: #d6d3d1;--ink-2: #a6a09b;--ink-3: #79716b;--line-soft: #ffffff14;--line: #ffffff24;--line-strong: #ffffff3d;--accent: #ff6900;--accent-hover: #ff8c3f;--accent-ink: #1c0f05;--accent-soft: #ff690021;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--series-5: #d55181;--series-6: #008300;--series-7: #9085e9;--series-8: #e66767;--grid: #2c2c2a;--axis: #383835;--shadow-1: 0 1px 2px #00000052;--shadow-2: 0 12px 32px #00000070, 0 2px 8px #00000052}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion: 0ms}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--surface-0);color:var(--ink-0);font-family:var(--font-ui);font-size:var(--text-sm);line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p,figure,ul,ol{margin:0;padding:0}ul,ol{list-style:none}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}code,kbd,pre,.mono{font-family:var(--font-mono);font-size:.92em}.num{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-1)}::selection{background:var(--accent-soft)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.shell{display:grid;grid-template-columns:216px minmax(0,1fr);height:100%}.rail{display:flex;flex-direction:column;min-height:0;background:var(--surface-0);border-right:1px solid var(--line-soft)}.rail-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3)}.rail-mark{width:18px;height:18px;border-radius:var(--radius-1);background:var(--accent);flex:none}.rail-name{font-weight:600;letter-spacing:-.01em}.rail-nav{flex:1;min-height:0;overflow-y:auto;padding:0 var(--space-2) var(--space-4)}.rail-section{margin-top:var(--space-4)}.rail-section>h2{padding:0 var(--space-2) var(--space-1);font-size:var(--text-xs);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}.rail-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:5px var(--space-2);border-radius:var(--radius-2);color:var(--ink-1);transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.rail-link:hover{background:var(--surface-2);color:var(--ink-0)}.rail-link[aria-current=page]{background:var(--surface-3);color:var(--ink-0);font-weight:500}.rail-key{font-size:var(--text-xs);color:var(--ink-3);font-family:var(--font-mono)}.rail-foot{border-top:1px solid var(--line-soft);padding:var(--space-2);display:flex;flex-direction:column;gap:2px}.main{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface-1);border-left:1px solid var(--line-soft)}.topbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line-soft);flex:none}.topbar h1{font-size:var(--text-md);font-weight:600;letter-spacing:-.01em}.topbar .sub{color:var(--ink-2);font-size:var(--text-xs)}.spacer{flex:1}.page{flex:1;min-height:0;overflow-y:auto;padding:var(--space-5)}.page.flush{padding:0}.stack{display:flex;flex-direction:column;gap:var(--space-5)}.row{display:flex;align-items:center;gap:var(--space-2)}.row.wrap{flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 10px;border:1px solid var(--line);border-radius:var(--radius-2);background:var(--surface-1);color:var(--ink-0);cursor:pointer;white-space:nowrap;transition:background var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease)}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:transparent;color:var(--accent-ink);font-weight:500}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.danger{color:var(--status-critical);border-color:var(--status-critical-soft)}.btn.ghost{border-color:transparent;background:transparent;color:var(--ink-1)}.btn.ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink-0)}.btn.sm{padding:2px 7px;font-size:var(--text-xs)}.input,.select,.textarea{width:100%;padding:5px 9px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-2);transition:border-color var(--motion-fast) var(--ease)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent)}.textarea{resize:vertical;min-height:64px;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field>label{font-size:var(--text-xs);color:var(--ink-2)}.field .hint{font-size:var(--text-xs);color:var(--ink-3)}.seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius-2);overflow:hidden}.seg>button{padding:3px 9px;background:var(--surface-1);border:0;border-right:1px solid var(--line-soft);color:var(--ink-2);cursor:pointer;font-size:var(--text-xs);font-variant-numeric:tabular-nums}.seg>button:last-child{border-right:0}.seg>button[aria-pressed=true]{background:var(--surface-3);color:var(--ink-0);font-weight:500}.card{background:var(--surface-1);border:1px solid var(--line-soft);border-radius:var(--radius-3)}.card>header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line-soft)}.card>header h2{font-size:var(--text-sm);font-weight:600}.card>.body{padding:var(--space-4)}.grid{display:grid;gap:var(--space-3)}.grid.tiles{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.tile{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--surface-1);border:1px solid var(--line-soft);border-radius:var(--radius-3)}.tile .label{font-size:var(--text-xs);color:var(--ink-2);letter-spacing:.02em}.tile .figure{font-size:var(--text-lg);font-weight:600;letter-spacing:-.02em;line-height:1.2}.tile .unit{font-size:var(--text-xs);color:var(--ink-2);font-weight:400;margin-left:3px}.tile .foot{font-size:var(--text-xs);color:var(--ink-2)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;font-size:var(--text-xs);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line-soft);white-space:nowrap;position:sticky;top:0;background:var(--surface-1);z-index:1}.table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line-soft);vertical-align:top}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr[aria-selected=true]{background:var(--accent-soft)}.table .r{text-align:right;font-variant-numeric:tabular-nums}.table td.tight,.table th.tight{width:1%;white-space:nowrap}.clickable{cursor:pointer}.chip{display:inline-flex;align-items:center;gap:5px;padding:1px 7px;border-radius:999px;font-size:var(--text-xs);border:1px solid transparent;white-space:nowrap}.chip .dot{width:6px;height:6px;border-radius:999px;background:currentColor;flex:none}.chip.neutral{background:var(--surface-2);color:var(--ink-2);border-color:var(--line-soft)}.chip.ok{background:var(--status-ok-soft);color:var(--status-ok)}.chip.warn{background:var(--status-warn-soft);color:var(--ink-0)}.chip.warn .dot{background:var(--status-warn)}.chip.serious{background:var(--status-serious-soft);color:var(--ink-0)}.chip.serious .dot{background:var(--status-serious)}.chip.critical{background:var(--status-critical-soft);color:var(--status-critical)}.chip.accent{background:var(--accent-soft);color:var(--accent)}.notice{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line-soft);border-left-width:3px;border-radius:var(--radius-2);background:var(--surface-2);font-size:var(--text-sm);color:var(--ink-1)}.notice.warn{border-left-color:var(--status-warn)}.notice.critical{border-left-color:var(--status-critical)}.notice.info{border-left-color:var(--accent)}.notice strong{color:var(--ink-0);font-weight:600}.empty{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start;max-width:62ch;padding:var(--space-6) var(--space-5);margin:0 auto;color:var(--ink-1)}.empty h2{font-size:var(--text-md);font-weight:600;color:var(--ink-0)}.empty p{color:var(--ink-2)}.pre{display:block;width:100%;padding:var(--space-3);background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--radius-2);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow-x:auto;color:var(--ink-1);margin:0}.skeleton{height:10px;border-radius:var(--radius-1);background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:shimmer 1.1s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.scrim{position:fixed;inset:0;background:#0000005c;display:flex;align-items:flex-start;justify-content:center;padding:8vh var(--space-4) var(--space-4);z-index:40;animation:fade var(--motion) var(--ease)}@keyframes fade{0%{opacity:0}}.dialog{width:min(720px,100%);max-height:80vh;display:flex;flex-direction:column;background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-3);box-shadow:var(--shadow-2);overflow:hidden}.dialog>header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line-soft)}.dialog>header h2{font-size:var(--text-sm);font-weight:600}.dialog>.body{padding:var(--space-4);overflow-y:auto}.dialog>footer{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line-soft);background:var(--surface-0)}.diff{border:1px solid var(--line-soft);border-radius:var(--radius-2);overflow:hidden;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.65}.diff-line{display:flex;gap:var(--space-2);padding:0 var(--space-2);white-space:pre-wrap;word-break:break-word}.diff-line>.gut{flex:none;width:1ch;color:var(--ink-3);user-select:none}.diff-line.add{background:var(--status-ok-soft)}.diff-line.add>.gut{color:var(--status-ok)}.diff-line.del{background:var(--status-critical-soft)}.diff-line.del>.gut{color:var(--status-critical)}.diff-line.ctx{color:var(--ink-2)}.split{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);height:100%;min-height:0}.list-pane{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line-soft);background:var(--surface-0)}.list-pane>header{flex:none;padding:var(--space-3);border-bottom:1px solid var(--line-soft);display:flex;flex-direction:column;gap:var(--space-2)}.list-scroll{flex:1;min-height:0;overflow-y:auto}.session-row{display:block;width:100%;text-align:left;padding:var(--space-2) var(--space-3);border:0;border-bottom:1px solid var(--line-soft);background:transparent;cursor:pointer;transition:background var(--motion-fast) var(--ease)}.session-row:hover{background:var(--surface-2)}.session-row[aria-current=true]{background:var(--surface-3);box-shadow:inset 2px 0 0 var(--accent)}.session-row .title{display:block;color:var(--ink-0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-row .meta{display:flex;align-items:center;gap:var(--space-2);margin-top:2px;font-size:var(--text-xs);color:var(--ink-2);font-variant-numeric:tabular-nums}.session-pane{display:flex;flex-direction:column;min-height:0;min-width:0}.session-head{flex:none;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line-soft)}.transcript{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4) var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.turn-rule{display:flex;align-items:center;gap:var(--space-3);color:var(--ink-3);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase}.turn-rule:after{content:"";flex:1;height:1px;background:var(--line-soft)}.bubble{max-width:90ch;font-size:var(--text-md);line-height:1.6;white-space:pre-wrap;word-break:break-word}.bubble.user{align-self:flex-end;max-width:70ch;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--radius-3);padding:var(--space-2) var(--space-3)}.speaker{font-size:var(--text-xs);color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}.thinking{border-left:2px solid var(--line);padding-left:var(--space-3);color:var(--ink-2);font-size:var(--text-sm);white-space:pre-wrap}details.tool,details.thinking-block{border:1px solid var(--line-soft);border-radius:var(--radius-2);background:var(--surface-1);overflow:hidden}details.tool>summary,details.thinking-block>summary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--text-sm);list-style:none}details.tool>summary::-webkit-details-marker,details.thinking-block>summary::-webkit-details-marker{display:none}details.tool>summary:hover,details.thinking-block>summary:hover{background:var(--surface-2)}details.tool .tool-name{font-family:var(--font-mono);font-weight:500}details.tool .tool-arg{color:var(--ink-2);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}details.tool>.tool-body{border-top:1px solid var(--line-soft);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.caret{flex:none;width:10px;color:var(--ink-3);transition:transform var(--motion-fast) var(--ease)}details[open]>summary .caret{transform:rotate(90deg)}.composer{flex:none;border-top:1px solid var(--line-soft);padding:var(--space-3) var(--space-4);background:var(--surface-0);display:flex;flex-direction:column;gap:var(--space-2)}.composer textarea{background:var(--surface-1);font-family:var(--font-ui);font-size:var(--text-md);min-height:56px;max-height:40vh}.composer .bar{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--ink-2)}kbd{display:inline-block;padding:0 4px;border:1px solid var(--line);border-bottom-width:2px;border-radius:var(--radius-1);background:var(--surface-2);font-size:var(--text-xs);color:var(--ink-1);line-height:1.5}.chart{display:block;width:100%;overflow:visible}.legend{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);font-size:var(--text-xs);color:var(--ink-1)}.legend>li{display:flex;align-items:center;gap:6px}.swatch{width:8px;height:8px;border-radius:2px;flex:none}.meter{height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden}.meter>span{display:block;height:100%;border-radius:999px;background:var(--series-1);transition:width var(--motion) var(--ease)}.meter.warn>span{background:var(--status-warn)}.meter.critical>span{background:var(--status-critical)}.gate{height:100%;display:grid;place-items:center;padding:var(--space-5);background:var(--surface-0)}.gate form{width:min(460px,100%);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--surface-1);border:1px solid var(--line-soft);border-radius:var(--radius-3);box-shadow:var(--shadow-1)}.gate h1{font-size:var(--text-lg);font-weight:600;letter-spacing:-.02em}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.xs{font-size:var(--text-xs)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ok-text{color:var(--status-ok)}.warn-text{color:var(--status-warn)}.critical-text{color:var(--status-critical)}.scroll-x{overflow-x:auto}