:root{--background: #ffffff;--surface: #f8fafc;--surface-secondary: #f1f4f9;--foreground: #0f172a;--muted: #475569;--accent: #6366f1;--accent-hover: #4f46e5;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--border: rgba(15, 23, 42, .08);--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .2);--shadow-soft: 0 10px 15px -3px rgb(0 0 0 / .05), 0 4px 6px -4px rgb(0 0 0 / .05);--shadow-glow: 0 0 30px -5px rgba(99, 102, 241, .2);--radius-card: 1rem;--radius-interactive: .75rem;--font-inter: "Inter", sans-serif;--font-roboto: "Roboto", sans-serif;--font-open-sans: "Open Sans", sans-serif}html.dark{--background: #070a13;--surface: #0d1219;--surface-secondary: #141b2a;--foreground: #f1f5f9;--muted: #94a3b8;--accent: #818cf8;--accent-hover: #6366f1;--success: #34d399;--warning: #fbbf24;--error: #f87171;--border: rgba(255, 255, 255, .06);--glass-bg: rgba(13, 18, 25, .72);--glass-border: rgba(255, 255, 255, .05);--shadow-soft: 0 10px 15px -3px rgb(0 0 0 / .35), 0 4px 6px -4px rgb(0 0 0 / .25);--shadow-glow: 0 0 30px -5px rgba(129, 140, 248, .25)}html{scroll-behavior:smooth}body{font-family:var(--font-inter);background-color:var(--background);color:var(--foreground);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes atlas-pulse{0%,to{opacity:1}50%{opacity:.45}}.atlas-skeleton{animation:atlas-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--surface) 0%,var(--surface-secondary) 50%,var(--surface) 100%);background-size:200% 100%;border-radius:var(--radius-interactive)}select{background-color:var(--background);color:var(--foreground);border-color:var(--border)}select:focus{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}select option,select optgroup{background-color:var(--background);color:var(--foreground)}select option:checked,select option:hover{background-color:color-mix(in srgb,var(--accent) 14%,var(--background));color:var(--accent)}