:root{--bg-0: #0B0D0E;--bg-1: #101314;--surface-1: #16191B;--surface-2: #1C2022;--surface-3: #23282A;--glass-panel: rgba(22, 25, 27, .72);--glass-overlay: rgba(16, 19, 20, .8);--glass-scrim: rgba(11, 13, 14, .55);--edge-soft: rgba(255, 255, 255, .06);--edge: rgba(255, 255, 255, .09);--edge-strong: rgba(255, 255, 255, .14);--edge-accent: rgba(201, 241, 88, .4);--ink-1: #E8ECEA;--ink-2: #A7B1AE;--ink-3: #7C8683;--ink-disabled: #565F5D;--ink-on-accent: #0B0D0E;--accent: #C9F158;--accent-bright: #DCFF6E;--accent-dim: #93B23C;--accent-tint-12: rgba(201, 241, 88, .12);--accent-tint-06: rgba(201, 241, 88, .06);--success: #52D584;--success-tint: rgba(82, 213, 132, .12);--warn: #F0C14E;--warn-tint: rgba(240, 193, 78, .12);--danger: #F2606A;--danger-tint: rgba(242, 96, 106, .12);--info: #5FB6E8;--info-tint: rgba(95, 182, 232, .12);--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Menlo", "Monaco", monospace;--type-display: 700 28px/34px var(--font-ui);--type-title: 600 20px/26px var(--font-ui);--type-body: 400 14px/22px var(--font-ui);--type-body-strong: 600 14px/22px var(--font-ui);--type-small: 400 13px/18px var(--font-ui);--type-micro: 500 11px/14px var(--font-ui);--type-mono: 400 13px/20px var(--font-mono);--type-mono-stat: 500 12px/16px var(--font-mono);--type-mono-micro: 500 10px/13px var(--font-mono);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--r-1: 4px;--r-2: 6px;--r-3: 10px;--r-4: 14px;--r-full: 999px;--blur-panel: blur(14px) saturate(1.15);--blur-overlay: blur(24px) saturate(1.2);--shadow-1: 0 1px 2px rgba(0,0,0,.4);--shadow-2: 0 4px 16px rgba(0,0,0,.45), 0 1px 3px rgba(0,0,0,.5);--shadow-3: 0 16px 48px rgba(0,0,0,.55), 0 2px 8px rgba(0,0,0,.5);--glow-accent: 0 0 0 1px rgba(201,241,88,.35), 0 0 20px rgba(201,241,88,.14);--glow-danger: 0 0 0 1px rgba(242,96,106,.35), 0 0 16px rgba(242,96,106,.12);--focus-ring: 0 0 0 2px var(--bg-0), 0 0 0 4px var(--accent);--dur-instant: 80ms;--dur-fast: .14s;--dur-base: .22s;--dur-slow: .32s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.45, 0, .25, 1);--ease-snap: cubic-bezier(.3, 1.2, .3, 1)}@media(prefers-reduced-motion:reduce){:root{--dur-instant: 0ms;--dur-fast: 80ms;--dur-base: .12s;--dur-slow: .12s}}html[data-reduced-motion=reduce]{--dur-instant: 0ms;--dur-fast: 80ms;--dur-base: .12s;--dur-slow: .12s}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-0);color:var(--ink-1);font:var(--type-body);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font:inherit;color:var(--ink-1);background:var(--surface-2);border:1px solid var(--edge);border-radius:var(--r-2)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--edge-strong)}:focus{outline:none}:focus-visible{box-shadow:var(--focus-ring)!important}::selection{background:#c9f15838}pre,code{font:var(--type-mono)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:5px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.t-display{font:var(--type-display);letter-spacing:-.02em}.t-title{font:var(--type-title);letter-spacing:-.01em}.t-micro{font:var(--type-micro);letter-spacing:.04em;text-transform:uppercase}.t-mono-stat{font:var(--type-mono-stat);letter-spacing:.02em;font-variant-numeric:tabular-nums}.t-mono-micro{font:var(--type-mono-micro);letter-spacing:.06em;text-transform:uppercase}.btn{height:32px;padding:0 14px;border-radius:var(--r-2);font:var(--type-body-strong);display:inline-flex;align-items:center;gap:var(--sp-2);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);white-space:nowrap}.btn-ghost{border:1px solid var(--edge);color:var(--ink-2);background:transparent}.btn-ghost:hover{background:var(--surface-2);color:var(--ink-1)}.btn-ghost-quiet{border:none;color:var(--ink-2)}.btn-ghost-quiet:hover{background:var(--surface-2)}.btn-danger-ghost{border:1px solid var(--edge);color:var(--ink-2)}.btn-danger-ghost:hover{background:var(--danger-tint);color:var(--danger);border-color:transparent}.btn-accent{background:var(--accent);color:var(--ink-on-accent);font-weight:600}.btn-accent:hover{background:var(--accent-bright)}.btn-accent:active{background:var(--accent-dim)}.btn[disabled],.btn[aria-disabled=true]{cursor:not-allowed;color:var(--ink-disabled);background:transparent;border-color:var(--edge-soft)}.btn-sm{height:24px;padding:0 8px;font:var(--type-small)}.kbd{font:var(--type-mono-micro);letter-spacing:.06em;background:#0b0d0e59;border:1px solid var(--edge-soft);border-radius:var(--r-1);padding:1px 4px;color:inherit;opacity:.85}.badge{font:var(--type-mono-micro);letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:var(--r-1);display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.badge-accent{color:var(--accent);background:var(--accent-tint-12)}.badge-info{color:var(--info);background:var(--info-tint)}.badge-success{color:var(--success);background:var(--success-tint)}.badge-warn{color:var(--warn);background:var(--warn-tint)}.badge-danger{color:var(--danger);background:var(--danger-tint)}.badge-muted{color:var(--ink-3);background:var(--surface-2)}.app{display:grid;grid-template-columns:260px 1fr;height:100%;background:var(--bg-0)}.main{background:var(--bg-1);position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden}.sidebar{width:260px;background:var(--surface-1);border-right:1px solid var(--edge);display:flex;flex-direction:column;min-height:0}.sidebar-top{padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.sidebar-search{width:100%;height:28px;padding:0 var(--sp-2);font:var(--type-small)}.sidebar-scroll{flex:1;overflow-y:auto;padding:0 var(--sp-3) var(--sp-3)}.side-section{margin-top:var(--sp-4)}.side-label{font:var(--type-micro);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin-bottom:var(--sp-3);padding-left:var(--sp-2)}.srow{width:100%;height:32px;border-radius:var(--r-2);padding:0 var(--sp-2);display:flex;align-items:center;gap:var(--sp-2);font:var(--type-small);color:var(--ink-2);text-align:left;transition:background var(--dur-instant) var(--ease-out);position:relative}.srow:hover{background:var(--surface-2)}.srow.active{background:var(--surface-3);color:var(--ink-1)}.srow.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;background:var(--accent);border-radius:1px}.srow-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.srow-count{font:var(--type-mono-stat);color:var(--ink-3);font-variant-numeric:tabular-nums}.monogram{width:8px;height:8px;border-radius:2px;flex:none}.local-seal{border-top:1px solid var(--edge-soft);padding:var(--sp-3);font:var(--type-mono-micro);letter-spacing:.06em;color:var(--ink-3);display:flex;align-items:center;gap:6px}.seal-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-dim);transition:background .3s var(--ease-out),box-shadow .3s var(--ease-out)}.seal-dot.tick{background:var(--accent);box-shadow:0 0 8px #c9f15866}.chatview{display:flex;flex-direction:column;height:100%;min-height:0}.chat-header{height:44px;display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-4);border-bottom:1px solid var(--edge-soft);flex:none}.chat-title{font:var(--type-body-strong);color:var(--ink-1);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-scroll{flex:1;overflow-y:auto;position:relative;min-height:0}.msg-col{max-width:760px;margin:0 auto;padding:var(--sp-6);display:flex;flex-direction:column}.turn{margin-bottom:var(--sp-8);position:relative}.turn-user{background:var(--surface-1);border:1px solid var(--edge);border-radius:var(--r-3);padding:var(--sp-3) var(--sp-4);max-width:85%;box-shadow:var(--shadow-1);white-space:pre-wrap;overflow-wrap:break-word}.turn-assistant{display:flex;gap:var(--sp-3)}.role-glyph{color:var(--ink-3);font-size:16px;line-height:22px;flex:none;width:16px}.turn-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-2)}.assistant-text{white-space:pre-wrap;overflow-wrap:break-word}.code-block{margin:0;padding:var(--sp-3) var(--sp-4);overflow:auto;max-height:420px;border:1px solid var(--edge-soft);border-radius:var(--r-2);background:var(--bg-0);color:var(--ink-2);white-space:pre;-moz-tab-size:2;tab-size:2}.msg-telemetry{font:var(--type-mono-stat);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--ink-3);opacity:0;transition:opacity .14s var(--ease-out);margin-top:var(--sp-1)}.turn:hover .msg-telemetry{opacity:1}.turn-image{max-width:220px;border-radius:var(--r-2);border:1px solid var(--edge);display:block;margin-top:var(--sp-2)}.context-banner{margin:var(--sp-3) 0;padding:var(--sp-3) var(--sp-4);border:1px solid color-mix(in srgb,var(--warn) 45%,transparent);border-left:3px solid var(--warn);border-radius:var(--r-2);background:var(--warn-tint);color:var(--ink-1);font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word}.caret{display:inline-block;width:2px;height:18px;background:var(--accent);vertical-align:text-bottom;margin-left:1px;animation:caret-pulse .9s var(--ease-in-out) infinite}@keyframes caret-pulse{0%,to{opacity:1}50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.caret{animation:none;opacity:1}}html[data-reduced-motion=reduce] .caret{animation:none;opacity:1}.dim-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0d0e59;z-index:5;pointer-events:none}.tcc-elevated{position:relative;z-index:6}.float-pill{position:absolute;left:50%;transform:translate(-50%);bottom:24px;z-index:8;background:var(--surface-3);border:1px solid var(--edge);border-radius:var(--r-full);box-shadow:var(--shadow-2);padding:6px 14px;font:var(--type-small);color:var(--ink-2)}.float-pill:hover{color:var(--ink-1)}.approval-pill{background:var(--accent-tint-12);color:var(--accent);border:none;box-shadow:var(--glow-accent);font:var(--type-body-strong)}.warnline{max-width:760px;margin:0 auto;padding:var(--sp-1) var(--sp-6);font:var(--type-small);color:var(--warn)}.errorcard{border:1px solid var(--edge);border-radius:var(--r-3);background:var(--surface-1);box-shadow:var(--glow-danger);padding:var(--sp-3) var(--sp-4);margin-top:var(--sp-2);animation:shake .28s var(--ease-out) 1}.errorcard .hint{font:var(--type-mono);color:var(--ink-3);margin-top:var(--sp-1)}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.errorcard{animation:none}}html[data-reduced-motion=reduce] .errorcard{animation:none}.toast{position:absolute;bottom:100px;left:50%;transform:translate(-50%);z-index:30;background:var(--surface-3);border:1px solid var(--edge);border-radius:var(--r-2);box-shadow:var(--shadow-2);padding:var(--sp-2) var(--sp-4);font:var(--type-small);color:var(--ink-1)}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-6)}.empty-inner{max-width:400px;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.empty-glyph{font-size:32px;color:var(--ink-3);line-height:1}.empty-head{font:var(--type-title);letter-spacing:-.01em;color:var(--ink-1)}.empty-body{font:var(--type-small);color:var(--ink-2)}.chip-row{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center;margin-top:var(--sp-2)}.chip{background:var(--surface-2);border:1px solid var(--edge);border-radius:var(--r-full);padding:5px 12px;font:var(--type-small);color:var(--ink-2)}.chip:hover{background:var(--surface-3);color:var(--ink-1)}.empty-keys{font:var(--type-mono-stat);letter-spacing:.02em;color:var(--ink-3);margin-top:var(--sp-4)}.rblock{border-radius:var(--r-2);background:#16191b73;border:1px solid var(--edge-soft);overflow:hidden}.rblock-head{height:30px;width:100%;display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-3);font:var(--type-mono-stat);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--ink-3);text-align:left}.rblock-chevron{margin-left:auto;transition:transform var(--dur-base) var(--ease-in-out);color:var(--ink-3)}.rblock-chevron.open{transform:rotate(90deg)}.rblock-body-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-base) var(--ease-in-out)}.rblock-body-wrap.open{grid-template-rows:1fr}.rblock-body-clip{overflow:hidden;min-height:0}.rblock-body{font:var(--type-mono);color:var(--ink-2);padding:var(--sp-3);max-height:min(220px,30vh);overflow-y:auto;white-space:pre-wrap;-webkit-user-select:text;user-select:text}.rblock-pulse{width:5px;height:5px;border-radius:50%;background:var(--accent-dim);animation:caret-pulse .9s var(--ease-in-out) infinite}.tcc{background:var(--surface-1);border:1px solid var(--edge);border-radius:var(--r-3);padding:var(--sp-4);width:100%;box-shadow:var(--shadow-1);transform:translateZ(0);transition:box-shadow .18s var(--ease-out),opacity .14s var(--ease-out),border-color .14s var(--ease-out)}.tcc-header{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}.tcc-glyph{width:16px;height:16px;color:var(--ink-3);flex:none;font-size:14px;line-height:16px}.tcc-name{font:var(--type-body-strong);color:var(--ink-1)}.tcc-badges{margin-left:auto;display:flex;gap:var(--sp-2);align-items:center}.tcc-args{font:var(--type-mono);background:var(--bg-0);border-radius:var(--r-2);padding:var(--sp-2) var(--sp-3);max-height:200px;overflow-y:auto;white-space:pre-wrap;overflow-wrap:break-word;color:var(--ink-2)}.tcc-footer{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);justify-content:flex-end;position:relative}.tcc-footer-line{font:var(--type-mono-stat);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--ink-3);margin-right:auto}.tcc .kbd-hint{opacity:0;transition:opacity var(--dur-instant)}.tcc .btn:hover .kbd-hint{opacity:1}.tcc-pending{border-color:var(--edge-accent);animation:approval-pulse 1.6s var(--ease-in-out) 3;box-shadow:var(--glow-accent)}@keyframes approval-pulse{0%,to{box-shadow:var(--glow-accent)}50%{box-shadow:0 0 0 1px #c9f15824,0 0 20px #c9f1580e}}@media(prefers-reduced-motion:reduce){.tcc-pending{animation:none;border-left:2px solid var(--accent)}}html[data-reduced-motion=reduce] .tcc-pending{animation:none;border-left:2px solid var(--accent)}.tcc-running{border-color:var(--edge);box-shadow:var(--shadow-1)}.tcc-done{border-color:var(--edge-soft);opacity:.92}.tcc-denied{border-color:var(--edge-soft);opacity:.8}.tcc-denied .tcc-args{color:var(--ink-3)}.tcc-error{box-shadow:var(--glow-danger);animation:shake .28s var(--ease-out) 1}@media(prefers-reduced-motion:reduce){.tcc-error{animation:none}}html[data-reduced-motion=reduce] .tcc-error{animation:none}.spinner{width:12px;height:12px;border-radius:50%;flex:none;border:2px solid var(--info-tint);border-top-color:var(--info);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s}}.badge-flip{animation:badge-slide .18s var(--ease-out) 1}@keyframes badge-slide{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}.tcc-output{font:var(--type-mono);background:var(--bg-0);border-radius:var(--r-2);padding:var(--sp-2) var(--sp-3);margin-top:var(--sp-2);max-height:240px;overflow-y:auto;white-space:pre-wrap;overflow-wrap:break-word;color:var(--ink-2)}.tcc-result-line{font:var(--type-small);color:var(--ink-2);margin-right:auto}.tcc-error-line{font:var(--type-mono);color:var(--danger);margin-right:auto;overflow-wrap:anywhere}.artifact{border:1px solid var(--edge);border-radius:var(--r-3);background:var(--surface-1);overflow:hidden;box-shadow:var(--shadow-1)}.artifact-head{min-height:40px;padding:0 var(--sp-3);display:flex;align-items:center;gap:var(--sp-2);border-bottom:1px solid var(--edge-soft)}.artifact-head strong{font:var(--type-body-strong)}.artifact-glyph{color:var(--info)}.artifact-note{font:var(--type-mono-micro);color:var(--ink-3)}.artifact-tabs{margin-left:auto;display:flex;align-items:center;gap:2px;background:var(--bg-0);padding:2px;border-radius:var(--r-2)}.artifact-tabs button{height:26px;padding:0 var(--sp-3);border-radius:var(--r-1);font:var(--type-small);color:var(--ink-3)}.artifact-tabs button.active{background:var(--surface-3);color:var(--ink-1)}.artifact-frame{display:block;width:100%;height:min(520px,56vh);border:0;background:#fff}.artifact-code{margin:0;padding:var(--sp-4);max-height:min(520px,56vh);overflow:auto;white-space:pre;color:var(--ink-2);background:var(--bg-0)}.confirm-pop{position:absolute;bottom:40px;right:0;z-index:20;background:var(--surface-3);border:1px solid var(--edge);border-radius:var(--r-2);box-shadow:var(--shadow-2);padding:var(--sp-3) var(--sp-4);font:var(--type-small);color:var(--ink-1);display:flex;align-items:center;gap:var(--sp-3);white-space:nowrap}.statsbar{height:28px;flex:none;display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);background:var(--glass-panel);backdrop-filter:var(--blur-panel);-webkit-backdrop-filter:var(--blur-panel);border-top:1px solid var(--edge-soft);font:var(--type-mono-stat);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--ink-3)}[data-glass-suspended=true] .statsbar,.statsbar[data-glass-suspended=true]{background:var(--surface-1);backdrop-filter:none;-webkit-backdrop-filter:none}.statsbar .val{color:var(--ink-2)}.statsbar .val-fast{color:var(--accent-dim)}.statsbar .sep{color:var(--ink-disabled)}.ctx-wrap{margin-left:auto;display:flex;align-items:center;gap:var(--sp-2)}.ctx-track{width:120px;height:4px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.ctx-fill{height:100%;border-radius:var(--r-full);background:var(--accent-dim);transition:width var(--dur-slow) var(--ease-out),background var(--dur-slow) var(--ease-out)}.ctx-fill.warn{background:var(--warn)}.ctx-fill.danger{background:var(--danger)}.composer-outer{flex:none;padding:0 var(--sp-6) var(--sp-6);background:var(--bg-1)}.composer-inner{max-width:760px;margin:0 auto}.composer{background:var(--surface-2);border:1px solid var(--edge);border-radius:var(--r-3);min-height:52px;padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);transition:border-color var(--dur-fast) var(--ease-out)}.composer:focus-within{border-color:var(--edge-strong)}.composer textarea:focus{box-shadow:none!important}.composer.pending{opacity:.5}.composer textarea{background:transparent;border:none;resize:none;width:100%;font:var(--type-body);color:var(--ink-1);max-height:240px;overflow-y:auto}.composer textarea::placeholder{color:var(--ink-3)}.composer-row{display:flex;align-items:center;gap:var(--sp-2)}.composer-row .spacer{flex:1}.send-btn{width:32px;height:32px;border-radius:var(--r-2);display:inline-flex;align-items:center;justify-content:center;font-size:15px}.send-btn.live{background:var(--accent);color:var(--ink-on-accent)}.send-btn.live:hover{background:var(--accent-bright)}.send-btn.live:active{background:var(--accent-dim)}.send-btn.ghost{color:var(--ink-3);cursor:not-allowed}.stop-btn{color:var(--ink-2);border:1px solid var(--edge)}.stop-btn:hover{color:var(--danger);background:var(--danger-tint);border-color:transparent}.attach-thumbs{display:flex;gap:var(--sp-2);flex-wrap:wrap}.attach-thumb{position:relative}.attach-thumb img{width:48px;height:48px;object-fit:cover;border-radius:var(--r-2);border:1px solid var(--edge);display:block}.attach-thumb button{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:var(--surface-3);color:var(--ink-2);font-size:10px;line-height:16px;border:1px solid var(--edge)}.attach-wrap{position:relative}.attach-btn{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--ink-3);color:var(--ink-3);font-size:15px;line-height:1;transition:border-color var(--dur-fast),color var(--dur-fast),background var(--dur-fast)}.attach-btn:hover{border-color:var(--ink-2);color:var(--ink-2)}.attach-btn.open{border-color:var(--accent);color:var(--accent)}.attach-menu{position:absolute;bottom:36px;left:0;z-index:25;min-width:260px;background:var(--surface-3);border:1px solid var(--edge);border-radius:var(--r-3);box-shadow:var(--shadow-2);padding:var(--sp-1);overflow:hidden;animation:fade-in var(--dur-fast) var(--ease-out)}.attach-row{width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-2);display:flex;align-items:center;gap:var(--sp-3);text-align:left}.attach-row:hover{background:var(--accent-tint-06)}.attach-ico{width:16px;flex:none;text-align:center;color:var(--ink-3);font-size:13px}.attach-row:hover .attach-ico{color:var(--accent)}.attach-name{font:var(--type-small);color:var(--ink-1)}.attach-meta{font:var(--type-mono-stat);letter-spacing:.02em;color:var(--ink-3)}.attach-foot{padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--edge-soft);font:var(--type-mono-stat);letter-spacing:.02em;color:var(--ink-3)}.web-btn{height:28px;padding:0 var(--sp-3);border-radius:var(--r-full);border:1px solid var(--edge-soft);color:var(--ink-2);background:var(--surface-2);font:500 12px/16px var(--font-mono);display:inline-flex;align-items:center;gap:6px;transition:color var(--dur-fast),border-color var(--dur-fast),background var(--dur-fast)}.web-btn:hover{color:var(--accent);border-color:var(--edge-accent);background:var(--accent-tint-06)}.mic-btn{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--ink-3);color:var(--ink-3);font-size:13px;transition:border-color var(--dur-fast),color var(--dur-fast)}.mic-btn:hover{border-color:var(--ink-2);color:var(--ink-2)}.mic-btn.rec{border-color:var(--accent);color:var(--accent);animation:mic-pulse 1.2s var(--ease-in-out) infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 #c9f1584d}50%{box-shadow:0 0 0 5px #c9f15814}}@media(prefers-reduced-motion:reduce){.mic-btn.rec{animation:none;box-shadow:var(--glow-accent)}}html[data-reduced-motion=reduce] .mic-btn.rec{animation:none;box-shadow:var(--glow-accent)}.mic-meter{width:40px;height:4px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.mic-meter div{height:100%;background:var(--accent);transition:width 60ms linear}.mic-timer{font:var(--type-mono-stat);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--accent)}.mp-wrap{position:relative}.mp-pill{height:28px;padding:0 var(--sp-3);border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--edge-soft);font:500 12px/16px var(--font-mono);color:var(--ink-2);display:inline-flex;align-items:center;gap:6px}.mp-pill:hover{background:var(--surface-3)}.mp-dot{width:6px;height:6px;border-radius:50%;flex:none}.mp-dot.warm{background:var(--accent)}.mp-dot.loading{background:var(--warn)}.mp-dot.cold{background:var(--ink-3)}.mp-menu{position:absolute;bottom:36px;left:0;z-index:25;min-width:320px;background:var(--surface-3);border:1px solid var(--edge);border-radius:var(--r-3);box-shadow:var(--shadow-2);padding:var(--sp-1);overflow:hidden}.mp-row{width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-2);display:flex;align-items:center;gap:var(--sp-2);text-align:left}.mp-row:hover{background:var(--surface-2)}.mp-name{font:var(--type-mono);color:var(--ink-1)}.mp-meta{font:var(--type-mono-stat);color:var(--ink-3)}.mp-fit{margin-left:auto}.mp-check{color:var(--accent);width:14px;flex:none}.mp-footer{padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--edge-soft);font:var(--type-mono-stat);color:var(--ink-3)}.side-panel{position:absolute;top:0;right:0;bottom:0;width:380px;z-index:15;background:var(--glass-panel);backdrop-filter:var(--blur-panel);-webkit-backdrop-filter:var(--blur-panel);border-left:1px solid var(--edge-soft);display:flex;flex-direction:column;animation:panel-in var(--dur-base) var(--ease-out)}.side-panel.wide{width:420px}.side-panel[data-glass-suspended=true]{background:var(--surface-1);backdrop-filter:none;-webkit-backdrop-filter:none}@keyframes panel-in{0%{transform:translate(12px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){@keyframes panel-in{0%{opacity:0}to{opacity:1}}}.panel-head{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4);border-bottom:1px solid var(--edge-soft)}.panel-head h2{font:var(--type-title);letter-spacing:-.01em;flex:1}.panel-count{font:var(--type-mono-stat);color:var(--ink-3)}.panel-body{flex:1;overflow-y:auto;padding:var(--sp-3)}.panel-footer{border-top:1px solid var(--edge-soft);padding:var(--sp-3) var(--sp-4);font:var(--type-mono-stat);color:var(--ink-3)}.panel-footer.over{color:var(--warn)}.panel-close{color:var(--ink-3);width:24px;height:24px;border-radius:var(--r-2)}.panel-close:hover{background:#1c202280;color:var(--ink-1)}.param-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-2);border-bottom:1px solid var(--edge-soft)}.param-row label{flex:1;font:var(--type-small);color:var(--ink-1)}.param-row input{width:90px;height:28px;padding:0 var(--sp-2);font:var(--type-mono-stat);text-align:right}.toggle{width:36px;height:20px;border-radius:var(--r-full);background:var(--surface-3);border:1px solid var(--edge);position:relative;flex:none;transition:background var(--dur-fast) var(--ease-out)}.toggle .thumb{position:absolute;top:1px;left:1px;width:16px;height:16px;border-radius:50%;background:var(--ink-3);transition:transform .14s var(--ease-snap),background .14s}.toggle[aria-checked=true]{background:var(--accent);border-color:transparent}.toggle[aria-checked=true] .thumb{transform:translate(16px);background:#0b0d0e}.skill-row{display:flex;align-items:center;gap:var(--sp-3);height:48px;padding:0 var(--sp-2);border-radius:var(--r-2)}.skill-row:hover{background:#1c202280}.skill-name{font:var(--type-small);color:var(--ink-1);white-space:nowrap}.skill-desc{font:var(--type-small);color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.skill-cost{font:var(--type-mono-micro);letter-spacing:.06em;color:var(--ink-3);flex:none}.skill-editor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;background:var(--surface-1)}.skill-editor .panel-body{padding:var(--sp-4)}.editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-3)}.editor-actions .helper{margin-right:auto}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--glass-scrim);z-index:40;animation:fade-in .2s var(--ease-out)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.palette{position:fixed;top:18vh;left:50%;transform:translate(-50%);z-index:41;width:720px;max-width:calc(100vw - 48px);max-height:480px;background:var(--glass-overlay);backdrop-filter:var(--blur-overlay);-webkit-backdrop-filter:var(--blur-overlay);border:1px solid var(--edge);border-radius:var(--r-4);box-shadow:var(--shadow-3);display:flex;flex-direction:column;overflow:hidden;animation:palette-in var(--dur-slow) var(--ease-out)}@keyframes palette-in{0%{transform:translate(-50%) translateY(-6px) scale(.98);opacity:0}to{transform:translate(-50%);opacity:1}}@media(prefers-reduced-motion:reduce){@keyframes palette-in{0%{opacity:0}to{opacity:1}}}.palette-input{height:52px;flex:none;background:transparent;border:none;border-radius:0;border-bottom:1px solid var(--edge-soft);padding:0 var(--sp-4);font:400 16px/22px var(--font-ui);color:var(--ink-1)}.palette-input:focus{border-color:var(--edge-soft);box-shadow:none!important}.palette-list{overflow-y:auto;flex:1;padding:var(--sp-1)}.palette-row{width:100%;height:40px;border-radius:var(--r-2);padding:0 var(--sp-3);display:flex;align-items:center;gap:var(--sp-3);text-align:left;position:relative;color:var(--ink-1);font:var(--type-body)}.palette-row .icon{width:16px;color:var(--ink-3);flex:none;text-align:center}.palette-row.sel{background:var(--surface-3)}.palette-row.sel:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;background:var(--accent);border-radius:1px}.palette-row .cat{margin-left:auto;font:var(--type-mono-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.palette-row u{text-decoration-color:var(--accent-dim);text-decoration-thickness:1.5px}.palette-footer{flex:none;border-top:1px solid var(--edge-soft);padding:var(--sp-2) var(--sp-4);font:var(--type-mono-stat);color:var(--ink-3)}.palette-empty{padding:var(--sp-6);text-align:center;font:var(--type-small);color:var(--ink-2)}.takeover{flex:1;overflow-y:auto;min-height:0}.takeover-col{max-width:760px;margin:0 auto;padding:var(--sp-6)}.takeover-col.narrow{max-width:640px}.view-head{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5)}.view-head h1{font:var(--type-title);letter-spacing:-.01em;flex:1}.view-search{width:240px;height:32px;padding:0 var(--sp-3);font:var(--type-small)}.lrow{display:flex;align-items:center;gap:var(--sp-3);min-height:56px;padding:var(--sp-2) var(--sp-4);background:var(--surface-1);border:1px solid var(--edge);border-radius:var(--r-3);margin-bottom:var(--sp-2);box-shadow:var(--shadow-1);cursor:pointer;transition:background var(--dur-instant)}.lrow:hover{background:var(--surface-2)}.lrow-main{flex:1;min-width:0}.lrow-title{font:var(--type-body-strong);color:var(--ink-1)}.lrow-sub{font:var(--type-small);color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lrow-meta{font:var(--type-mono-stat);font-variant-numeric:tabular-nums;color:var(--ink-3);flex:none}.lrow-actions{display:none;gap:var(--sp-1);flex:none}.lrow:hover .lrow-actions{display:flex}.tagchip{font:var(--type-mono-micro);letter-spacing:.06em;text-transform:uppercase;background:var(--surface-3);border-radius:var(--r-1);padding:2px 5px;color:var(--ink-2)}.edit-field{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-4)}.edit-field label{font:var(--type-micro);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}.edit-field input{height:32px;padding:0 var(--sp-3)}.edit-field textarea{font:var(--type-mono);background:var(--bg-0);min-height:180px;padding:var(--sp-3);resize:vertical}.helper{font:var(--type-small);color:var(--ink-3)}.card{background:var(--surface-1);border:1px solid var(--edge);border-radius:var(--r-3);padding:var(--sp-4);margin-bottom:var(--sp-4);box-shadow:var(--shadow-1)}.card h3{font:var(--type-body-strong);margin-bottom:var(--sp-3)}.card textarea{width:100%;font:var(--type-mono);background:var(--bg-0);min-height:140px;padding:var(--sp-3);resize:vertical}.tok-count{font:var(--type-mono-stat);color:var(--ink-3);text-align:right;margin-top:var(--sp-1)}.tok-count.warn{color:var(--warn)}.tool-grant{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--edge-soft);font:var(--type-mono)}.tool-grant .when{font:var(--type-mono-stat);color:var(--ink-3);margin-left:auto}.monogram-lg{width:24px;height:24px;border-radius:var(--r-1);flex:none}.settings{display:grid;grid-template-columns:200px 1fr;gap:var(--sp-6)}.settings-nav{display:flex;flex-direction:column;gap:2px}.settings-content{max-width:560px}.settings-content h2{font:var(--type-title);letter-spacing:-.01em;margin-top:var(--sp-8);margin-bottom:var(--sp-4)}.settings-content h2:first-child{margin-top:0}.set-row{display:flex;align-items:center;gap:var(--sp-4);min-height:52px;padding:var(--sp-2) 0;border-bottom:1px solid var(--edge-soft)}.set-row .lbl{flex:1}.set-row .lbl .name{font:var(--type-body);color:var(--ink-1)}.set-row .lbl .help{font:var(--type-small);color:var(--ink-3)}.set-row input[type=text]{height:32px;padding:0 var(--sp-3);font:var(--type-mono);width:220px}.set-stack{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3) 0;border-bottom:1px solid var(--edge-soft)}.set-stack .lbl .name{font:var(--type-body);color:var(--ink-1)}.set-stack .lbl .help{font:var(--type-small);color:var(--ink-3);overflow-wrap:anywhere}.set-stack textarea{width:100%;min-height:100px;padding:var(--sp-3);resize:vertical;font:var(--type-mono);background:var(--bg-0)}.agent-file-card textarea{min-height:300px}.reach-dot{width:8px;height:8px;border-radius:50%;flex:none}.reach-dot.up{background:var(--success)}.reach-dot.down{background:var(--danger)}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center}.modal{position:relative;z-index:51;width:420px;max-width:calc(100vw - 48px);background:var(--glass-overlay);backdrop-filter:var(--blur-overlay);-webkit-backdrop-filter:var(--blur-overlay);border:1px solid var(--edge);border-radius:var(--r-4);box-shadow:var(--shadow-3);padding:var(--sp-5);animation:palette-in var(--dur-slow) var(--ease-out);transform:none}@keyframes modal-in{0%{opacity:0}to{opacity:1}}.modal{animation:modal-in var(--dur-slow) var(--ease-out)}.modal h3{font:var(--type-body-strong);margin-bottom:var(--sp-2)}.modal p{font:var(--type-small);color:var(--ink-2);margin-bottom:var(--sp-4)}.modal .row{display:flex;gap:var(--sp-2);justify-content:flex-end}.status-pill{font:var(--type-mono-micro);letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:var(--r-full)}.drow{display:flex;align-items:center;gap:var(--sp-3);min-height:56px;padding:var(--sp-2) var(--sp-4);background:var(--surface-1);border:1px solid var(--edge);border-radius:var(--r-3);margin-bottom:var(--sp-2);box-shadow:var(--shadow-1);animation:fade-in .2s var(--ease-out)}.dglyph{width:16px;font-size:15px;flex:none;text-align:center}.dglyph.green{color:var(--success)}.dglyph.yellow{color:var(--warn)}.dglyph.red{color:var(--danger)}.drow-main{flex:1;min-width:0}.drow-name{font:var(--type-body-strong)}.drow-detail{font:var(--type-mono);color:var(--ink-3);overflow-wrap:anywhere}.drow-fix{font:var(--type-mono-stat);color:var(--warn);margin-top:2px;overflow-wrap:anywhere}.doctor-footer{font:var(--type-mono-stat);font-variant-numeric:tabular-nums;color:var(--ink-3);margin-top:var(--sp-4)}.camera-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg-0) 78%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;animation:modal-in var(--dur-slow) var(--ease-out)}.camera-modal{background:var(--surface-1);border:1px solid var(--edge);border-radius:var(--r-3);box-shadow:var(--shadow-2);overflow:hidden;width:min(640px,calc(100vw - 48px))}.camera-modal video{display:block;width:100%;max-height:60vh;background:#000}.camera-actions{display:flex;gap:var(--sp-2);padding:var(--sp-3);justify-content:flex-end}.camera-btn{font:var(--type-body-strong);padding:8px 16px;border-radius:var(--r-2);border:1px solid var(--edge);background:var(--surface-2);color:var(--ink-1);cursor:pointer}.camera-btn:hover{background:var(--surface-3)}.camera-btn.snap{background:var(--accent);color:var(--bg-0);border-color:transparent}.perm-host{font:var(--type-small);color:var(--ink-2);margin:var(--sp-3) 0;padding:var(--sp-3);background:var(--surface-1);border:1px solid var(--edge);border-radius:var(--r-3)}.perm-h2{font:var(--type-body-strong);margin:var(--sp-5) 0 var(--sp-2)}.menu-btn,.drawer-backdrop{display:none}@media(max-width:900px){.app{grid-template-columns:1fr}.menu-btn{display:flex;align-items:center;justify-content:center;position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);left:8px;z-index:90;width:38px;height:38px;border-radius:var(--r-2);background:var(--surface-2);border:1px solid var(--edge);color:var(--ink-1);font-size:16px;cursor:pointer}.menu-btn:hover{background:var(--surface-3)}.drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:color-mix(in srgb,var(--bg-0) 65%,transparent)}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:100;width:min(300px,84vw);transform:translate(-102%);transition:transform var(--dur-base) var(--ease-in-out);box-shadow:var(--shadow-2);padding-top:env(safe-area-inset-top,0px)}.sidebar.open{transform:translate(0)}.sidebar-top{padding-top:52px}.main{padding-top:50px}.settings{grid-template-columns:1fr}.composer-row{flex-wrap:wrap;gap:var(--sp-1)}textarea,.composer{font-size:16px}.msg-actions{gap:var(--sp-2)}.takeover-col{padding:var(--sp-4) var(--sp-3);padding-top:56px}.camera-actions{padding-bottom:max(var(--sp-3),env(safe-area-inset-bottom,0px))}}