:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--bg-body:#1e1e1e;--bg-sidebar:#252526;--bg-activity:#333;--bg-panel:#1e1e1e;--bg-input:#3c3c3c;--border-color:#3e3e42;--text-primary:#ccc;--text-secondary:#858585;--bg-editor:#1e1e1e;--accent-primary:#007acc;--accent-hover:#0062a3;--accent-success:#6a9955;--accent-warning:#cca700;--accent-error:#f14c4c;--accent-bonus:gold;--syn-k:#569cd6;--syn-s:#ce9178;--syn-f:#dcdcaa;--syn-c:#6a9955;--syn-n:#b5cea8}[data-theme=dark_colorful]{--syn-k:#c586c0;--syn-s:#ce9178;--syn-f:#dcdcaa;--syn-c:#6a9955;--syn-n:#b5cea8;--bg-body:#1e1e1e;--bg-sidebar:#252526;--bg-activity:#333;--text-primary:#d4d4d4}[data-theme=light_simple]{--bg-body:#fff;--bg-sidebar:#f3f3f3;--bg-activity:#2c2c2c;--bg-panel:#fff;--bg-input:#fff;--border-color:#e4e4e4;--text-primary:#333;--text-secondary:#6e6e6e;--accent-primary:#0078d4;--syn-k:#00f;--syn-s:#a31515;--syn-f:#795e26;--syn-c:green;--syn-n:#098658}[data-theme=light_colorful]{--bg-body:#fff;--bg-sidebar:#f3f3f3;--bg-activity:#2c2c2c;--bg-panel:#fff;--bg-input:#fff;--border-color:#e4e4e4;--text-primary:#333;--text-secondary:#6e6e6e;--accent-primary:#0078d4;--syn-k:#af00db;--syn-s:#a31515;--syn-f:#795e26;--syn-c:green;--syn-n:#098658}body{background-color:var(--bg-body);color:var(--text-primary);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100vw;height:100dvh;padding-top:var(--safe-top);margin:0;font-family:Inter,sans-serif;overflow:hidden}.font-mono{font-family:Fira Code,monospace}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#424242}::-webkit-scrollbar-thumb:hover{background:#4f4f4f}.syntax-keyword{color:var(--syn-k)}.syntax-string{color:var(--syn-s)}.syntax-function{color:var(--syn-f)}.syntax-comment{color:var(--syn-c)}.syntax-number{color:var(--syn-n)}.syntax-class{color:var(--syn-f)}.cursor-blink{animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.bonus-glow{text-shadow:0 0 5px #ffd70080;animation:2s infinite pulse-gold;color:var(--accent-bonus)!important}@keyframes pulse-gold{0%{opacity:.8}50%{opacity:1;text-shadow:0 0 10px #ffd700cc}to{opacity:.8}}.panel-tab{cursor:pointer;color:#969696;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-top:1px solid #0000;flex:1;justify-content:center;align-items:center;min-width:80px;height:100%;padding:0 16px;font-size:11px;display:flex;position:relative}.panel-tab:hover{color:var(--text-primary)}.panel-tab.active{color:var(--text-primary);border-top:1px solid var(--accent-primary);background-color:var(--bg-panel)}.notification-toast{background-color:var(--bg-sidebar);color:var(--text-primary);border:1px solid var(--border-color);pointer-events:auto;border-radius:2px;gap:10px;width:280px;padding:10px 14px;font-size:12px;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;box-shadow:0 4px 12px #00000080}.notification-container{z-index:1000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:20px;right:20px}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.badge{color:#fff;text-align:center;border-radius:10px;min-width:14px;margin-left:6px;padding:0 4px;font-size:9px;font-weight:700}.badge-error{background-color:var(--accent-error)}.badge-warning{background-color:var(--accent-warning)}.mobile-settings-spacer{margin-top:auto}@media (width<=768px){.mobile-settings-spacer{margin-top:auto;margin-bottom:54px}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.game-overlay{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000d9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.animate-bounce-in{animation:.3s ease-out bounce-in}@keyframes bounce-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}