:root{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-card:#121212;--border-color:#222;--text-main:#fff;--text-muted:#a0a0a0;--accent-green:#1db954;--accent-hover:#1ed760;--accent-button-text:#000;--theme-button-bg:#121212;--theme-button-border:#222;--theme-button-hover:#1b1b1b;--theme-glow:transparent;--border-radius-md:12px;--border-radius-lg:20px;--transition-speed:.3s ease}[data-theme=light]{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-card:#fff;--border-color:#e5e5ea;--text-main:#1d1d1f;--text-muted:#68686d;--accent-green:#159447;--accent-hover:#1aa852;--accent-button-text:#fff;--theme-button-bg:#fff;--theme-button-border:#d9d9df;--theme-button-hover:#f0f0f3;--theme-glow:transparent}[data-theme=fun]{--bg-primary:#fff8fc;--bg-secondary:#fff;--bg-card:#ffffffeb;--border-color:#ead8ef;--text-main:#2b2035;--text-muted:#75627e;--accent-green:#d63cf2;--accent-hover:#e55afb;--accent-button-text:#fff;--theme-button-bg:#fffffff0;--theme-button-border:#e2bde9;--theme-button-hover:#fff0ff;--theme-glow:#d63cf229}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-primary);transition:background-color var(--transition-speed)}body{background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color var(--transition-speed), color var(--transition-speed);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body,button,input,textarea,select{transition:background-color var(--transition-speed), border-color var(--transition-speed), color var(--transition-speed), box-shadow var(--transition-speed)}button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;transition:background-color var(--transition-speed), color var(--transition-speed)}[data-theme=fun] .app-shell{background:radial-gradient(circle at 8% 0,#ff69b430,#0000 27%),radial-gradient(circle at 94% 8%,#6e53ff2b,#0000 26%),radial-gradient(circle at 50% 100%,#33d0ff1f,#0000 30%),linear-gradient(135deg,#fff8fc 0%,#fffdf7 48%,#f7fbff 100%)!important}.theme-selector{flex-shrink:0;align-items:center;gap:.4rem;display:inline-flex}.theme-option{border:1px solid var(--theme-button-border);background:var(--theme-button-bg);width:38px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;display:inline-flex;box-shadow:0 1px 4px #0000000d}.theme-option:hover{color:var(--text-main);background:var(--theme-button-hover);border-color:var(--text-muted);transform:translateY(-1px)}.theme-option.active{color:var(--text-main);background:var(--bg-card);border-color:var(--accent-green);box-shadow:0 0 0 1px var(--accent-green)}.theme-option:active{transform:scale(.96)}.theme-option:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}[data-theme=fun] .theme-option.active{color:#d63cf2;border-color:#d63cf2;box-shadow:0 0 0 1px #d63cf2}@media (width<=760px){.theme-option{width:34px;height:32px}}.nav-tabs{border-bottom:1px solid var(--border-color);scrollbar-width:none;padding-bottom:1rem;overflow-x:auto}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{color:var(--text-muted);cursor:pointer;transition:color var(--transition-speed);white-space:nowrap;background:0 0;border:none;padding:.5rem 0;font-size:1.1rem;font-weight:600}.nav-tab:hover{color:var(--text-main)}.nav-tab.active{color:var(--text-main);border-bottom:2px solid var(--accent-green)}@media (width<=760px){.app-shell{padding:1rem!important}.logged-in-label{display:none}.theme-selector{padding:.15rem}.theme-option{width:29px;height:29px}}