@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Orbitron:wght@400;500;600;700&family=Share+Tech+Mono&family=Playfair+Display:ital,wght@0,300;0,400;0,500;0,600;1,400&family=VT323&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;width:100vw;height:100vh;line-height:1.5}body.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}input,textarea,select{font-family:inherit;color:inherit}img,video{display:block;max-width:100%}ul,ol{list-style:none}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Outfit", "Inter", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-wallpaper: 1.5s ease-in-out;--z-wallpaper: 0;--z-visualizer: 1;--z-content: 10;--z-player: 100;--z-overlay: 200;--z-admin: 300;--z-modal: 400;--z-toast: 500;--glass-bg: rgba(10, 10, 20, .55);--glass-bg-heavy: rgba(10, 10, 20, .75);--glass-bg-light: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(8px);--glass-blur-heavy: blur(16px);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px var(--accent-glow);--player-height: 90px;--player-progress-height: 3px;--bg-primary: #0a0a14;--bg-secondary: #12121e;--bg-tertiary: #1a1a2e;--text-primary: #e8e8f0;--text-secondary: #a0a0b8;--text-tertiary: #6a6a82;--text-accent: #6cb4ee;--accent-primary: #5b9bd5;--accent-secondary: #4a7fb5;--accent-tertiary: #3a6595;--accent-glow: rgba(91, 155, 213, .3);--surface-hover: rgba(255, 255, 255, .06);--surface-active: rgba(255, 255, 255, .1);--danger: #e55b6b;--success: #5be5a0;--warning: #e5c45b}[data-theme=cozy]{--bg-primary: #140e08;--bg-secondary: #1e1510;--bg-tertiary: #2a1f16;--text-primary: #f0e6d8;--text-secondary: #c4a882;--text-tertiary: #8a7460;--text-accent: #e8a84c;--accent-primary: #e8943c;--accent-secondary: #d4822e;--accent-tertiary: #b86e24;--accent-glow: rgba(232, 148, 60, .3);--glass-bg: rgba(20, 14, 8, .55);--glass-bg-heavy: rgba(20, 14, 8, .75);--glass-border: rgba(232, 168, 76, .12)}[data-theme=cyberpunk]{--bg-primary: #0a0616;--bg-secondary: #120e20;--bg-tertiary: #1a142e;--text-primary: #e8e0f8;--text-secondary: #b0a0d0;--text-tertiary: #7868a0;--text-accent: #00f0ff;--accent-primary: #00e5f0;--accent-secondary: #ff2d78;--accent-tertiary: #8b5cf6;--accent-glow: rgba(0, 229, 240, .3);--glass-bg: rgba(10, 6, 22, .55);--glass-bg-heavy: rgba(10, 6, 22, .75);--glass-border: rgba(0, 240, 255, .1)}[data-theme=nature]{--bg-primary: #060e08;--bg-secondary: #0e1810;--bg-tertiary: #142218;--text-primary: #dce8e0;--text-secondary: #96b8a0;--text-tertiary: #5e8068;--text-accent: #6cd494;--accent-primary: #4cc880;--accent-secondary: #3aaa6a;--accent-tertiary: #2a8c54;--accent-glow: rgba(76, 200, 128, .3);--glass-bg: rgba(6, 14, 8, .55);--glass-bg-heavy: rgba(6, 14, 8, .75);--glass-border: rgba(76, 200, 128, .1)}[data-theme=retro]{--bg-primary: #12100a;--bg-secondary: #1c1812;--bg-tertiary: #26221a;--text-primary: #e8dcc8;--text-secondary: #baa888;--text-tertiary: #8a7a62;--text-accent: #e8a0a0;--accent-primary: #d88888;--accent-secondary: #c07070;--accent-tertiary: #a85858;--accent-glow: rgba(216, 136, 136, .3);--glass-bg: rgba(18, 16, 10, .55);--glass-bg-heavy: rgba(18, 16, 10, .75);--glass-border: rgba(232, 160, 160, .1)}[data-theme=cyberpunk] body{font-family:Share Tech Mono,monospace}[data-theme=cyberpunk] .widget-card{border-radius:var(--radius-sm);border:1px solid var(--accent-primary);box-shadow:0 0 8px var(--accent-glow),inset 0 0 8px #00e5f008;background:#0a0616b3}[data-theme=cyberpunk] .widget-card-header{border-bottom:1px solid rgba(0,229,240,.15)}[data-theme=cyberpunk] .widget-card-title{font-family:Orbitron,monospace;letter-spacing:.06em;text-transform:uppercase;font-size:var(--text-xs)}[data-theme=cyberpunk] .widget-clock-time,[data-theme=cyberpunk] .widget-pomodoro-time{font-family:Orbitron,monospace;color:var(--accent-primary);text-shadow:0 0 10px var(--accent-glow)}[data-theme=cyberpunk] .widget-nowplaying-title{font-family:Orbitron,monospace;letter-spacing:.02em}[data-theme=cyberpunk] .dashboard-greeting{font-family:Orbitron,monospace;letter-spacing:.04em;text-transform:uppercase;font-size:var(--text-xl)}[data-theme=cyberpunk] #player-bar{border-top:1px solid rgba(0,229,240,.2);box-shadow:0 -4px 20px #00e5f014}[data-theme=cyberpunk] .player-track-title{font-family:Orbitron,monospace;letter-spacing:.02em;font-size:var(--text-xs)}[data-theme=cyberpunk] .player-play-btn{background:var(--accent-primary);box-shadow:0 0 15px var(--accent-glow)}[data-theme=cyberpunk] .player-play-btn:hover{box-shadow:0 0 25px var(--accent-glow)}[data-theme=cyberpunk] .btn-primary{font-family:Orbitron,monospace;letter-spacing:.04em;text-transform:uppercase;font-size:var(--text-xs)}[data-theme=cozy] .widget-card{border-radius:var(--radius-xl);border:1px solid rgba(232,168,76,.15)}[data-theme=cozy] .widget-card-title{font-family:Playfair Display,serif;font-weight:500}[data-theme=cozy] .widget-clock-time{font-family:Playfair Display,serif;font-weight:300}[data-theme=cozy] .widget-clock-date{font-family:Playfair Display,serif;font-style:italic}[data-theme=cozy] .widget-pomodoro-time{font-family:Playfair Display,serif;font-weight:300}[data-theme=cozy] .widget-nowplaying-title{font-family:Playfair Display,serif}[data-theme=cozy] .dashboard-greeting{font-family:Playfair Display,serif;font-weight:400}[data-theme=cozy] .dashboard-greeting span{font-style:italic}[data-theme=cozy] #player-bar{border-radius:var(--radius-lg) var(--radius-lg) 0 0}[data-theme=cozy] .player-track-title{font-family:Playfair Display,serif}[data-theme=cozy] .player-play-btn{background:var(--accent-primary)}[data-theme=nature] .widget-card{border-radius:var(--radius-lg);border:1px solid rgba(76,200,128,.12)}[data-theme=nature] .widget-clock-time{font-weight:200;letter-spacing:-.06em}[data-theme=nature] .dashboard-greeting{font-weight:300;letter-spacing:-.02em}[data-theme=nature] .player-play-btn{background:var(--accent-primary)}[data-theme=retro] body{font-family:VT323,Courier New,monospace;font-size:18px}[data-theme=retro] .widget-card{border-radius:0;border:2px solid var(--accent-primary);box-shadow:4px 4px #d8888833}[data-theme=retro] .widget-card-title{font-family:VT323,monospace;letter-spacing:.05em;text-transform:uppercase}[data-theme=retro] .widget-clock-time{font-family:VT323,monospace;color:var(--accent-primary);text-shadow:0 0 8px var(--accent-glow);font-size:var(--text-5xl)}[data-theme=retro] .widget-clock-date{font-family:VT323,monospace}[data-theme=retro] .widget-pomodoro-time{font-family:VT323,monospace;color:var(--accent-primary)}[data-theme=retro] .widget-nowplaying-title{font-family:VT323,monospace}[data-theme=retro] .dashboard-greeting{font-family:VT323,monospace;text-transform:uppercase;letter-spacing:.05em}[data-theme=retro] #player-bar{border-radius:0;border-top:2px solid var(--accent-primary)}[data-theme=retro] .player-track-title{font-family:VT323,monospace}[data-theme=retro] .player-play-btn{border-radius:0;background:var(--accent-primary)}[data-theme=retro] .btn,[data-theme=retro] .btn-icon{border-radius:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:var(--accent-primary);color:var(--bg-primary)}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);transform:translateZ(0);backface-visibility:hidden;will-change:transform}.glass-heavy{background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border:1px solid var(--glass-border);transform:translateZ(0);backface-visibility:hidden;will-change:transform}.text-heading{font-family:var(--font-heading);font-weight:600;letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast);white-space:nowrap}.btn:hover{background:var(--surface-hover)}.btn:active{background:var(--surface-active);transform:scale(.97)}.btn-primary{background:var(--accent-primary);color:var(--bg-primary)}.btn-primary:hover{background:var(--accent-secondary);box-shadow:var(--shadow-glow)}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center}.btn-icon svg{width:18px;height:18px}.btn-icon-lg{width:48px;height:48px}.btn-icon-lg svg{width:22px;height:22px}.tag{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;background:var(--glass-bg-light);border:1px solid var(--glass-border);color:var(--text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes equalizer{0%,to{height:4px}50%{height:16px}}.toast-container{position:fixed;bottom:calc(var(--player-height) + var(--space-4));right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2)}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);animation:fadeInUp .3s ease,fadeOut .3s ease 2.7s forwards}@keyframes fadeOut{to{opacity:0;transform:translateY(-8px)}}.announcement-bar{position:fixed;top:var(--space-4);left:50%;transform:translate(-50%) translateZ(0);width:calc(100% - 2 * var(--space-6));max-width:600px;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideDown .5s cubic-bezier(.16,1,.3,1);backface-visibility:hidden;will-change:transform}.announcement-bar.hidden{display:none!important}.announcement-content{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.announcement-content svg{color:var(--accent-primary);flex-shrink:0}.announcement-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.announcement-close:hover{color:var(--text-primary);background:var(--glass-bg-light)}@keyframes slideDown{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.announcement-bar.closing{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}@keyframes slideUp{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-30px);opacity:0}}body.performance-mode{--glass-blur: none !important;--glass-blur-heavy: none !important}body.performance-mode *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}#wallpaper-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-wallpaper);overflow:hidden;background:var(--bg-primary)}.wallpaper-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity var(--transition-wallpaper);will-change:opacity;transform:translateZ(0);backface-visibility:hidden}.wallpaper-video.active{opacity:1}.wallpaper-video.inactive{opacity:0}.wallpaper-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--wallpaper-dim, .4));z-index:1;pointer-events:none;transition:background .3s ease}.wallpaper-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.3) 0%,transparent 20%),linear-gradient(to bottom,rgba(0,0,0,.2) 0%,transparent 15%);pointer-events:none}.wallpaper-fallback{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(-45deg,var(--bg-primary),var(--bg-secondary),var(--accent-tertiary),var(--bg-tertiary));background-size:400% 400%;animation:gradientShift 20s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 50%}75%{background-position:0% 100%}to{background-position:0% 50%}}.wallpaper-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:.3}#visualizer-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-visualizer);pointer-events:none;opacity:1;mix-blend-mode:screen}.mood-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-overlay) + 10);display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity .5s ease}.mood-picker-overlay.visible{opacity:1;pointer-events:auto}.mood-picker-content{text-align:center;max-width:700px;width:90%;position:relative}.mood-picker-close{position:absolute;top:-50px;right:0;width:36px;height:36px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.mood-picker-close:hover{background:var(--surface-hover);color:var(--text-primary)}.mood-picker-close.hidden{display:none}.mood-picker-title{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:300;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--space-2)}.mood-picker-subtitle{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:var(--space-8)}.mood-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media(max-width:600px){.mood-picker-grid{grid-template-columns:repeat(2,1fr)}}.mood-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:all .3s ease}.mood-card:hover{transform:translateY(-4px) scale(1.03);border-color:var(--accent-primary);box-shadow:var(--shadow-glow),0 8px 25px #0000004d;background:var(--glass-bg-light)}.mood-card:active{transform:translateY(-1px) scale(.98)}.mood-card.active{border-color:var(--accent-primary);box-shadow:var(--shadow-glow);background:rgba(var(--accent-primary),.1)}.mood-card-icon-container{display:flex;align-items:center;justify-content:center;height:48px;width:48px;margin-bottom:var(--space-1)}.mood-svg{width:40px;height:40px;color:var(--text-secondary);transition:color var(--transition-fast),transform var(--transition-fast)}.mood-card:hover .mood-svg{color:var(--accent-primary);transform:scale(1.1)}.mood-card.active .mood-svg{color:var(--accent-primary)}.mood-indicator svg{transition:color var(--transition-fast),transform var(--transition-fast)}.mood-indicator:hover svg{color:var(--accent-primary);transform:scale(1.1)}@keyframes waveDrift{0%{transform:translate(0)}50%{transform:translate(-4px) translateY(1px)}to{transform:translate(0)}}.mood-card:hover .wave-line-1,.mood-indicator:hover .wave-line-1{animation:waveDrift 2s ease-in-out infinite}.mood-card:hover .wave-line-2,.mood-indicator:hover .wave-line-2{animation:waveDrift 2s ease-in-out infinite .4s}.mood-card:hover .wave-line-3,.mood-indicator:hover .wave-line-3{animation:waveDrift 2s ease-in-out infinite .8s}@keyframes sunSpin{to{transform:rotate(360deg)}}@keyframes rayPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.6}}.mood-card:hover .happy-svg,.mood-indicator:hover .happy-svg{transform-origin:center;animation:sunSpin 12s linear infinite}.mood-card:hover .sun-ray,.mood-indicator:hover .sun-ray{transform-origin:center;animation:rayPulse 1.5s ease-in-out infinite}@keyframes rainFall{0%{transform:translateY(-4px);opacity:0}50%{opacity:1}to{transform:translateY(6px);opacity:0}}.mood-card:hover .rain-drop,.mood-indicator:hover .rain-drop{transform-origin:center}.mood-card:hover .drop-1,.mood-indicator:hover .drop-1{animation:rainFall 1.2s linear infinite}.mood-card:hover .drop-2,.mood-indicator:hover .drop-2{animation:rainFall 1.2s linear infinite .4s}.mood-card:hover .drop-3,.mood-indicator:hover .drop-3{animation:rainFall 1.2s linear infinite .8s}@keyframes boltFlash{0%,to{transform:scale(1);filter:drop-shadow(0 0 0px var(--accent-primary))}15%{transform:scale(1.15) skew(-5deg);filter:drop-shadow(0 0 8px var(--accent-primary));color:var(--text-accent)}30%{transform:scale(.95) skew(5deg)}45%{transform:scale(1.05)}}.mood-card:hover .lightning-bolt,.mood-indicator:hover .lightning-bolt{animation:boltFlash .8s ease-in-out infinite;fill:currentColor}@keyframes targetPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08);opacity:.8}}.mood-card:hover .focus-svg,.mood-indicator:hover .focus-svg{transform-origin:center}.mood-card:hover .target-ring-1,.mood-indicator:hover .target-ring-1{transform-origin:center;animation:targetPulse 1s ease-in-out infinite;fill:currentColor}.mood-card:hover .target-ring-2,.mood-indicator:hover .target-ring-2{transform-origin:center;animation:targetPulse 1s ease-in-out infinite .2s}.mood-card:hover .target-ring-3,.mood-indicator:hover .target-ring-3{transform-origin:center;animation:targetPulse 1s ease-in-out infinite .4s}@keyframes zzzFloat{0%{transform:translate(0) scale(.6);opacity:0}30%{opacity:1}to{transform:translate(6px,-10px) scale(1.1);opacity:0}}@keyframes moonRock{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg)}}.mood-card:hover .moon-body,.mood-indicator:hover .moon-body{transform-origin:center;animation:moonRock 3s ease-in-out infinite}.mood-card:hover .zzz-1,.mood-indicator:hover .zzz-1{transform-origin:14px 7px;animation:zzzFloat 2.2s ease-in-out infinite}.mood-card:hover .zzz-2,.mood-indicator:hover .zzz-2{transform-origin:17px 10px;animation:zzzFloat 2.2s ease-in-out infinite .9s}.mood-card-label{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.mood-card-desc{font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.3}.mood-indicator{font-size:var(--text-lg);min-width:36px;display:flex;align-items:center;justify-content:center}.mood-indicator span{font-size:1.1rem;line-height:1}.dim-slider-container{display:flex;align-items:center;gap:var(--space-2);padding:4px 10px;border-radius:var(--radius-full);min-width:100px}.dim-slider-container svg{color:var(--text-secondary);flex-shrink:0}.dim-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:70px;height:4px;border-radius:2px;background:var(--bg-tertiary);outline:none;cursor:pointer}.dim-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--text-primary);cursor:pointer;transition:transform .15s ease}.dim-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.dim-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--text-primary);cursor:pointer;border:none}.immersive-settings-popup{position:fixed;top:60px;right:var(--space-6);width:260px;z-index:calc(var(--z-overlay) + 5);border-radius:var(--radius-lg);padding:var(--space-4);transform:translateY(-10px);opacity:0;pointer-events:none;transition:all .25s ease}.immersive-settings-popup.visible{transform:translateY(0);opacity:1;pointer-events:auto}.immersive-settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.immersive-settings-header h3{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600}.immersive-settings-desc{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-3)}.immersive-settings-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm);cursor:default}.immersive-ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-content);pointer-events:none;transition:opacity var(--transition-slow)}.immersive-ui>*{pointer-events:auto}.immersive-ui.idle .immersive-top{opacity:0;pointer-events:none}.immersive-ui.idle .immersive-top.keep-visible{opacity:1;pointer-events:auto}.immersive-ui.idle .immersive-clock,.immersive-ui.idle .immersive-date{opacity:0}.immersive-ui.idle .immersive-clock.keep-visible,.immersive-ui.idle .immersive-date.keep-visible{opacity:1}.immersive-ui.idle .immersive-now-playing{opacity:0}.immersive-ui.idle .immersive-now-playing.keep-visible{opacity:1}#player-bar.idle-hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.immersive-top,.immersive-clock,.immersive-date,.immersive-now-playing,#player-bar{transition:opacity var(--transition-slow),transform var(--transition-slow)}.immersive-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6)}.immersive-logo{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;letter-spacing:-.03em;color:var(--text-primary);opacity:.8}.immersive-logo span{color:var(--accent-primary)}.immersive-actions{display:flex;align-items:center;gap:var(--space-2)}.immersive-center{position:absolute;text-align:center;max-width:500px;width:90%;top:50%;left:50%;transform:translate(-50%,-50%)}.immersive-clock{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:300;letter-spacing:-.04em;color:var(--text-primary);line-height:1;margin-bottom:var(--space-2);text-shadow:0 2px 20px rgba(0,0,0,.5)}.immersive-date{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-8);text-shadow:0 1px 10px rgba(0,0,0,.5)}.immersive-now-playing{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.immersive-track-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);text-shadow:0 2px 15px rgba(0,0,0,.5)}.immersive-track-artist{font-size:var(--text-base);color:var(--text-secondary);text-shadow:0 1px 10px rgba(0,0,0,.5)}.equalizer-bars{display:flex;align-items:flex-end;gap:3px;height:20px;justify-content:center;margin-top:var(--space-3)}.equalizer-bar{width:3px;background:var(--accent-primary);border-radius:2px;animation:equalizer .8s ease-in-out infinite}.equalizer-bar:nth-child(1){animation-delay:0s;height:8px}.equalizer-bar:nth-child(2){animation-delay:.15s;height:14px}.equalizer-bar:nth-child(3){animation-delay:.3s;height:6px}.equalizer-bar:nth-child(4){animation-delay:.45s;height:12px}.equalizer-bar:nth-child(5){animation-delay:.1s;height:10px}.equalizer-bars.paused .equalizer-bar{animation-play-state:paused;height:4px!important}.wallpaper-picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.wallpaper-picker.visible{opacity:1;pointer-events:auto}.wallpaper-picker-content{width:90%;max-width:800px;max-height:80vh;border-radius:var(--radius-xl);padding:var(--space-6);overflow-y:auto}.wallpaper-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.wallpaper-picker-header h2{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700}.wallpaper-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.wallpaper-card{aspect-ratio:16/9;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;position:relative;border:2px solid transparent;transition:all var(--transition-base)}.wallpaper-card:hover{border-color:var(--accent-primary);transform:scale(1.03)}.wallpaper-card.active{border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.wallpaper-card video,.wallpaper-card img{width:100%;height:100%;object-fit:cover}.wallpaper-card-label{position:absolute;bottom:0;left:0;right:0;padding:var(--space-2) var(--space-3);background:linear-gradient(to top,rgba(0,0,0,.7),transparent);font-size:var(--text-xs);font-weight:500}[data-theme=cyberpunk] .immersive-center{text-align:left;top:30%;left:var(--space-8);transform:translate(0)}[data-theme=cyberpunk] .immersive-clock{font-family:Orbitron,Outfit,monospace;font-size:clamp(3rem,8vw,5rem);font-weight:700;letter-spacing:.06em;color:var(--accent-primary);text-shadow:0 0 30px var(--accent-glow),0 0 60px var(--accent-glow)}[data-theme=cyberpunk] .immersive-date{font-family:Share Tech Mono,monospace;font-size:var(--text-base);letter-spacing:.15em;text-transform:uppercase;color:var(--accent-secondary)}[data-theme=cyberpunk] .immersive-track-title{font-family:Orbitron,Outfit,monospace;font-weight:500;letter-spacing:.04em;color:var(--accent-primary);text-shadow:0 0 15px var(--accent-glow)}[data-theme=cyberpunk] .immersive-track-artist{font-family:Share Tech Mono,monospace;text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-sm);color:var(--accent-secondary)}[data-theme=cyberpunk] .immersive-now-playing{align-items:flex-start}[data-theme=cyberpunk] .equalizer-bars{justify-content:flex-start}[data-theme=cyberpunk] .immersive-logo{font-family:Orbitron,Outfit,monospace;letter-spacing:.1em;text-transform:uppercase;font-size:var(--text-base)}[data-theme=cyberpunk] .wallpaper-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,229,240,.01) 0px,transparent 2px,transparent 4px);pointer-events:none;animation:scanline 8s linear infinite}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(4px)}}[data-theme=cozy] .immersive-clock{font-family:Playfair Display,Georgia,serif;font-weight:300;font-size:clamp(3rem,7vw,4.5rem);letter-spacing:-.02em;color:var(--text-primary)}[data-theme=cozy] .immersive-date{font-family:Playfair Display,Georgia,serif;font-style:italic;color:var(--accent-primary);letter-spacing:.02em}[data-theme=cozy] .immersive-track-title{font-family:Playfair Display,Georgia,serif;font-weight:500}[data-theme=cozy] .immersive-logo span{font-style:italic}[data-theme=nature] .immersive-clock{font-family:Outfit,sans-serif;font-weight:200;font-size:clamp(3rem,7vw,5rem);letter-spacing:-.06em}[data-theme=nature] .immersive-date{font-family:Outfit,sans-serif;font-weight:300;letter-spacing:.1em;text-transform:uppercase;font-size:var(--text-sm)}[data-theme=nature] .immersive-track-title{font-weight:400}[data-theme=retro] .immersive-center{text-align:right;top:auto;bottom:120px;left:auto;right:var(--space-8);transform:none}[data-theme=retro] .immersive-clock{font-family:VT323,Courier New,monospace;font-size:clamp(3rem,8vw,5rem);font-weight:400;letter-spacing:.08em;color:var(--accent-primary);text-shadow:0 0 10px var(--accent-glow)}[data-theme=retro] .immersive-date{font-family:VT323,Courier New,monospace;font-size:var(--text-lg);letter-spacing:.05em}[data-theme=retro] .immersive-track-title{font-family:VT323,Courier New,monospace;font-size:var(--text-xl);color:var(--accent-primary)}[data-theme=retro] .immersive-track-artist{font-family:VT323,Courier New,monospace}[data-theme=retro] .immersive-now-playing{align-items:flex-end}[data-theme=retro] .equalizer-bars{justify-content:flex-end}[data-theme=retro] .immersive-logo{font-family:VT323,Courier New,monospace;letter-spacing:.08em;text-transform:uppercase}.mood-picker-overlay,.mood-card,.wallpaper-picker,.wallpaper-picker-content{transform:translateZ(0);backface-visibility:hidden;will-change:transform}.theme-svg{width:32px;height:32px;color:var(--text-secondary);transition:color var(--transition-fast),transform var(--transition-fast)}.wallpaper-card:hover .theme-svg,.wallpaper-card.active .theme-svg{color:var(--accent-primary)}.wallpaper-card:hover .modern-svg{animation:diamondFloat 1.8s ease-in-out infinite}@keyframes diamondFloat{0%,to{transform:translateY(0) scale(1.05)}50%{transform:translateY(-4px) scale(1.1)}}.wallpaper-card:hover .cozy-svg{animation:cozySteam 1.5s ease-in-out infinite}@keyframes cozySteam{0%,to{transform:scale(1.05);filter:drop-shadow(0 0 0px var(--accent-primary))}50%{transform:scale(1.1) translateY(-2px);filter:drop-shadow(0 0 4px var(--accent-primary))}}.wallpaper-card:hover .cyberpunk-svg{animation:cpuGlow .8s ease-in-out infinite alternate}@keyframes cpuGlow{0%{transform:scale(1.05);opacity:.8}to{transform:scale(1.12);opacity:1;filter:drop-shadow(0 0 5px var(--accent-primary))}}.wallpaper-card:hover .nature-svg{animation:leafSway 1.6s ease-in-out infinite}@keyframes leafSway{0%,to{transform:rotate(0) scale(1.05)}50%{transform:rotate(12deg) scale(1.1)}}.wallpaper-card:hover .retro-svg{animation:cassetteWiggle .6s ease-in-out infinite}@keyframes cassetteWiggle{0%,to{transform:rotate(0) scale(1.05)}25%{transform:rotate(-4deg) scale(1.08)}75%{transform:rotate(4deg) scale(1.08)}}.wallpaper-card:hover .random-svg{animation:arrowSlide 1.2s ease-in-out infinite}@keyframes arrowSlide{0%,to{transform:translate(0) scale(1.05)}50%{transform:translate(2px,-2px) scale(1.12)}}.wallpaper-action-svg{width:32px;height:32px;color:var(--text-secondary);transition:color var(--transition-fast),transform var(--transition-fast)}.wallpaper-card:hover .wallpaper-action-svg{color:var(--accent-primary)}.wallpaper-card:hover .auto-svg{animation:starPulse 1.5s ease-in-out infinite}@keyframes starPulse{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.15) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}.wallpaper-card:hover .none-svg{animation:slashShake .6s ease-in-out}@keyframes slashShake{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}#btn-theme:hover svg,#btn-theme-dash:hover svg{animation:themeIconSpin 2.5s linear infinite}@keyframes themeIconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#btn-wallpaper:hover svg,#btn-wallpaper-dash:hover svg{animation:wallpaperIconFloat 1.5s ease-in-out infinite}@keyframes wallpaperIconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(4deg)}}#btn-fullscreen:hover svg{animation:fullscreenIconPulse 1.2s ease-in-out infinite}@keyframes fullscreenIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}#btn-mode-toggle:hover svg{animation:dashboardIconHover 1.5s ease-in-out infinite}@keyframes dashboardIconHover{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.15) rotate(90deg)}}#btn-immersive-toggle:hover svg{animation:immersiveIconHover 1.2s ease-in-out infinite}@keyframes immersiveIconHover{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.15)}}#btn-immersive-settings:hover svg{animation:settingsIconSpin 4s linear infinite}@keyframes settingsIconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#btn-add-widgets svg{transition:transform var(--transition-fast) ease-in-out}#btn-add-widgets:hover svg{transform:rotate(90deg)}#btn-admin:hover svg,#btn-admin-dash:hover svg{animation:adminIconWiggle 1.2s ease-in-out infinite}@keyframes adminIconWiggle{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-8deg) scale(1.1)}75%{transform:rotate(8deg) scale(1.1)}}#player-bar{position:fixed;bottom:0;left:0;right:0;height:var(--player-height);z-index:var(--z-player);display:flex;align-items:center;padding:0 var(--space-5);gap:var(--space-5);transition:transform var(--transition-base),opacity var(--transition-base)}#player-bar.hidden{transform:translateY(100%);opacity:0;pointer-events:none}.player-progress{position:absolute;top:-1px;left:0;right:0;height:var(--player-progress-height);background:#ffffff0f;cursor:pointer;z-index:2;transition:height var(--transition-fast)}.player-progress:hover{height:6px}.player-progress.seeking{height:8px}.player-progress.seeking .player-progress-fill:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:14px;height:14px;background:var(--accent-primary);border-radius:50%;box-shadow:var(--shadow-glow)}.player-progress-fill{height:100%;background:var(--accent-primary);border-radius:0 2px 2px 0;position:relative;transition:none;min-width:0}.player-progress:hover .player-progress-fill:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:10px;height:10px;background:var(--accent-primary);border-radius:50%;box-shadow:var(--shadow-glow)}.player-progress-buffer{position:absolute;top:0;left:0;height:100%;background:#ffffff14;border-radius:0 2px 2px 0}.player-track-info{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1;max-width:300px}.player-album-art{width:56px;height:56px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--bg-tertiary);position:relative}.player-album-art img{width:100%;height:100%;object-fit:cover}.player-album-art-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-tertiary),var(--accent-primary))}.player-album-art-placeholder svg{width:24px;height:24px;opacity:.7}.player-track-text{min-width:0;display:flex;flex-direction:column;gap:2px}.player-track-title{font-size:var(--text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.player-track-artist{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex:1}.player-controls-main{display:flex;align-items:center;gap:var(--space-3)}.player-play-btn{width:42px;height:42px;border-radius:50%;background:var(--text-primary);color:var(--bg-primary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.player-play-btn:hover{transform:scale(1.06);box-shadow:0 0 16px #fff3}.player-play-btn:active{transform:scale(.96)}.player-play-btn svg{width:20px;height:20px}.player-control-btn{color:var(--text-secondary);transition:color var(--transition-fast)}.player-control-btn:hover{color:var(--text-primary)}.player-control-btn.active{color:var(--accent-primary)}.player-time{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums;margin-top:var(--space-1)}.player-extra{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);flex:1;max-width:300px}.player-volume{display:flex;align-items:center;gap:var(--space-2)}.player-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:90px;height:4px;background:#ffffff1f;border-radius:var(--radius-full);outline:none;cursor:pointer;transition:opacity var(--transition-fast)}.player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--text-primary);border-radius:50%;cursor:pointer;transition:transform var(--transition-fast)}.player-volume-slider:hover::-webkit-slider-thumb{transform:scale(1.2)}.queue-panel{position:fixed;bottom:var(--player-height);right:0;width:380px;max-height:60vh;z-index:var(--z-overlay);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;transform:translateY(100%);opacity:0;transition:transform var(--transition-base),opacity var(--transition-base);pointer-events:none}.queue-panel.visible{transform:translateY(0);opacity:1;pointer-events:auto}.queue-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--glass-border)}.queue-panel-header h3{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600}.queue-panel-list{overflow-y:auto;max-height:calc(60vh - 60px);padding:var(--space-2) 0}.queue-track{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);cursor:pointer;transition:background var(--transition-fast)}.queue-track:hover{background:var(--surface-hover)}.queue-track.active{background:var(--surface-active)}.queue-track-num{font-size:var(--text-xs);color:var(--text-tertiary);width:20px;text-align:center;font-variant-numeric:tabular-nums}.queue-track-art{width:40px;height:40px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--bg-tertiary)}.queue-track-art img{width:100%;height:100%;object-fit:cover}.queue-track-info{flex:1;min-width:0}.queue-track-title{font-size:var(--text-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-track-artist{font-size:var(--text-xs);color:var(--text-secondary)}.queue-track-duration{font-size:var(--text-xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums}#dashboard{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-content);padding:0 var(--space-6) calc(var(--player-height) + var(--space-6));overflow-y:auto;transition:opacity var(--transition-base)}#dashboard.hidden{opacity:0;pointer-events:none}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-5) 0}.dashboard-greeting{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;letter-spacing:-.03em}.dashboard-greeting span{color:var(--accent-primary)}.dashboard-actions{display:flex;align-items:center;gap:var(--space-2)}.widget-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:minmax(180px,280px);gap:var(--space-5);animation:fadeInUp .5s ease;align-items:start}.widget-card{border-radius:var(--radius-lg);padding:var(--space-5);min-height:160px;display:flex;flex-direction:column;position:relative;overflow:hidden;animation:fadeInScale .4s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.widget-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.widget-card-header{cursor:grab}.widget-card-header:active{cursor:grabbing}.widget-card.dragging{opacity:.4;transform:scale(.95);box-shadow:none}.widget-card.drag-over{border:2px dashed var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.widget-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.widget-card-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.widget-card-icon{color:var(--text-tertiary);opacity:.6}.widget-card-icon svg{width:16px;height:16px}.widget-card-body{flex:1;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;max-height:220px}.widget-config{position:fixed;top:0;right:0;bottom:0;width:340px;z-index:var(--z-overlay);border-left:1px solid var(--glass-border);transform:translate(100%);transition:transform var(--transition-base);display:flex;flex-direction:column}.widget-config.visible{transform:translate(0)}.widget-config-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--glass-border)}.widget-config-header h3{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600}.widget-config-list{flex:1;overflow-y:auto;padding:var(--space-4)}.widget-config-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-2);transition:background var(--transition-fast)}.widget-config-item:hover{background:var(--surface-hover)}.widget-config-item-info{display:flex;align-items:center;gap:var(--space-3)}.widget-config-item-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--glass-bg-light);display:flex;align-items:center;justify-content:center}.widget-config-item-icon svg{width:18px;height:18px;color:var(--accent-primary)}.widget-config-item-name{font-size:var(--text-sm);font-weight:500}.toggle{position:relative;width:44px;height:24px;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-tertiary);border-radius:var(--radius-full);transition:background var(--transition-fast)}.toggle input:checked+.toggle-track{background:var(--accent-primary)}.toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform var(--transition-fast);pointer-events:none}.toggle input:checked~.toggle-thumb{transform:translate(20px)}.mode-toggle{position:fixed;top:var(--space-5);right:var(--space-5);z-index:var(--z-content);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;display:flex;align-items:center;gap:var(--space-2);transition:all var(--transition-fast)}.mode-toggle:hover{background:var(--surface-active);box-shadow:var(--shadow-sm)}.mode-toggle svg{width:16px;height:16px}.widget-clock-time{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:300;letter-spacing:-.04em;line-height:1;color:var(--text-primary)}.widget-clock-seconds{font-size:var(--text-lg);color:var(--text-tertiary);font-weight:300;vertical-align:super;margin-left:2px}.widget-clock-date{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2)}.widget-weather-main{display:flex;align-items:center;gap:var(--space-4)}.widget-weather-temp{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:300;letter-spacing:-.03em;line-height:1}.widget-weather-icon{font-size:2.5rem}.widget-weather-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2);text-transform:capitalize}.widget-weather-details{display:flex;gap:var(--space-4);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary)}.widget-weather-detail{display:flex;align-items:center;gap:var(--space-1)}.widget-pomodoro-display{text-align:center}.widget-pomodoro-time{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:300;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.widget-pomodoro-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-top:var(--space-1)}.widget-pomodoro-ring{width:75px;height:75px;margin:var(--space-1) auto var(--space-2);position:relative}.widget-pomodoro-ring svg{transform:rotate(-90deg);width:100%;height:100%;overflow:visible}.widget-pomodoro-ring circle{fill:none;stroke-width:3;stroke-linecap:round}.widget-pomodoro-ring .ring-bg{stroke:var(--glass-bg-light)}.widget-pomodoro-ring .ring-fill{stroke:var(--accent-primary);transition:stroke-dashoffset 1s linear}.widget-pomodoro-controls{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-2)}.widget-pomodoro-sessions{display:flex;justify-content:center;gap:var(--space-1);margin-top:var(--space-2)}.widget-pomodoro-dot{width:6px;height:6px;border-radius:50%;background:var(--glass-bg-light)}.widget-pomodoro-dot.completed{background:var(--accent-primary)}.widget-todo-input-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.widget-todo-input{flex:1;padding:var(--space-2) var(--space-3);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-size:var(--text-sm);outline:none;transition:border-color var(--transition-fast)}.widget-todo-input:focus{border-color:var(--accent-primary)}.widget-todo-input::placeholder{color:var(--text-tertiary)}.widget-todo-list{display:flex;flex-direction:column;gap:var(--space-1);max-height:180px;overflow-y:auto}.widget-todo-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.widget-todo-item:hover{background:var(--surface-hover)}.widget-todo-checkbox{width:18px;height:18px;border-radius:var(--radius-sm);border:2px solid var(--text-tertiary);flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.widget-todo-checkbox.checked{background:var(--accent-primary);border-color:var(--accent-primary)}.widget-todo-checkbox.checked svg{color:var(--bg-primary)}.widget-todo-text{flex:1;font-size:var(--text-sm);transition:all var(--transition-fast);min-width:0;word-break:break-word;overflow-wrap:anywhere}.widget-todo-text.completed{text-decoration:line-through;color:var(--text-tertiary)}.widget-todo-delete{opacity:0;transition:opacity var(--transition-fast);color:var(--text-tertiary)}.widget-todo-item:hover .widget-todo-delete{opacity:1}.widget-nowplaying-content{display:flex;gap:var(--space-4);align-items:center}.widget-nowplaying-art{width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,var(--accent-tertiary),var(--accent-primary))}.widget-nowplaying-art img{width:100%;height:100%;object-fit:cover}.widget-nowplaying-info{flex:1;min-width:0}.widget-nowplaying-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.widget-nowplaying-artist{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.widget-nowplaying-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.widget-greeting-text{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;line-height:1.3}.widget-greeting-text span{color:var(--accent-primary)}.widget-greeting-sub{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2)}.widget-quote-text{font-size:var(--text-base);font-style:italic;color:var(--text-secondary);line-height:1.6;position:relative;padding-left:var(--space-4);border-left:2px solid var(--accent-primary)}.widget-quote-author{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-3);font-style:normal}.widget-quote-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--glass-border)}.widget-quote-nav-btn{width:28px;height:28px;border-radius:var(--radius-full);color:var(--text-tertiary);transition:all var(--transition-fast)}.widget-quote-nav-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.widget-quote-counter{font-size:var(--text-xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums;min-width:40px;text-align:center}#widget-pomodoro .widget-card-body{overflow:visible}#admin-panel{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:90vw;z-index:var(--z-admin);border-left:1px solid var(--glass-border);transform:translate(100%);transition:transform var(--transition-base);display:flex;flex-direction:column}#admin-panel.visible{transform:translate(0)}.admin-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:calc(var(--z-admin) - 1);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.admin-backdrop.visible{opacity:1;pointer-events:auto}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--glass-border);flex-shrink:0}.admin-header h2{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700}.admin-tabs{display:flex;border-bottom:1px solid var(--glass-border);padding:0 var(--space-5);flex-shrink:0}.admin-tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary);border-bottom:2px solid transparent;transition:all var(--transition-fast)}.admin-tab:hover{color:var(--text-secondary)}.admin-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.admin-content{flex:1;overflow-y:auto;padding:var(--space-5)}.upload-zone{border:2px dashed var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--space-5)}.upload-zone:hover,.upload-zone.dragover{border-color:var(--accent-primary);background:#5b9bd50d}.upload-zone-icon{margin-bottom:var(--space-3);color:var(--text-tertiary)}.upload-zone-icon svg{width:40px;height:40px}.upload-zone-text{font-size:var(--text-sm);color:var(--text-secondary)}.upload-zone-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.upload-progress-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--glass-bg-light);margin-bottom:var(--space-2)}.upload-progress-info{flex:1;min-width:0}.upload-progress-name{font-size:var(--text-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-progress-bar{height:3px;background:var(--bg-tertiary);border-radius:var(--radius-full);margin-top:var(--space-1);overflow:hidden}.upload-progress-fill{height:100%;background:var(--accent-primary);border-radius:var(--radius-full);transition:width .2s linear}.admin-list{display:flex;flex-direction:column;gap:var(--space-2)}.admin-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast)}.admin-list-item:hover{background:var(--surface-hover)}.admin-list-item-art{width:44px;height:44px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--bg-tertiary)}.admin-list-item-art img{width:100%;height:100%;object-fit:cover}.admin-list-item-info{flex:1;min-width:0}.admin-list-item-title{font-size:var(--text-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-list-item-meta{font-size:var(--text-xs);color:var(--text-tertiary)}.admin-list-item-actions{display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast)}.admin-list-item:hover .admin-list-item-actions{opacity:1}.admin-form{display:flex;flex-direction:column;gap:var(--space-4)}.admin-form-group{display:flex;flex-direction:column;gap:var(--space-1)}.admin-form-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.admin-form-input{padding:var(--space-2) var(--space-3);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-size:var(--text-sm);outline:none;transition:border-color var(--transition-fast)}.admin-form-input:focus{border-color:var(--accent-primary)}.tag-input-container{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);min-height:38px;cursor:text}.tag-input-container:focus-within{border-color:var(--accent-primary)}.tag-input-tag{display:inline-flex;align-items:center;gap:4px;padding:2px var(--space-2);background:var(--accent-primary);color:var(--bg-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.tag-input-tag button{font-size:var(--text-xs);opacity:.7;color:var(--bg-primary)}.tag-input-tag button:hover{opacity:1}.tag-input-field{border:none;background:transparent;outline:none;font-size:var(--text-sm);min-width:80px;flex:1}.tag-input-field::placeholder{color:var(--text-tertiary)}.playlist-track-list{display:flex;flex-direction:column;gap:2px}.playlist-track-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--glass-bg-light);cursor:grab}.playlist-track-item:active{cursor:grabbing}.playlist-track-drag{color:var(--text-tertiary);cursor:grab}.admin-empty{text-align:center;padding:var(--space-10) var(--space-5);color:var(--text-tertiary)}.admin-empty svg{width:48px;height:48px;margin-bottom:var(--space-3);opacity:.3}.admin-empty p{font-size:var(--text-sm)}.mood-chip-icon svg{width:14px;height:14px;color:inherit}.widget-config-item-icon .mood-svg{width:18px;height:18px;color:var(--accent-primary)}