:root{--bg-base: #000000;--bg-surface: #111318;--bg-card: #161920;--bg-elevated: #1d2129;--border: #2a2f3a;--border-bright: #3a4050;--text-primary: #e8eaf0;--text-secondary: #8b92a8;--text-muted: #555d72;--brand: #00FF9D;--brand-dim: rgba(0, 255, 157, .12);--brand-glow: rgba(0, 255, 157, .25);--green: #00e87a;--green-dim: rgba(0, 232, 122, .12);--red: #ff4060;--red-dim: rgba(255, 64, 96, .12);--yellow: #ffd84d;--yellow-dim: rgba(255, 216, 77, .12);--orange: #ff8c42;--font-display: "Bebas Neue", sans-serif;--font-mono: "IBM Plex Mono", monospace;--font-body: "Inter", sans-serif;--radius: 8px;--radius-lg: 14px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.badge-red{background:var(--red-dim);color:var(--red)}.badge-yellow{background:var(--yellow-dim);color:var(--yellow)}.badge-muted{background:var(--bg-elevated);color:var(--text-secondary)}@property --angle{syntax: "<angle>"; initial-value: 45deg; inherits: true;}@keyframes gradientAngle{0%{--angle: 45deg}50%{--angle: 90deg}to{--angle: 45deg}}:root{--cycle-duration: 10s;--grad-from: #22c55e;--grad-to: #06b6d4}:root.cycling .brand-gradient-text{background:linear-gradient(var(--angle),var(--grad-from),var(--grad-to))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;animation:gradientAngle var(--cycle-duration) ease-in-out infinite!important}:root.cycling .brand-gradient-bg{background:linear-gradient(var(--angle),var(--grad-from),var(--grad-to))!important;animation:gradientAngle var(--cycle-duration) ease-in-out infinite!important}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}@keyframes slide-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes modePopoverIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:slide-in .3s ease forwards}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:#1e293b;border-radius:3px;outline:none;accent-color:var(--brand)}input[type=range]::-webkit-slider-runnable-track{height:6px;background:#1e293b;border-radius:3px}input[type=range]::-moz-range-track{height:6px;background:#1e293b;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--brand);border:2px solid var(--bg-base);margin-top:-4px;cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--brand);border:2px solid var(--bg-base);cursor:pointer}input[type=range]::-moz-range-progress{background:var(--brand);height:6px;border-radius:3px}.llm-text,.llm-text *{font-family:-apple-system,Helvetica Neue,sans-serif!important;color:#e2e8f0!important;-webkit-text-fill-color:#e2e8f0!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;animation:none!important;font-size:14px;line-height:1.6}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}