:root{--bg-deepest: #121319;--bg-rail: #17181f;--bg-sidebar: #1a1b23;--bg-base: #1e1f28;--bg-elevated: #26272f;--bg-elevated-hover: #2e2f3a;--bg-input: #15161d;--bg-modal: #21222b;--accent: #6366f1;--accent-hover: #7577f5;--accent-dim: rgba(99, 102, 241, .16);--accent-glow: rgba(99, 102, 241, .45);--success: #3ba55d;--success-dim: rgba(59, 165, 93, .15);--danger: #ed4245;--danger-hover: #f24d50;--danger-dim: rgba(237, 66, 69, .15);--warning: #f0b232;--idle: #f0b232;--dnd: #ed4245;--streaming: #eb459e;--text-primary: #f2f3f5;--text-secondary: #c3c5cd;--text-muted: #8b8d97;--text-faint: #5c5e6a;--text-link: #7fb3ff;--border-subtle: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 0 3px var(--accent-glow)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-ui);background:var(--bg-deepest);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0b0c10;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#000}*{scrollbar-width:thin;scrollbar-color:#0b0c10 transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 8px #6366f100}to{box-shadow:0 0 #6366f100}}@keyframes speaking-ring{0%,to{box-shadow:0 0 0 3px var(--success),0 0 12px 2px #3ba55d80}50%{box-shadow:0 0 0 3px var(--success),0 0 18px 5px #3ba55db3}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}