:root{--primary-bg:#0a0a0a;--secondary-bg:#1a1a1a;--accent-bg:#2a2a2a;--text-primary:#ffffff;--text-secondary:#b3b3b3;--accent-color:#1db954;--accent-secondary:#ff6b6b;--player-bg:#181818;--border-color:#333333;--card-bg:#242424}[data-theme=light]{--primary-bg:#f0f0f0;--secondary-bg:#ffffff;--accent-bg:#e9ecef;--text-primary:#333333;--text-secondary:#666666;--accent-color:#1db954;--accent-secondary:#dc3545;--player-bg:#ffffff;--border-color:#cccccc;--card-bg:#f8f9fa}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Segoe UI","Helvetica",sans-serif;background:var(--primary-bg);min-height:100vh;overflow:hidden;position:relative}.wallpaper-container{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 50%,var(--accent-bg) 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.wallpaper-container::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,var(--accent-color)15,transparent 40%),radial-gradient(circle at 80% 60%,var(--accent-secondary)10,transparent 40%),radial-gradient(circle at 40% 80%,var(--accent-color)8,transparent 40%);opacity:.3;z-index:-1}.wallpaper-brand{font-size:8rem;font-weight:900;background:linear-gradient(45deg,var(--accent-color),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-4px;text-align:center;opacity:.9;text-shadow:0 0 50px rgba(29,185,84,.3)}.wallpaper-tagline{font-size:2rem;color:var(--text-secondary);font-weight:300;text-align:center;opacity:.8;letter-spacing:2px}.theme-toggle{position:fixed;top:20px;right:20px;width:40px;height:40px;background:rgba(255,255,255,.1);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;transition:all .3s ease;color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:16px;z-index:1002}.theme-toggle:hover{background:var(--accent-color);transform:scale(1.1)}@media (max-width:768px){.wallpaper-brand{font-size:4rem}.wallpaper-tagline{font-size:1.2rem}}