:root,[data-theme=light]{--bg: #f0f2f5;--bg-card: #ffffff;--bg-alt: #f7f8fa;--bg-input: #ffffff;--bg-header: rgba(240, 242, 245, .88);--bg-footer: #e8eaed;--bg-mobile-nav: rgba(240, 242, 245, .97);--text: #1a1d26;--text-secondary: #5c6170;--text-muted: #8b8f9e;--accent: #2563eb;--accent-hover: #1d4fd8;--error: #dc2626;--border: rgba(0, 0, 0, .06);--border-md: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .12);--hover-bg: rgba(0, 0, 0, .04);--accent-subtle: rgba(37, 99, 235, .06);--accent-bg: rgba(37, 99, 235, .08);--accent-border: rgba(37, 99, 235, .15);--accent-border-hover: rgba(37, 99, 235, .3);--accent-shadow: rgba(37, 99, 235, .08);--selection: rgba(37, 99, 235, .2);--scrollbar: rgba(0, 0, 0, .15);--scrollbar-hover: rgba(0, 0, 0, .25);--api-pill-color: #b45309;--api-pill-border: rgba(217, 119, 6, .4)}[data-theme=dark]{--bg: #13151a;--bg-card: #1a1d26;--bg-alt: #1e2028;--bg-input: #1e2028;--bg-header: rgba(19, 21, 26, .88);--bg-footer: #1a1d26;--bg-mobile-nav: rgba(19, 21, 26, .97);--text: #e4e8f1;--text-secondary: #a0a4b0;--text-muted: #6b7084;--accent: #3b82f6;--accent-hover: #60a5fa;--error: #f87171;--border: rgba(255, 255, 255, .06);--border-md: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .14);--hover-bg: rgba(255, 255, 255, .05);--accent-subtle: rgba(59, 130, 246, .08);--accent-bg: rgba(59, 130, 246, .12);--accent-border: rgba(59, 130, 246, .2);--accent-border-hover: rgba(59, 130, 246, .4);--accent-shadow: rgba(59, 130, 246, .12);--selection: rgba(59, 130, 246, .3);--scrollbar: rgba(255, 255, 255, .12);--scrollbar-hover: rgba(255, 255, 255, .2);--api-pill-color: #f59e0b;--api-pill-border: rgba(245, 158, 11, .4)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}::selection{background:var(--selection);color:var(--text)}a{color:inherit}input,textarea,button,select{font:inherit;max-width:100%}img,svg,canvas,video{max-width:100%}select,select option{background:var(--bg-input);color:var(--text)}[data-theme=dark] select{color-scheme:dark}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}