@import"https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--background-color: #050d1a;--background-gradient: linear-gradient(135deg, #0a1628 0%, #050d1a 50%, #0d1b2a 100%);--surface-color: rgba(26, 41, 66, .85);--surface-elevated: rgba(31, 48, 79, .9);--surface-secondary: rgba(20, 35, 58, .75);--border-color: rgba(59, 130, 246, .3);--border-glow: rgba(96, 165, 250, .4);--text-primary: #f0f9ff;--text-secondary: #93c5fd;--text-muted: #64748b;--accent-color: #3b82f6;--accent-bright: #60a5fa;--accent-hover: #2563eb;--accent-glow: rgba(59, 130, 246, .5);--gradient-primary: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);--gradient-accent: linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #2563eb 100%);--gradient-surface: linear-gradient(135deg, rgba(30, 58, 138, .4) 0%, rgba(30, 64, 175, .2) 100%);--glass-background: rgba(15, 23, 42, .85);--glass-border: rgba(148, 163, 184, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--glass-blur: blur(8px);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--space-background: radial-gradient(ellipse at 20% 30%, rgba(30, 58, 138, .15) 0%, transparent 50%), radial-gradient(ellipse at 80% 70%, rgba(59, 130, 246, .1) 0%, transparent 50%), linear-gradient(180deg, #050d1a 0%, #0a1628 50%, #0d1b2a 100%);--sidebar-width: 400px;--control-btn-size: 56px;--control-btn-size-sm: 28px}:root[data-theme=light]{--background-color: #f0f9ff;--background-gradient: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 50%, #dbeafe 100%);--surface-color: rgba(255, 255, 255, .65);--surface-elevated: rgba(255, 255, 255, .75);--surface-secondary: rgba(224, 242, 254, .55);--border-color: rgba(147, 197, 253, .4);--border-glow: rgba(59, 130, 246, .3);--text-primary: #0c4a6e;--text-secondary: #075985;--text-muted: #64748b;--accent-color: #0284c7;--accent-bright: #0ea5e9;--accent-hover: #0369a1;--accent-glow: rgba(2, 132, 199, .3);--gradient-primary: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);--gradient-accent: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 50%, #0284c7 100%);--gradient-surface: linear-gradient(135deg, rgba(224, 242, 254, .6) 0%, rgba(186, 230, 253, .3) 100%);--glass-background: rgba(255, 255, 255, .65);--glass-border: rgba(148, 163, 184, .25);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .1);--glass-blur: blur(8px);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px rgba(2, 132, 199, .2);--space-background: radial-gradient(ellipse at 20% 30%, rgba(56, 189, 248, .1) 0%, transparent 50%), radial-gradient(ellipse at 80% 70%, rgba(14, 165, 233, .08) 0%, transparent 50%), linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 50%, #dbeafe 100%)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Lexend,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--space-background);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100vh;height:100dvh;width:100vw}button{background:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;font-family:Lexend,sans-serif;transition:all .2s ease-out;position:relative}button:hover{background:var(--accent-color);border-color:var(--border-glow);transform:translateY(-1px);box-shadow:var(--shadow-glow)}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button:disabled:hover{background:var(--surface-color);border-color:var(--border-color);box-shadow:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--accent-glow),0 0 10px var(--accent-glow)}50%{box-shadow:0 0 10px var(--accent-glow),0 0 20px var(--accent-glow)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.glass-card{background:var(--glass-background);border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--glass-shadow)}.glass-card-blur{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}@media (max-width: 768px){:root,:root[data-theme=light]{--sidebar-width: 100vw;--control-btn-size: 44px;--control-btn-size-sm: 24px}}