@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #12141a;--bg-accent: #14161d;--bg-elevated: #1a1d25;--bg-hover: #262a35;--card: #181b22;--card-highlight: rgba(255, 255, 255, .05);--panel: #12141a;--panel-strong: #1a1d25;--text: #e4e4e7;--text-strong: #fafafa;--muted: #71717a;--muted-strong: #52525b;--border: #27272a;--border-strong: #3f3f46;--input: #27272a;--ring: #ff5c5c;--accent: #ff5c5c;--accent-hover: #ff7070;--accent-subtle: rgba(255, 92, 92, .15);--accent-foreground: #ffffff;--accent-glow: rgba(255, 92, 92, .25);--secondary: #1e2028;--ok: #22c55e;--ok-subtle: rgba(34, 197, 94, .12);--warn: #f59e0b;--warn-subtle: rgba(245, 158, 11, .12);--danger: #ef4444;--danger-subtle: rgba(239, 68, 68, .12);--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--ring);--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-body: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25), 0 0 0 1px rgba(255, 255, 255, .03);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .35), 0 0 0 1px rgba(255, 255, 255, .03);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration-normal: .2s;--shell-nav-width: 220px;--shell-topbar-height: 56px;--shell-nav-transition: .22s;--color-bg: var(--bg);--color-surface: var(--bg);--color-card: var(--card);--color-border: var(--border);--color-text: var(--text);--color-muted: var(--muted);--color-accent: var(--accent);--color-accent-hover: var(--accent-hover);--color-danger: var(--danger);--color-user-bubble: rgba(255, 92, 92, .18);color-scheme:dark}:root[data-theme=light]{--bg: #fafafa;--bg-accent: #f5f5f5;--bg-elevated: #ffffff;--bg-hover: #f0f0f0;--card: #ffffff;--card-highlight: rgba(0, 0, 0, .03);--panel: #fafafa;--panel-strong: #f5f5f5;--text: #3f3f46;--text-strong: #18181b;--muted: #71717a;--muted-strong: #52525b;--border: #e4e4e7;--border-strong: #d4d4d8;--input: #e4e4e7;--accent: #dc2626;--accent-hover: #ef4444;--accent-subtle: rgba(220, 38, 38, .1);--accent-glow: rgba(220, 38, 38, .15);--secondary: #f4f4f5;--ok: #16a34a;--ok-subtle: rgba(22, 163, 74, .1);--warn: #d97706;--warn-subtle: rgba(217, 119, 6, .1);--danger: #dc2626;--danger-subtle: rgba(220, 38, 38, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .04);--color-bg: var(--bg);--color-surface: var(--bg);--color-card: var(--card);--color-border: var(--border);--color-text: var(--text);--color-muted: var(--muted);--color-accent: var(--accent);--color-accent-hover: var(--accent-hover);--color-danger: var(--danger);--color-user-bubble: rgba(220, 38, 38, .12);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font:400 14px/1.55 var(--font-body);letter-spacing:-.02em;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent-subtle);color:var(--text-strong)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.shell{height:100vh;display:grid;grid-template-columns:var(--shell-nav-width) minmax(0,1fr);grid-template-rows:var(--shell-topbar-height) 1fr;grid-template-areas:"topbar topbar" "nav content";overflow:hidden;animation:dashboard-enter .35s var(--ease-out);transition:grid-template-columns var(--shell-nav-transition) var(--ease-out)}.shell--nav-collapsed{grid-template-columns:0px minmax(0,1fr)}.topbar{grid-area:topbar;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 16px 0 12px;height:var(--shell-topbar-height);border-bottom:1px solid var(--border);background:var(--bg);z-index:40;position:sticky;top:0}.topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.nav-toggle{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--muted);flex-shrink:0;transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease,color var(--duration-fast) ease}.nav-toggle:hover{background:var(--bg-hover);border-color:var(--border);color:var(--text)}.nav-toggle svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;display:block}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-logo{width:28px;height:28px;border-radius:var(--radius-md);background:var(--accent);display:grid;place-items:center;font-size:15px;flex-shrink:0;color:#fff;font-weight:700;transition:background var(--duration-fast) ease}.brand-text{display:flex;flex-direction:column;gap:1px}.brand-title{font-size:14px;font-weight:700;letter-spacing:-.01em;line-height:1.1;color:var(--text-strong)}.brand-sub{font-size:10px;font-weight:500;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;line-height:1}.statusDot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--danger);box-shadow:0 0 6px #ef444480;animation:pulse-subtle 2s ease-in-out infinite;flex-shrink:0}.statusDot.ok{background:var(--ok);box-shadow:0 0 6px #22c55e80;animation:none}.statusDot.warn{background:var(--warn);box-shadow:0 0 6px #f59e0b80;animation:none}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);padding:5px 10px;border-radius:var(--radius-full);background:var(--secondary);font-size:12px;font-weight:500;white-space:nowrap}.pill.danger{border-color:var(--danger-subtle);background:var(--danger-subtle);color:var(--danger)}.pill.warn{border-color:var(--warn-subtle);background:var(--warn-subtle);color:var(--warn)}.theme-toggle{--ti: 26px;--tg: 2px;--tp: 3px;position:relative}.theme-toggle__track{position:relative;display:grid;grid-template-columns:repeat(3,var(--ti));gap:var(--tg);padding:var(--tp);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--secondary)}.theme-toggle__indicator{position:absolute;top:50%;left:var(--tp);width:var(--ti);height:var(--ti);border-radius:var(--radius-full);transform:translateY(-50%) translate(calc(var(--tidx, 0) * (var(--ti) + var(--tg))));background:var(--accent);transition:transform var(--duration-normal) var(--ease-out);z-index:0;pointer-events:none}.theme-toggle__btn{height:var(--ti);width:var(--ti);display:grid;place-items:center;border:0;border-radius:var(--radius-full);background:transparent;color:var(--muted);cursor:pointer;position:relative;z-index:1;font-size:13px;transition:color var(--duration-fast) ease}.theme-toggle__btn:hover{color:var(--text)}.theme-toggle__btn.active{color:var(--accent-foreground)}.nav{grid-area:nav;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:12px 10px;background:var(--bg);border-right:1px solid var(--border);scrollbar-width:none;transition:padding var(--shell-nav-transition) var(--ease-out),opacity var(--shell-nav-transition) ease}.nav::-webkit-scrollbar{display:none}.shell--nav-collapsed .nav{padding:0;overflow:hidden;pointer-events:none;opacity:0}.nav-group{margin-bottom:16px;display:grid;gap:2px}.nav-group:last-child{margin-bottom:0}.nav-group__items{display:grid;gap:1px}.nav-group--collapsed .nav-group__items{display:none}.nav-label{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:4px 8px;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:2px;background:transparent;border:none;cursor:pointer;text-align:left;border-radius:var(--radius-sm);transition:color var(--duration-fast) ease,background var(--duration-fast) ease}.nav-label:hover{color:var(--text);background:var(--bg-hover)}.nav-label__text{flex:1}.nav-label__chevron{font-size:9px;opacity:.4;transition:transform var(--duration-fast) ease,opacity var(--duration-fast) ease}.nav-label:hover .nav-label__chevron{opacity:.8}.nav-group--collapsed .nav-label__chevron,.nav-label__chevron--up{transform:rotate(-90deg)}.nav-item{position:relative;display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;text-decoration:none;width:100%;text-align:left;transition:background var(--duration-fast) ease,color var(--duration-fast) ease,border-color var(--duration-fast) ease}.nav-item__icon{width:15px;height:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.6;font-size:12px;transition:opacity var(--duration-fast) ease,color var(--duration-fast) ease}.nav-item__text{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.nav-item__badge{font-size:10px;opacity:.55;flex-shrink:0;font-family:var(--mono)}.nav-item:hover{color:var(--text);background:var(--bg-hover);text-decoration:none}.nav-item:hover .nav-item__icon{opacity:1}.nav-item.active{color:var(--text-strong);background:var(--accent-subtle)}.nav-item.active .nav-item__icon{opacity:1;color:var(--accent)}.nav-item--selected{color:var(--text);background:var(--bg-elevated);border-color:transparent}.nav-item--selected:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:2px;border-radius:2px;background:var(--accent)}.nav-item--selected .nav-item__icon{opacity:1;color:var(--accent)}.nav-section{margin-bottom:16px;display:grid;gap:2px}.nav-section:last-child{margin-bottom:0}.nav-section--bottom{margin-top:auto}.nav-section>.nav-label{cursor:default;pointer-events:none}.nav-section>.nav-label:hover{background:transparent;color:var(--muted)}.nav-empty{padding:4px 10px;font-size:12px;color:var(--muted)}.theme-btn{font-size:15px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--muted);flex-shrink:0;transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease,color var(--duration-fast) ease}.theme-btn:hover{background:var(--bg-hover);border-color:var(--border);color:var(--text)}.content{grid-area:content;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--bg)}.inner-page{display:flex;flex-direction:column;flex:1 1 0;height:100%;min-height:0;overflow:hidden}.inner-page__header{flex-shrink:0;display:flex;align-items:center;gap:16px;padding:0 28px;height:52px;border-bottom:1px solid var(--border);background:var(--bg)}.inner-page__body{flex:1 1 0;overflow-y:auto;padding:28px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.card__title{font-weight:600;font-size:13px;color:var(--text-strong);margin-bottom:14px}.list-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.list-card__row{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--border)}.list-card__row.last{border-bottom:none}.input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:7px 10px;color:var(--text);font-size:13px;font-family:var(--font-body);outline:none;width:100%;box-sizing:border-box;transition:border-color var(--duration-fast) ease}.input:focus{border-color:var(--border-strong)}.input:hover{border-color:var(--border-strong)}.alert{border-radius:var(--radius-md);padding:10px 14px;font-size:13px;line-height:1.5;margin-bottom:16px}.alert--danger{background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger)}.alert--success{background:color-mix(in srgb,var(--ok) 10%,transparent);border:1px solid color-mix(in srgb,var(--ok) 30%,transparent);color:var(--ok)}.chat-shell{display:flex;flex-direction:column;flex:1 1 0;height:100%;min-height:0;overflow:hidden}.chat-body{flex:1 1 0;min-height:0;position:relative;display:flex;flex-direction:column;overflow:hidden}.chat-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;padding:0 20px;height:52px;border-bottom:1px solid var(--border);background:var(--bg)}.chat-header__left{display:flex;align-items:center;gap:16px;min-width:0}.chat-header__right{display:flex;align-items:center;gap:8px;flex-shrink:0}.chat-title{font-size:15px;font-weight:700;letter-spacing:-.02em;color:var(--text-strong);white-space:nowrap}.session-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--card);border-radius:var(--radius-md);padding:5px 28px 5px 10px;font-size:12px;color:var(--text);cursor:pointer;max-width:200px;overflow:hidden;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;outline:none;transition:border-color var(--duration-fast) ease}.session-select:focus{border-color:var(--border-strong)}.session-select:hover{border-color:var(--border-strong)}.chat-thread{flex:1 1 0;overflow-y:auto;overflow-x:hidden;padding:24px 28px 16px;min-height:0}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--muted);-webkit-user-select:none;user-select:none}.chat-empty__icon{width:52px;height:52px;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--border);display:grid;place-items:center;font-size:22px;opacity:.7}.chat-empty__title{font-size:15px;font-weight:600;color:var(--text)}.chat-empty__sub{font-size:13px}.chat-group{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px;margin-right:12px}.chat-group.user{flex-direction:row-reverse}.chat-group.user .chat-group-messages{align-items:flex-end}.chat-group-messages{display:flex;flex-direction:column;gap:2px;max-width:min(860px,calc(100% - 56px))}.chat-avatar{width:34px;height:34px;border-radius:var(--radius-md);display:grid;place-items:center;font-weight:700;font-size:12px;flex-shrink:0;align-self:flex-end;margin-bottom:2px;letter-spacing:0}.chat-avatar.user{background:var(--accent-subtle);color:var(--accent)}.chat-avatar.assistant{background:var(--secondary);color:var(--muted)}.chat-bubble{display:inline-block;border:1px solid transparent;background:var(--card);border-radius:var(--radius-lg);padding:10px 14px;transition:border-color .15s ease-out;max-width:100%;word-wrap:break-word}.chat-bubble:hover{border-color:var(--border-strong)}.chat-token-hint{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;opacity:0;transition:opacity .15s ease-out;padding:2px;line-height:1;pointer-events:none}.chat-group:hover .chat-token-hint{opacity:1}.chat-group.user .chat-token-hint{align-self:flex-end}.chat-group.user .chat-bubble{background:var(--accent-subtle);border-color:transparent}.chat-group.user .chat-bubble:hover{background:#ff50502e}@keyframes pulsing-border{0%,to{border-color:var(--border)}50%{border-color:var(--accent)}}.chat-bubble.streaming{animation:pulsing-border 1.5s ease-out infinite}.chat-text{font-size:14px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.chat-text a{color:var(--accent);text-decoration:underline}.chat-text code{font-family:var(--mono);font-size:.88em}.chat-text :not(pre)>code{background:#00000026;padding:.1em .35em;border-radius:4px}.chat-text pre{background:#0000002e;border-radius:6px;padding:10px 12px;overflow-x:auto;margin:6px 0}.chat-text pre code{background:none;padding:0}.chat-text blockquote{border-left:3px solid var(--border-strong);padding:4px 12px;color:var(--muted);margin:4px 0}.chat-text ul,.chat-text ol{padding-left:1.4em;margin:4px 0}.chat-text li+li{margin-top:2px}.chat-text p{margin:0;white-space:normal}.chat-text p+p{margin-top:8px}.chat-text h1,.chat-text h2,.chat-text h3,.chat-text h4{font-weight:600;margin:8px 0 4px;white-space:normal}.chat-text h1{font-size:1.2em}.chat-text h2{font-size:1.1em}.chat-text h3{font-size:1em}.chat-text li{white-space:normal}.chat-text table{border-collapse:collapse;margin:6px 0;font-size:.9em}.chat-text th,.chat-text td{border:1px solid var(--border);padding:4px 8px}.chat-text thead tr{background:#ffffff0d}:root[data-theme=light] .chat-text :not(pre)>code{background:#00000012}:root[data-theme=light] .chat-text pre{background:#0000000a;border:1px solid var(--border)}.chat-compose{flex-shrink:0;padding:8px 20px 14px;background:linear-gradient(to bottom,transparent,var(--bg) 18%)}.chat-compose__box{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.chat-compose__box:focus-within{border-color:var(--border-strong);box-shadow:0 2px 8px #00000026}.chat-compose__textarea{width:100%;background:none;border:none;outline:none;resize:none;color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.55;min-height:44px;padding:12px 14px 4px;overflow-y:hidden}.chat-compose__textarea::placeholder{color:var(--muted)}.chat-compose__textarea:disabled{opacity:.55;cursor:not-allowed}.chat-compose__actions{display:flex;align-items:center;justify-content:flex-end;padding:5px 8px 7px;gap:6px}.chat-compose__toolbar{display:flex;align-items:center;padding:5px 8px 7px;gap:6px}.compose-toggle{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);background:none;border-radius:var(--radius-md);padding:4px 10px;font-size:12px;color:var(--muted);cursor:pointer;transition:color var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast);white-space:nowrap}.compose-toggle:hover{color:var(--text);border-color:var(--border-strong)}.compose-toggle.active{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.compose-toggle:disabled{opacity:.4;cursor:not-allowed}.voice-btn--recording{color:var(--danger, #ef4444);border-color:var(--danger, #ef4444);background:color-mix(in srgb,var(--danger, #ef4444) 10%,transparent);animation:voice-pulse 1.2s ease-in-out infinite}.voice-btn--error{color:var(--danger, #ef4444);border-color:var(--danger, #ef4444)}@keyframes voice-pulse{0%,to{opacity:1}50%{opacity:.55}}.context-ring{position:relative;display:flex;align-items:center;gap:4px;margin-left:4px;cursor:default}.context-ring__pct{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;min-width:26px}.context-ring__tooltip{display:none;position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);flex-direction:column;gap:2px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius);padding:5px 8px;font-size:10px;white-space:nowrap;z-index:100;pointer-events:none;box-shadow:0 2px 8px #0000004d}.context-ring:hover .context-ring__tooltip{display:flex}.context-ring__tooltip-kv{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.session-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:19}.session-drawer{position:absolute;top:0;right:0;height:100%;width:280px;background:var(--bg-elevated);border-left:1px solid var(--border);z-index:20;display:flex;flex-direction:column;transform:translate(100%);transition:transform .22s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 24px #0000002e}.session-drawer.open{transform:translate(0)}.session-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:48px;border-bottom:1px solid var(--border);flex-shrink:0}.session-drawer__title{font-size:13px;font-weight:600;color:var(--text-strong)}.session-drawer__close{background:none;border:none;cursor:pointer;color:var(--muted);font-size:13px;padding:4px 6px;border-radius:var(--radius-sm);line-height:1;transition:color var(--duration-fast),background var(--duration-fast)}.session-drawer__close:hover{color:var(--text);background:var(--card)}.session-drawer__body{flex:1 1 0;overflow-y:auto;padding:6px 0}.session-drawer__empty{padding:20px 16px;font-size:12px;color:var(--muted);text-align:center}.session-drawer__item{display:flex;align-items:center;width:100%;padding:0 8px 0 16px;background:none;border:none;border-left:2px solid transparent;cursor:pointer;text-align:left;color:var(--text);transition:background var(--duration-fast)}.session-drawer__item:hover{background:var(--card)}.session-drawer__item:hover .session-drawer__item-rename{opacity:1}.session-drawer__item.active{background:var(--card);border-left-color:var(--accent)}.session-drawer__item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:9px 0}.session-drawer__item-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.session-drawer__item-meta{font-size:11px;color:var(--muted)}.session-drawer__item-rename{flex-shrink:0;opacity:0;background:none;border:none;color:var(--muted);cursor:pointer;padding:4px 6px;font-size:13px;border-radius:var(--radius-sm);transition:opacity var(--duration-fast),color var(--duration-fast)}.session-drawer__item-rename:hover{color:var(--text)}.session-drawer__item-edit{width:100%;background:var(--bg-elevated);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--text);font-size:13px;padding:2px 6px;outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);background:var(--bg-elevated);padding:7px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:500;letter-spacing:-.01em;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);white-space:nowrap}.btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{border-color:var(--accent);background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 0 16px var(--accent-glow)}.btn.danger{border-color:transparent;background:var(--danger-subtle);color:var(--danger)}.btn.danger:hover:not(:disabled){background:#ef444433}.btn.active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.btn--sm{padding:5px 10px;font-size:12px}.btn--icon{padding:6px;width:32px;height:32px;border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:var(--radius-md)}.btn--icon:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.field{display:grid;gap:6px}.field span{color:var(--muted);font-size:13px;font-weight:500}.field__hint{font-size:11px;color:var(--muted);opacity:.8}.field input,.field textarea,.field select{border:1px solid var(--input);background:var(--card);border-radius:var(--radius-md);padding:8px 12px;outline:none;box-shadow:inset 0 1px 0 var(--card-highlight);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--ring);box-shadow:var(--focus-ring)}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer}.tool-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:8px;font-size:12px;overflow:hidden}.tool-card.error{border-color:#ef444466}.tool-card__header{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;background:none;border:none;cursor:pointer;color:var(--muted);text-align:left;transition:background var(--duration-fast) ease}.tool-card__header:hover{background:var(--bg-hover)}.tool-card__name{font-family:var(--mono);color:var(--text);flex:1}.tool-card__toggle{margin-left:auto;font-size:9px;opacity:.4}.tool-card__body{padding:0 10px 10px;border-top:1px solid var(--border)}.tool-card__label{color:var(--muted);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin:8px 0 4px}.tool-card__pre{margin:0;background:var(--bg);border-radius:var(--radius-sm);padding:6px 8px;overflow:auto;max-height:200px;font-family:var(--mono);font-size:11px;color:var(--text);white-space:pre-wrap;word-break:break-all;border:1px solid var(--border)}.tool-card__pre.error{color:var(--danger)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .15s ease-out}.dialog{width:480px;max-width:calc(100vw - 40px);background:var(--panel-strong);border:1px solid var(--border-strong);border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow-lg);animation:scale-in .15s var(--ease-out)}.token-gate{display:flex;height:100vh;align-items:center;justify-content:center;background:var(--bg)}.token-gate__card{width:420px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:36px 32px;display:flex;flex-direction:column;gap:22px;box-shadow:var(--shadow-lg);animation:rise .35s var(--ease-out)}.settings-layout{display:flex;height:100%;overflow:hidden}.settings-nav{width:180px;padding:20px 12px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:4px;flex-shrink:0;background:var(--bg)}.settings-content{flex:1;overflow-y:auto;padding:28px 32px}.settings-title{font-size:20px;font-weight:700;letter-spacing:-.03em;color:var(--text-strong);margin-bottom:6px}.settings-sub{color:var(--muted);font-size:13px;margin-bottom:28px}.card{border:1px solid var(--border);background:var(--card);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm),inset 0 1px 0 var(--card-highlight);transition:border-color var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--border-strong)}.mono{font-family:var(--mono)}@keyframes dashboard-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink:after{content:"▋";display:inline-block;animation:blink 1s step-end infinite;margin-left:1px;color:var(--accent)}.thinking-block{margin:0 0 10px;border-left:2px solid var(--accent-subtle);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--bg-elevated);overflow:hidden}.thinking-block summary{display:flex;align-items:center;gap:6px;padding:6px 10px;cursor:pointer;list-style:none;font-size:11px;font-weight:600;color:var(--muted-strong);-webkit-user-select:none;user-select:none}.thinking-block summary:hover{color:var(--text)}.thinking-block summary::-webkit-details-marker{display:none}.thinking-block__icon{color:var(--accent);font-size:10px}.thinking-block__content{padding:0 10px 10px;font-size:11px;color:var(--muted);line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.run-error{display:flex;align-items:flex-start;gap:8px;margin:8px 0;padding:10px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md);font-size:12px;color:var(--danger)}.run-error__icon{flex-shrink:0;font-size:14px;margin-top:1px}.token-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;font-size:11px;color:var(--muted)}.token-badge__item{font-variant-numeric:tabular-nums}.token-badge__item.in{color:var(--accent)}.token-badge__item.out{color:var(--muted-strong)}.token-badge__item.cache{color:#f59e0b}.token-badge__sep{opacity:.4}.token-badge__total{margin-left:2px;font-weight:600;color:var(--muted-strong)}.session-token-sum{position:relative;font-size:11px;color:var(--muted);margin-left:6px;font-variant-numeric:tabular-nums;cursor:default}.session-token-sum__tooltip{display:none;position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);flex-direction:column;gap:3px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius);padding:6px 10px;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;z-index:100;pointer-events:none;box-shadow:0 2px 8px #0000004d}.session-token-sum:hover .session-token-sum__tooltip{display:flex}.usage-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}.usage-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.usage-card__label{font-size:11px;color:var(--muted);margin-bottom:6px}.usage-card__value{font-size:22px;font-weight:700;color:var(--text-strong);font-variant-numeric:tabular-nums;line-height:1}.usage-card__sub{font-size:10px;color:var(--muted);margin-top:4px}.usage-chart{display:flex;align-items:flex-end;gap:4px;height:120px;padding:0 0 4px}.usage-chart__col{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0;height:100%}.usage-chart__bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end}.usage-chart__bar{width:100%;display:flex;flex-direction:column;border-radius:2px 2px 0 0;overflow:hidden;min-height:2px;transition:height .3s}.usage-chart__bar-in{background:var(--accent)}.usage-chart__bar-out{background:color-mix(in srgb,var(--accent) 40%,var(--border))}.usage-chart__label{font-size:9px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.usage-chart__legend{display:flex;align-items:center;gap:4px;margin-top:10px;font-size:11px;color:var(--muted)}.usage-chart__legend-dot{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--accent)}.usage-chart__legend-dot.out{background:color-mix(in srgb,var(--accent) 40%,var(--border))}@media(max-width:768px){.shell{grid-template-columns:1fr!important;grid-template-areas:"topbar" "content"!important;grid-template-rows:var(--shell-topbar-height) 1fr!important}.nav{position:fixed!important;left:0;top:var(--shell-topbar-height);height:calc(100dvh - var(--shell-topbar-height));width:240px;z-index:200;box-shadow:var(--shadow-lg);transform:translate(-100%);transition:transform var(--shell-nav-transition) var(--ease-out)!important;padding:12px 10px!important;opacity:1!important;overflow-y:auto!important;pointer-events:auto!important}.shell--nav-collapsed .nav{transform:translate(-100%)!important;padding:12px 10px!important}.shell--mobile-nav-open .nav{transform:translate(0)!important}.mobile-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--shell-topbar-height);background:#00000073;z-index:199;animation:fade-in .15s ease}.content{grid-area:content;overflow:hidden;min-width:0}.inner-page__header{padding:16px 16px 12px}.inner-page__body{padding:0 12px 24px}.chat-header{padding:0 12px;gap:8px}.chat-header__left{gap:8px}.compose-area{padding:8px 12px 12px}.msg-bubble{max-width:min(860px,calc(100% - 32px))}@media(max-width:360px){.brand-name{display:none}}.settings-layout{flex-direction:column}.dialog{width:calc(100vw - 24px)!important;margin:12px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.reminder-bell-wrap{position:relative}.reminder-bell-btn.has-badge{color:var(--text)}.reminder-bell-btn.has-badge:after{content:attr(data-count);position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;border-radius:var(--radius-full);pointer-events:none}.reminder-panel{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000059;z-index:200;overflow:hidden;animation:reminder-panel-in .15s var(--ease-out)}@keyframes reminder-panel-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.reminder-panel__header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;font-size:13px;font-weight:600;color:var(--text-strong);border-bottom:1px solid var(--border)}.reminder-panel__count{font-size:11px;font-weight:500;color:var(--accent)}.reminder-panel__empty{padding:24px 16px;text-align:center;font-size:13px;color:var(--muted)}.reminder-panel__list{list-style:none;margin:0;padding:6px 0;max-height:360px;overflow-y:auto}.reminder-panel__item{padding:10px 14px;border-bottom:1px solid var(--border);transition:background var(--duration-fast) ease}.reminder-panel__item:last-child{border-bottom:none}.reminder-panel__item:hover{background:var(--bg-hover)}.reminder-panel__msg{font-size:13px;color:var(--text);line-height:1.4;margin-bottom:4px}.reminder-panel__time{font-size:11px;color:var(--muted);margin-bottom:8px}.reminder-panel__actions{display:flex;gap:6px;justify-content:flex-end}.reminder-toast-stack{position:fixed;top:60px;right:16px;z-index:300;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:340px;width:340px}.reminder-toast{background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-lg);padding:12px 14px;box-shadow:0 4px 20px #0000004d;pointer-events:auto;animation:toast-slide-in .2s var(--ease-out)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.reminder-toast__header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.reminder-toast__icon{font-size:14px;line-height:1}.reminder-toast__title{flex:1;font-size:12px;font-weight:600;color:var(--muted-strong);text-transform:uppercase;letter-spacing:.06em}.reminder-toast__close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:11px;padding:2px 4px;border-radius:var(--radius-sm);line-height:1;transition:color var(--duration-fast) ease,background var(--duration-fast) ease}.reminder-toast__close:hover{color:var(--text);background:var(--bg-hover)}.reminder-toast__message{font-size:13px;color:var(--text-strong);line-height:1.45;margin:0 0 10px}.reminder-toast__actions{display:flex;gap:6px;justify-content:flex-end}