:root{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #b3b3b3;--accent-color: #bb86fc;--accent-hover: #9965f4;--border-color: #333333;--shadow-color: rgba(0, 0, 0, .5);--header-height: 60px;--sidebar-width: 280px;--transition-fast: .2s ease;--transition-medium: .3s ease}[data-theme=light]{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-tertiary: #e0e0e0;--text-primary: #121212;--text-secondary: #5f6368;--accent-color: #6200ea;--accent-hover: #3700b3;--border-color: #e0e0e0;--shadow-color: rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-medium),color var(--transition-medium);overflow:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.sidebar-button{width:100%;padding:.75rem;text-align:left;border-radius:8px;background-color:transparent;color:var(--text-primary);transition:background-color .2s;font-size:1rem}.sidebar-button:hover{background-color:var(--bg-tertiary)}.sidebar-button.active{background-color:var(--bg-tertiary);color:var(--accent-color);font-weight:700}@keyframes rainbow{0%{border-color:red;box-shadow:0 0 10px red;color:red}14%{border-color:orange;box-shadow:0 0 10px orange;color:orange}28%{border-color:#ff0;box-shadow:0 0 10px #ff0;color:#ff0}42%{border-color:green;box-shadow:0 0 10px green;color:green}57%{border-color:#00f;box-shadow:0 0 10px #00f;color:#00f}71%{border-color:indigo;box-shadow:0 0 10px indigo;color:indigo}85%{border-color:violet;box-shadow:0 0 10px violet;color:violet}to{border-color:red;box-shadow:0 0 10px red;color:red}}[data-gaming-mode=true] button,[data-gaming-mode=true] input,[data-gaming-mode=true] .sidebar-button.active{animation:rainbow 2s linear infinite;border-width:2px;border-style:solid;transition:all .2s}[data-gaming-mode=true] .sidebar-button:hover{animation:rainbow .5s linear infinite}