:root{--bg-primary: rgba(30, 30, 30, .85);--bg-secondary: rgba(45, 45, 45, .9);--bg-hover: rgba(60, 60, 60, .9);--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent: #6495ed;--accent-hover: #7ba8f0;--border: rgba(255, 255, 255, .1);--danger: #e74c3c;--danger-hover: #c0392b;--radius: 8px;--shadow: 0 4px 20px rgba(0, 0, 0, .3)}[data-theme=light]{--bg-primary: rgba(255, 255, 255, .9);--bg-secondary: rgba(240, 240, 240, .95);--bg-hover: rgba(220, 220, 220, .95);--text-primary: #1a1a1a;--text-secondary: #666666;--border: rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text-primary);background:transparent!important}#app{width:100%;height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}