@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{position:fixed;top:2rem;left:50%;transform:translate(-50%);z-index:10;text-align:center}@media (max-width: 768px){.header{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:100}}.brand{display:inline-block}.brand-title{font-family:"Press Start 2P",monospace;font-size:28px;color:#999;margin:0 0 .75rem;line-height:1;position:relative;letter-spacing:3px}.brand-definition{display:flex;flex-direction:column;align-items:center;gap:.25rem}.word-type{font-family:"Press Start 2P",monospace;font-size:7px;color:#666;font-style:italic;opacity:.8}.word-meaning{font-family:"Press Start 2P",monospace;font-size:7px;color:#777;letter-spacing:1px}@media (max-width: 768px){.brand-title{font-size:16px;letter-spacing:2px;margin-bottom:.5rem}.word-type,.word-meaning{font-size:5px}.brand-definition{gap:.15rem}}.music-player{width:100%;max-width:400px;margin:0 auto}.loading-state{text-align:center;padding:4rem;color:#ffffffe6}.loading-state p{font-family:"Press Start 2P",monospace;font-size:10px;letter-spacing:1px;color:#999}.loading-spinner{width:20px;height:20px;border:2px solid #222;border-top:2px solid #444;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player-card{background:#000000f2;border:2px solid #333;border-radius:0;padding:1.5rem;position:relative;overflow:hidden;box-shadow:4px 4px #00000080;outline:1px solid #000;outline-offset:-3px}.player-card:before{display:none}.now-playing{text-align:center;margin-bottom:3rem;position:relative;z-index:1}.section-title{font-family:"Press Start 2P",monospace;font-size:8px;color:#888;text-transform:lowercase;letter-spacing:2px;margin:0 0 1rem}.station-info{margin-bottom:1rem}.station-name{font-family:"Press Start 2P",monospace;font-size:11px;color:#bbb;margin:0 0 .75rem;line-height:1.4;max-width:100%;word-wrap:break-word}.station-details{font-family:"Press Start 2P",monospace;font-size:7px;color:#777;margin:0;letter-spacing:1px}.player-controls{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:2.5rem;position:relative;z-index:1}.control-btn{background:#000000e6;border:2px solid #333;color:#999;cursor:pointer;border-radius:0;transition:none;display:flex;align-items:center;justify-content:center;padding:0;position:relative;overflow:hidden;box-shadow:3px 3px #00000080;outline:1px solid #000;outline-offset:-3px}.control-btn:before{display:none}.control-btn.primary{width:50px;height:50px;border-color:#333;box-shadow:4px 4px #00000080}.control-btn.primary:hover{background:#000000f2;border-color:#444;transform:translate(-1px,-1px);box-shadow:5px 5px #00000080}.control-btn.secondary{width:40px;height:40px}.control-btn.secondary:hover{background:#000000f2;border-color:#444;transform:translate(-1px,-1px);box-shadow:4px 4px #00000080}.control-btn:disabled{opacity:.3;cursor:not-allowed;transform:none!important}.control-btn svg{width:20px;height:20px;position:relative;z-index:1}.control-btn.primary svg{width:28px;height:28px}.controls-footer{margin-top:1.5rem;position:relative;z-index:1}.volume-control{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem;background:#00000080;border:1px solid #222;border-radius:0;box-shadow:2px 2px #0000004d}.volume-icon{font-size:14px;color:#888}.volume-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff0d;outline:none;border-radius:2px;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#333;border:1px solid #444;border-radius:0;cursor:pointer}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:#333;border:1px solid #444;border-radius:0;cursor:pointer}.error-message{color:#9a6a6a;margin-top:.75rem;font-family:"Press Start 2P",monospace;font-size:8px}.desktop-only{display:block}@media (max-width: 768px){.desktop-only{display:none!important}}@media (max-width: 768px){.music-player{position:fixed!important;top:40%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:auto!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:.5rem!important;z-index:50}.player-card{padding:1rem!important;margin:0!important;width:280px!important;max-width:85vw!important;position:relative!important;border-radius:0!important;box-shadow:3px 3px #00000080!important}.controls-footer{margin-top:0!important}.section-title{font-size:8px!important;margin-bottom:.5rem!important}.station-name{font-size:9px!important;margin-bottom:.3rem!important}.station-details{font-size:6px!important;margin-bottom:1rem!important}.player-controls{gap:.8rem!important;margin:1rem 0!important}.control-btn{width:32px!important;height:32px!important}.control-btn.primary{width:40px!important;height:40px!important}.control-btn svg{width:12px!important;height:12px!important}.control-btn.primary svg{width:16px!important;height:16px!important}.volume-control{margin-bottom:.5rem!important;padding:.5rem!important}.volume-icon{font-size:10px!important}.volume-value{font-size:6px!important}}.sunny-mode .loading-state p{color:#5a4a3a}.sunny-mode .loading-spinner{border:2px solid #e5c990;border-top:2px solid #d5b980}.sunny-mode .player-card{background:#fff9e6fa;border-color:#e5c990;box-shadow:4px 4px #d5b98080;outline-color:#d5b980}.sunny-mode .section-title{color:#666}.sunny-mode .station-name{color:#333}.sunny-mode .station-details{color:#555}.sunny-mode .control-btn{background:#f0f0f0cc;border-color:#0000001a;color:#333;box-shadow:3px 3px #0003;outline-color:#0000001a}.sunny-mode .control-btn:before{background:#e0e0e0}.sunny-mode .control-btn:hover{background:#e6e6e6e6;border-color:#0003;transform:translate(-1px,-1px);box-shadow:4px 4px #0000004d}.sunny-mode .volume-control{background:#fafafa80;border-color:#0000000d;box-shadow:2px 2px #0000001a}.sunny-mode .volume-icon{color:#666}.sunny-mode .volume-slider{background:#0000001a}.sunny-mode .volume-slider::-webkit-slider-thumb{background:#888;border-color:#666;border-radius:0}.sunny-mode .volume-slider::-moz-range-thumb{background:#888;border-color:#666;border-radius:0}.sunny-mode .volume-value{color:#666}.sunny-mode .error-message{color:#a66666}@media (max-width: 480px){.music-player{top:38%!important;padding:.3rem!important}.player-card{padding:.8rem!important;width:260px!important;max-width:80vw!important}.section-title{font-size:7px!important}.station-name{font-size:8px!important}.station-details{font-size:5px!important}.control-btn.primary{width:36px!important;height:36px!important}.control-btn{width:28px!important;height:28px!important}.control-btn svg{width:10px!important;height:10px!important}.control-btn.primary svg{width:14px!important;height:14px!important}.volume-icon{font-size:8px!important}.volume-value{font-size:5px!important}}.mobile-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:100;border-radius:0}.mobile-play-content{text-align:center;padding:2rem}.mobile-play-title{font-family:"Press Start 2P",monospace;font-size:14px;color:#fff;margin:0 0 1.5rem;text-transform:uppercase;letter-spacing:1px}.mobile-play-btn{background:#333;border:3px solid #666;border-radius:0;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;cursor:pointer;transition:none;padding:0;box-shadow:4px 4px #00000080}.mobile-play-btn:hover,.mobile-play-btn:active{background:#444;border-color:#777;transform:translate(-2px,-2px);box-shadow:6px 6px #00000080}.play-icon-large{width:50px;height:50px;color:#fff;margin-left:5px}.mobile-play-text{font-family:"Press Start 2P",monospace;font-size:8px;color:#888;margin:0;line-height:1.4}.sunny-mode .mobile-play-overlay{background:#fff9e6fa}.sunny-mode .mobile-play-title{color:#5a4a3a}.sunny-mode .mobile-play-btn{background:#f5d49a;border-color:#e5c990}.sunny-mode .mobile-play-btn:hover,.sunny-mode .mobile-play-btn:active{background:#e5c990;border-color:#d5b980}.sunny-mode .play-icon-large{color:#5a4a3a}.sunny-mode .mobile-play-text{color:#8a7a6a}.snowy-mode .loading-state p{color:#4a5a7a}.snowy-mode .loading-spinner{border:2px solid #a8c5e6;border-top:2px solid #8fb5e0}.snowy-mode .player-card{background:#e6f0fffa;border-color:#a8c5e6;box-shadow:4px 4px #a8c5e680;outline-color:#8fb5e0}.snowy-mode .section-title{color:#666}.snowy-mode .station-name{color:#333}.snowy-mode .station-details{color:#555}.snowy-mode .control-btn{background:#f0f0f0cc;border-color:#0000001a;color:#333;box-shadow:3px 3px #0003;outline-color:#0000001a}.snowy-mode .control-btn:before{background:#e0e0e0}.snowy-mode .control-btn:hover{background:#e6e6e6e6;border-color:#0003;transform:translate(-1px,-1px);box-shadow:4px 4px #0000004d}.snowy-mode .volume-control{background:#fafafa80;border-color:#0000000d;box-shadow:2px 2px #0000001a}.snowy-mode .volume-icon{color:#666}.snowy-mode .volume-slider{background:#0000001a}.snowy-mode .volume-slider::-webkit-slider-thumb{background:#888;border-color:#666;border-radius:0}.snowy-mode .volume-slider::-moz-range-thumb{background:#888;border-color:#666;border-radius:0}.snowy-mode .volume-value{color:#666}.snowy-mode .error-message{color:#a66666}.snowy-mode .mobile-play-overlay{background:#e6f0fffa}.snowy-mode .mobile-play-title{color:#4a5a7a}.snowy-mode .mobile-play-btn{background:#a8c5e6;border-color:#a8c5e6}.snowy-mode .mobile-play-btn:hover,.snowy-mode .mobile-play-btn:active{background:#a8c5e6;border-color:#8fb5e0}.snowy-mode .play-icon-large{color:#4a5a7a}.snowy-mode .mobile-play-text{color:#7a8aa8}.autumn-mode .loading-state p{color:#772f1a}.autumn-mode .loading-spinner{border:2px solid #f58549;border-top:2px solid #772f1a}.autumn-mode .player-card{background:#eec170fa;border-color:#f58549;box-shadow:4px 4px #772f1a80;outline-color:#772f1a}.autumn-mode .section-title,.autumn-mode .station-name{color:#772f1a}.autumn-mode .station-details{color:#585123}.autumn-mode .control-btn{background:#eec170e6;border-color:#772f1a4d;color:#772f1a;box-shadow:3px 3px #772f1a4d;outline-color:#772f1a1a}.autumn-mode .control-btn:before{background:#f58549}.autumn-mode .control-btn:hover{background:#f2a65ae6;border-color:#772f1a4d;transform:translate(-1px,-1px);box-shadow:4px 4px #772f1a66}.autumn-mode .volume-control{background:#f585494d;border-color:#772f1a33;box-shadow:2px 2px #772f1a33}.autumn-mode .volume-icon{color:#772f1a}.autumn-mode .volume-slider::-webkit-slider-thumb{background:#f58549;border-color:#772f1a;border-radius:0}.autumn-mode .volume-slider::-moz-range-thumb{background:#f58549;border-color:#772f1a;border-radius:0}.autumn-mode .volume-value,.autumn-mode .error-message{color:#772f1a}.autumn-mode .mobile-play-overlay{background:#eec170fa}.autumn-mode .mobile-play-title{color:#772f1a}.autumn-mode .mobile-play-btn{background:#f2a65a;border-color:#f58549}.autumn-mode .mobile-play-btn:hover,.autumn-mode .mobile-play-btn:active{background:#f58549;border-color:#772f1a}.autumn-mode .play-icon-large{color:#772f1a}.mood-decoration{position:absolute;top:10px;right:15px;display:flex;align-items:center;gap:8px;z-index:10;opacity:.7;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}@media (max-width: 768px){.mood-decoration{position:static;justify-content:center;margin-bottom:1rem;opacity:.6}}.sunny-decoration .pixel-sun{font-size:20px}.sunny-decoration .pixel-sparkles{display:flex;flex-direction:column;gap:2px}.sunny-decoration .sparkle{font-size:8px}.rainy-decoration .main-cloud{font-size:18px;color:#666}.rainy-decoration .pixel-clouds{display:flex;flex-direction:column;gap:1px}.rainy-decoration .cloud{color:#777}.rainy-decoration .small-cloud{font-size:12px}.rainy-decoration .medium-cloud{font-size:10px}.rainy-decoration .tiny-cloud{font-size:8px}.snowy-decoration .main-snowflake{font-size:18px;color:#fff}.snowy-decoration .pixel-snowfall{display:flex;flex-direction:column;gap:1px}.snowy-decoration .snowflake{color:#f0f8ff}.snowy-decoration .large-flake{font-size:14px}.snowy-decoration .medium-flake{font-size:12px}.snowy-decoration .small-flake{font-size:10px}.autumn-decoration .pixel-leaf{font-size:18px}.autumn-decoration .pixel-leaves{display:flex;flex-direction:column;gap:1px}.autumn-decoration .leaf{font-size:9px}.autumn-mode .mobile-play-text{color:#772f1a}.audio-filters-container{position:fixed;bottom:2rem;right:2rem;z-index:100}.filters-toggle-btn{background:#000000e6;border:2px solid #333;border-radius:0;padding:.5rem .75rem;color:#888;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:.5rem;transition:none;box-shadow:4px 4px #00000080;text-transform:lowercase;outline:1px solid #000;outline-offset:-3px}.filters-toggle-btn:hover{background:#000000f2;border-color:#444;color:#aaa;transform:translate(-1px,-1px);box-shadow:5px 5px #00000080}.filters-toggle-btn:active{transform:translate(0);box-shadow:3px 3px #00000080}.toggle-icon{font-size:12px;display:inline-block}.audio-filters{position:absolute;bottom:100%;right:0;margin-bottom:1rem;width:320px;padding:1rem;background:#000000f2;border:2px solid #333;border-radius:0;box-shadow:4px 4px #00000080}.filters-grid{display:grid;gap:.75rem}.filter-control{background:#14141499;border:1px solid #222;border-radius:0;padding:.75rem;transition:none}.filter-control.active{background:#1e1e1ecc;border-color:#333}.filter-toggle{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;color:#888;cursor:pointer;padding:0;font-family:"Press Start 2P",monospace;font-size:8px;text-align:left;text-transform:lowercase}.filter-toggle:hover{color:#aaa}.filter-indicator{font-size:10px;display:inline-block;width:15px;opacity:1}.filter-name{flex:1}.volume-control{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;padding:0 .25rem}.volume-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff0d;outline:none;border:none;border-radius:2px;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#333;border:1px solid #444;border-radius:2px;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:#333;border:1px solid #444;border-radius:2px;cursor:pointer}.volume-value{font-family:"Press Start 2P",monospace;font-size:7px;color:#888;min-width:30px;text-align:right}.sunny-mode .filters-toggle-btn{background:#fff9e6f2;border-color:#e5c990;color:#5a4a3a;box-shadow:4px 4px #d5b98080}.sunny-mode .filters-toggle-btn:hover{background:#fff9e6fa;border-color:#d5b980;color:#4a3a2a;box-shadow:5px 5px #d5b98080}.sunny-mode .audio-filters{background:#fff9e6fa;border-color:#e5c990;box-shadow:4px 4px #d5b98080}.sunny-mode .filter-control{background:#f0e6d880;border-color:#d5b9804d}.sunny-mode .filter-control.active{background:#e8dcc8cc;border-color:#d5b98080}.sunny-mode .filter-indicator{color:#5a4a3a}.sunny-mode .volume-slider::-webkit-slider-thumb{background:#8b7355;border-color:#6b5545}.sunny-mode .volume-slider::-moz-range-thumb{background:#8b7355;border-color:#6b5545}.sunny-mode .volume-value{color:#5a4a3a}@media (max-width: 768px){.audio-filters-container{position:fixed;bottom:auto;top:1rem;right:1rem;left:auto}.filters-toggle-btn{padding:.4rem .6rem;font-size:7px;border-radius:0;box-shadow:3px 3px #00000080}.toggle-icon{font-size:10px}.audio-filters{position:absolute;top:100%;bottom:auto;right:0;margin-top:.5rem;width:240px;padding:.75rem}.filter-toggle{font-size:7px}.filter-control{padding:.5rem}.volume-control{gap:.5rem;margin-top:.5rem}.volume-value{font-size:6px}}.snowy-mode .filters-toggle-btn{background:#e6f0fff2;border-color:#a8c5e6;color:#4a5a7a;box-shadow:4px 4px #a8c5e680}.snowy-mode .audio-filters{background:#e6f0fffa;border-color:#a8c5e6;box-shadow:4px 4px #a8c5e680}.snowy-mode .filter-control{background:#f0e6d880;border-color:#a8c5e64d}.snowy-mode .filter-control.active{background:#e8dcc8cc;border-color:#a8c5e680}.snowy-mode .filter-indicator{color:#4a5a7a}.snowy-mode .volume-slider{background:#5a4a3a1a}.snowy-mode .volume-slider::-webkit-slider-thumb{background:#8b7355;border-color:#6b5545}.snowy-mode .volume-slider::-moz-range-thumb{background:#8b7355;border-color:#6b5545}.snowy-mode .volume-value{color:#4a5a7a}.autumn-mode .filters-toggle-btn{background:#eec170f2;border-color:#f58549;color:#585123;box-shadow:4px 4px #772f1a80}.autumn-mode .audio-filters{background:#eec170fa;border-color:#f58549;box-shadow:4px 4px #772f1a80}.autumn-mode .filter-control{background:#f5854980;border-color:#772f1a4d}.autumn-mode .filter-control.active{background:#f2a65acc;border-color:#772f1a80}.autumn-mode .filter-toggle{color:#585123}.autumn-mode .filter-toggle:hover{color:#772f1a}.autumn-mode .filter-indicator{color:#585123}.autumn-mode .volume-slider{background:#772f1a33}.autumn-mode .volume-slider::-webkit-slider-thumb{background:#f58549;border-color:#772f1a}.autumn-mode .volume-slider::-moz-range-thumb{background:#f58549;border-color:#772f1a}.autumn-mode .volume-value{color:#585123}.pixel-rain{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.todo-list{font-family:"Press Start 2P",monospace}.todo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.todo-header-controls{display:flex;gap:.5rem;align-items:center}.todo-title{font-size:10px;color:#888;margin:0}.pin-btn,.close-btn{background:none;border:none;color:#888;font-size:12px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.pin-btn:hover,.close-btn:hover{color:#fff}.pin-btn{font-size:10px}.todo-date{font-size:7px;color:#666;margin-bottom:1rem}.todo-form{display:flex;gap:.5rem;margin-bottom:1rem}.todo-input{flex:1;background:#111;border:2px solid #333;color:#888;font-family:"Press Start 2P",monospace;font-size:8px;padding:.5rem;border-radius:0}.todo-input:focus{outline:none;border-color:#555;color:#aaa}.add-btn{background:#1a1a1a;border:2px solid #333;color:#888;font-family:"Press Start 2P",monospace;font-size:14px;padding:.5rem .75rem;cursor:pointer;border-radius:0}.add-btn:hover{background:#222;border-color:#444;color:#aaa}.todos{max-height:250px;overflow-y:auto}.empty-state{font-size:8px;color:#555;text-align:center;padding:2rem 0}.todo-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-bottom:1px solid #222}.todo-item:hover{background:#ffffff05}.checkbox{background:none;border:none;color:#888;font-size:12px;cursor:pointer;padding:0}.todo-item.completed .checkbox{color:#4a4}.todo-text{flex:1;font-size:8px;color:#888}.todo-item.completed .todo-text{color:#555;text-decoration:line-through}.delete-btn{background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:0;opacity:0;transition:opacity .2s}.todo-item:hover .delete-btn{opacity:1}.delete-btn:hover{color:#a44}.sunny-mode .pin-btn,.sunny-mode .close-btn{color:#5a4a3a}.sunny-mode .pin-btn:hover,.sunny-mode .close-btn:hover{color:#3a2a1a}.sunny-mode .todo-input{background:#fff;border-color:#e5c990;color:#5a4a3a}.sunny-mode .todo-input:focus{border-color:#d5b980;color:#4a3a2a}.sunny-mode .add-btn{background:#ffe8b8;border-color:#f5d49a;color:#5a4a3a}.sunny-mode .add-btn:hover{background:#ffd9a0;border-color:#e5c990}.sunny-mode .todo-item{border-bottom-color:#f0e0d0}.sunny-mode .todo-text{color:#5a4a3a}.sunny-mode .todo-item.completed .todo-text{color:#9a8a7a}.snowy-mode .pin-btn,.snowy-mode .close-btn{color:#4a5a7a}.snowy-mode .pin-btn:hover,.snowy-mode .close-btn:hover{color:#3a2a1a}.snowy-mode .todo-input{background:#fff;border-color:#a8c5e6;color:#4a5a7a}.snowy-mode .todo-input:focus{border-color:#8fb5e0;color:#3a4a6a}.snowy-mode .add-btn{background:#d8e8ff;border-color:#a8c5e6;color:#4a5a7a}.snowy-mode .add-btn:hover{background:#c8dcf5;border-color:#a8c5e6}.snowy-mode .todo-item{border-bottom-color:#f0e0d0}.snowy-mode .todo-text{color:#4a5a7a}.snowy-mode .todo-item.completed .todo-text{color:#9a8a7a}.autumn-mode .pin-btn,.autumn-mode .close-btn{color:#585123}.autumn-mode .pin-btn:hover,.autumn-mode .close-btn:hover{color:#772f1a}.autumn-mode .todo-input{background:#fff;border-color:#f58549;color:#585123}.autumn-mode .todo-input:focus{border-color:#772f1a;color:#585123}.autumn-mode .add-btn{background:#f2a65a;border-color:#f58549;color:#585123}.autumn-mode .add-btn:hover{background:#f58549;border-color:#772f1a}.autumn-mode .todo-item{border-bottom-color:#f58549}.autumn-mode .todo-text{color:#585123}.autumn-mode .todo-item.completed .todo-text{color:#772f1a}.timer-complete-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.timer-complete-dialog{background:#000000f2;border:2px solid #333;border-radius:0;min-width:320px;max-width:400px;width:auto;height:auto;position:relative;overflow:hidden;animation:dialogBounceIn .5s ease-out;box-shadow:4px 4px #00000080;font-family:"Press Start 2P",monospace}@keyframes dialogBounceIn{0%{transform:scale(.8) translateY(-50px);opacity:0}50%{transform:scale(1.05) translateY(0)}to{transform:scale(1) translateY(0);opacity:1}}.dialog-header{background:#1a1a1a;border-bottom:2px solid #333;padding:.75rem;display:flex;justify-content:space-between;align-items:center}.dialog-content{padding:1.5rem;text-align:center}.pixel-bell{width:64px;height:64px;margin:0 auto 1.5rem;position:relative;animation:bellRing .5s ease-in-out infinite alternate}@keyframes bellRing{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}.bell-icon{font-size:48px;filter:drop-shadow(0 0 10px #ffdc7a)}.dialog-header-title{font-size:10px;color:#aaa}.close-btn{background:none;border:none;color:#888;font-size:14px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:#fff}.dialog-title{font-size:12px;color:#fff;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:1px;animation:titlePulse 1s ease-in-out infinite}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.dialog-description{font-size:8px;color:#888;margin:0 0 1.5rem;line-height:1.6}.dialog-ok-btn{background:#1a1a1a;border:2px solid #333;color:#888;padding:.5rem 1.5rem;font-family:"Press Start 2P",monospace;font-size:10px;cursor:pointer;border-radius:0;transition:all .2s ease}.dialog-ok-btn:hover{background:#222;border-color:#444;color:#aaa}.dialog-ok-btn:active{transform:translate(1px,1px)}.timer-complete-overlay.sunny-mode{background:#fff9e6e6}.sunny-mode .timer-complete-dialog{background:#fffffff2;border-color:#e5c990;color:#5a4a3a;box-shadow:4px 4px #d5b98080}.sunny-mode .dialog-header{background:#fff9e6;border-bottom-color:#e5c990}.sunny-mode .dialog-header-title{color:#5a4a3a}.sunny-mode .close-btn{color:#8a7a6a}.sunny-mode .close-btn:hover{color:#5a4a3a}.sunny-mode .bell-icon{filter:drop-shadow(0 0 10px #e5c990)}.sunny-mode .dialog-title{color:#5a4a3a}.sunny-mode .dialog-description{color:#8a7a6a}.sunny-mode .dialog-ok-btn{background:#fff9e6;border-color:#e5c990;color:#5a4a3a}.sunny-mode .dialog-ok-btn:hover{background:#ffeab8;border-color:#d5b980;color:#4a3a2a}@media (max-width: 768px){.timer-complete-dialog{min-width:280px;padding:1.5rem}.pixel-bell{width:48px;height:48px}.dialog-title{font-size:14px}.dialog-description{font-size:8px}.dialog-close-btn{font-size:10px;padding:.5rem 1.5rem}}.snowy-mode{background:#e6f0ffe6}.snowy-mode .timer-complete-dialog{background:#fffffff2;border-color:#a8c5e6;color:#4a5a7a;box-shadow:4px 4px #a8c5e680}.snowy-mode .dialog-header{background:#e6f0ff;border-bottom-color:#a8c5e6}.snowy-mode .dialog-header-title{color:#4a5a7a}.snowy-mode .close-btn{color:#7a8aa8}.snowy-mode .close-btn:hover{color:#4a5a7a}.snowy-mode .bell-icon{filter:drop-shadow(0 0 10px #a8c5e6)}.snowy-mode .dialog-title{color:#4a5a7a}.snowy-mode .dialog-description{color:#7a8aa8}.snowy-mode .dialog-ok-btn{background:#e6f0ff;border-color:#a8c5e6;color:#4a5a7a}.snowy-mode .dialog-ok-btn:hover{background:#ffeab8;border-color:#8fb5e0;color:#3a4a6a}.timer-complete-overlay.autumn-mode{background:#585123e6}.autumn-mode .timer-complete-dialog{background:#eec170fa;border-color:#f58549;box-shadow:6px 6px #772f1a80}.autumn-mode .dialog-header{background:#f5854966;border-color:#772f1a33}.autumn-mode .dialog-header-title,.autumn-mode .close-btn{color:#585123}.autumn-mode .close-btn:hover{color:#772f1a}.autumn-mode .bell-icon{filter:sepia(.5) brightness(.8)}.autumn-mode .dialog-title{color:#585123}.autumn-mode .dialog-description{color:#772f1a}.autumn-mode .dialog-ok-btn{background:#f2a65a;border-color:#f58549;color:#585123}.autumn-mode .dialog-ok-btn:hover{background:#f58549;border-color:#772f1a;color:#585123}.timer{font-family:"Press Start 2P",monospace;transition:all .3s ease}.timer-flashing{animation:timerFlash .5s ease-in-out infinite}@keyframes timerFlash{0%,to{background:#ff00004d;transform:scale(1);box-shadow:0 0 20px #ff000080}50%{background:#ff646480;transform:scale(1.02);box-shadow:0 0 40px #f00c}}.timer-flashing .timer-display{animation:displayPulse .3s ease-in-out infinite;color:#f33!important}@keyframes displayPulse{0%,to{transform:scale(1);text-shadow:0 0 10px rgba(255,0,0,.8)}50%{transform:scale(1.1);text-shadow:0 0 20px rgba(255,0,0,1)}}.timer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.timer-title{font-size:10px;color:#888;margin:0}.timer-modes{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.mode-btn{background:#1a1a1a;border:2px solid #333;font-size:20px;padding:.5rem;cursor:pointer;border-radius:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;position:relative}.mode-icon{font-family:"Press Start 2P",monospace;font-size:16px;color:#888}.mode-btn.active .mode-icon{color:#fff}.mode-btn:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:4px 8px;background:#000000e6;border:2px solid #333;color:#888;font-size:7px;font-family:"Press Start 2P",monospace;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.mode-btn:hover:before{opacity:1}.mode-btn:hover{background:#222;border-color:#444}.mode-btn.active{background:#333;border-color:#555}.timer-display{font-size:24px;color:#888;text-align:center;margin:2rem 0;letter-spacing:2px}.countdown-input{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.minutes-input{background:#111;border:2px solid #333;color:#888;font-family:"Press Start 2P",monospace;font-size:10px;padding:.5rem;width:60px;text-align:center;border-radius:0}.minutes-input:focus{outline:none;border-color:#555;color:#aaa}.minutes-input:disabled{opacity:.5}.input-label{font-size:8px;color:#666}.timer-controls{display:flex;gap:1rem;justify-content:center}.control-btn{background:#1a1a1a;border:2px solid #333;color:#888;font-size:20px;padding:.75rem 1rem;cursor:pointer;border-radius:0;min-width:60px}.control-btn:hover{background:#222;border-color:#444;color:#fff}.timer-info{font-size:7px;color:#555;text-align:center;margin-top:1.5rem}.sunny-mode .mode-btn{background:#ffe8b8;border-color:#f5d49a}.sunny-mode .mode-btn:hover{background:#ffd9a0;border-color:#e5c990}.sunny-mode .mode-btn.active{background:#f5d49a;border-color:#e5c990}.sunny-mode .minutes-input{background:#fff;border-color:#e5c990;color:#5a4a3a}.sunny-mode .minutes-input:focus{border-color:#d5b980;color:#4a3a2a}.sunny-mode .control-btn{background:#ffe8b8;border-color:#f5d49a;color:#5a4a3a}.sunny-mode .control-btn:hover{background:#ffd9a0;border-color:#e5c990;color:#3a2a1a}.sunny-mode .timer-display{color:#5a4a3a}.sunny-mode .timer-info{color:#8a7a6a}.snowy-mode .mode-btn{background:#d8e8ff;border-color:#a8c5e6}.snowy-mode .mode-btn:hover{background:#c8dcf5;border-color:#a8c5e6}.snowy-mode .mode-btn.active{background:#a8c5e6;border-color:#a8c5e6}.snowy-mode .minutes-input{background:#fff;border-color:#a8c5e6;color:#4a5a7a}.snowy-mode .minutes-input:focus{border-color:#8fb5e0;color:#3a4a6a}.snowy-mode .control-btn{background:#d8e8ff;border-color:#a8c5e6;color:#4a5a7a}.snowy-mode .control-btn:hover{background:#c8dcf5;border-color:#a8c5e6;color:#3a2a1a}.snowy-mode .timer-display{color:#4a5a7a}.snowy-mode .timer-info{color:#7a8aa8}.autumn-mode .mode-btn{background:#f2a65a;border-color:#f58549}.autumn-mode .mode-btn:hover{background:#f58549;border-color:#772f1a}.autumn-mode .mode-btn.active{background:#772f1a;border-color:#585123}.autumn-mode .minutes-input{background:#fff;border-color:#f58549;color:#585123}.autumn-mode .minutes-input:focus{border-color:#772f1a;color:#585123}.autumn-mode .control-btn{background:#f2a65a;border-color:#f58549;color:#585123}.autumn-mode .control-btn:hover{background:#f58549;border-color:#772f1a;color:#585123}.autumn-mode .timer-display{color:#585123}.autumn-mode .timer-info{color:#772f1a}.video-player{position:fixed;background:#000000f2;border:2px solid #333;border-radius:0;z-index:200;font-family:"Press Start 2P",monospace;-webkit-user-select:none;user-select:none;cursor:move;box-shadow:4px 4px #00000080;display:flex;flex-direction:column}.video-header{background:#1a1a1a;border-bottom:2px solid #333;padding:.5rem;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#888;cursor:move}.video-title{color:#aaa}.video-controls{display:flex;gap:.5rem}.video-btn{background:transparent;border:1px solid #555;color:#888;font-family:"Press Start 2P",monospace;font-size:8px;padding:2px 6px;cursor:pointer;border-radius:0}.video-btn:hover{background:#333;color:#aaa}.url-input-form{padding:.5rem;border-bottom:1px solid #333;display:flex;gap:.5rem}.url-input{flex:1;background:#111;border:1px solid #333;color:#888;font-family:"Press Start 2P",monospace;font-size:8px;padding:.25rem;border-radius:0}.url-input:focus{outline:none;border-color:#555;color:#aaa}.url-submit{background:#1a1a1a;border:1px solid #333;color:#888;font-family:"Press Start 2P",monospace;font-size:8px;padding:.25rem .5rem;cursor:pointer;border-radius:0}.url-submit:hover{background:#333;color:#aaa}.video-content{flex:1;position:relative}.video-content iframe{width:100%;height:100%;border:none}.video-player.resizing .video-content:after{content:"";position:absolute;inset:0;background:transparent;z-index:10;cursor:se-resize}.resize-handle{position:absolute;bottom:0;right:0;width:15px;height:15px;background:#333;cursor:se-resize}.resize-handle:before{content:"";position:absolute;bottom:2px;right:2px;width:0;height:0;border-left:8px solid transparent;border-bottom:8px solid #666}.sunny-mode .video-player{background:#fff9e6fa;border-color:#e5c990}.sunny-mode .video-header{background:#ffe8b8;border-color:#e5c990}.sunny-mode .video-title{color:#5a4a3a}.sunny-mode .video-btn{border-color:#d5b980;color:#5a4a3a}.sunny-mode .video-btn:hover{background:#f5d49a;color:#4a3a2a}.sunny-mode .url-input{background:#fff;border-color:#e5c990;color:#5a4a3a}.sunny-mode .url-input:focus{border-color:#d5b980;color:#4a3a2a}.sunny-mode .url-submit{background:#ffe8b8;border-color:#e5c990;color:#5a4a3a}.sunny-mode .url-submit:hover{background:#f5d49a;color:#4a3a2a}.sunny-mode .url-input-form{border-color:#e5c990}.sunny-mode .resize-handle{background:#e5c990}.sunny-mode .resize-handle:before{border-bottom-color:#d5b980}.snowy-mode .video-player{background:#e6f0fffa;border-color:#a8c5e6}.snowy-mode .video-header{background:#d8e8ff;border-color:#a8c5e6}.snowy-mode .video-title{color:#4a5a7a}.snowy-mode .video-btn{border-color:#8fb5e0;color:#4a5a7a}.snowy-mode .video-btn:hover{background:#a8c5e6;color:#3a4a6a}.snowy-mode .url-input{background:#fff;border-color:#a8c5e6;color:#4a5a7a}.snowy-mode .url-input:focus{border-color:#8fb5e0;color:#3a4a6a}.snowy-mode .url-submit{background:#d8e8ff;border-color:#a8c5e6;color:#4a5a7a}.snowy-mode .url-submit:hover{background:#a8c5e6;color:#3a4a6a}.snowy-mode .url-input-form{border-color:#a8c5e6}.autumn-mode .video-player{background:#eec170fa;border-color:#f58549}.autumn-mode .video-header{background:#f2a65a;border-color:#f58549}.autumn-mode .video-title{color:#585123}.autumn-mode .video-btn{border-color:#772f1a;color:#585123}.autumn-mode .video-btn:hover{background:#f58549;color:#585123}.autumn-mode .url-input{background:#fff;border-color:#f58549;color:#585123}.autumn-mode .url-input:focus{border-color:#772f1a;color:#585123}.autumn-mode .url-submit{background:#f2a65a;border-color:#f58549;color:#585123}.autumn-mode .url-submit:hover{background:#f58549;color:#585123}.autumn-mode .url-input-form{border-color:#f58549}.snowy-mode .resize-handle{background:#a8c5e6}.snowy-mode .resize-handle:before{border-bottom-color:#8fb5e0}.autumn-mode .resize-handle{background:#f58549}.autumn-mode .resize-handle:before{border-bottom-color:#772f1a}.detached-todo-list{position:fixed;background:#000000f2;border:2px solid #333;border-radius:0;z-index:200;font-family:"Press Start 2P",monospace;-webkit-user-select:none;user-select:none;cursor:move;box-shadow:4px 4px #00000080;display:flex;flex-direction:column}.detached-todo-header{background:#1a1a1a;border-bottom:2px solid #333;padding:.5rem;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#888;cursor:move}.detached-todo-title{color:#aaa}.detached-todo-controls{display:flex;gap:.5rem}.detached-todo-btn{background:transparent;border:1px solid #555;color:#888;font-family:"Press Start 2P",monospace;font-size:8px;padding:2px 6px;cursor:pointer;border-radius:0}.detached-todo-btn:hover{background:#333;color:#aaa}.detached-todo-content{flex:1;overflow:hidden;padding:0;position:relative}.detached-todo-list.resizing .detached-todo-content:after{content:"";position:absolute;inset:0;background:transparent;z-index:10;cursor:se-resize}.detached-todo-content .todo-list{height:100%;background:transparent;border:none;padding:1rem;box-shadow:none}.detached-todo-content .todo-header{display:none}.detached-todo-resize-handle{position:absolute;bottom:0;right:0;width:15px;height:15px;background:#333;cursor:se-resize}.detached-todo-resize-handle:before{content:"";position:absolute;bottom:2px;right:2px;width:0;height:0;border-left:8px solid transparent;border-bottom:8px solid #666}.sunny-mode .detached-todo-list{background:#fff9e6fa;border-color:#e5c990}.sunny-mode .detached-todo-header{background:#ffe8b8;border-color:#e5c990}.sunny-mode .detached-todo-title{color:#5a4a3a}.sunny-mode .detached-todo-btn{border-color:#d5b980;color:#5a4a3a}.sunny-mode .detached-todo-btn:hover{background:#f5d49a;color:#4a3a2a}.sunny-mode .detached-todo-resize-handle{background:#e5c990}.sunny-mode .detached-todo-resize-handle:before{border-bottom-color:#d5b980}@media (max-width: 768px){.detached-todo-list{width:90vw!important;max-width:300px}.detached-todo-header{font-size:7px;padding:.3rem}.detached-todo-btn{font-size:7px;padding:1px 4px}.detached-todo-resize-handle{width:12px;height:12px}.detached-todo-resize-handle:before{border-left:6px solid transparent;border-bottom:6px solid #666}.sunny-mode .detached-todo-resize-handle:before{border-bottom-color:#d5b980}}.snowy-mode .detached-todo-list{background:#e6f0fffa;border-color:#a8c5e6}.snowy-mode .detached-todo-header{background:#d8e8ff;border-color:#a8c5e6}.snowy-mode .detached-todo-title{color:#4a5a7a}.snowy-mode .detached-todo-btn{border-color:#8fb5e0;color:#4a5a7a}.snowy-mode .detached-todo-btn:hover{background:#a8c5e6;color:#3a4a6a}.snowy-mode .detached-todo-resize-handle{background:#a8c5e6}.autumn-mode .detached-todo-list{background:#eec170fa;border-color:#f58549}.autumn-mode .detached-todo-header{background:#f2a65a;border-color:#f58549}.autumn-mode .detached-todo-title{color:#585123}.autumn-mode .detached-todo-btn{border-color:#772f1a;color:#585123}.autumn-mode .detached-todo-btn:hover{background:#f58549;color:#585123}.autumn-mode .detached-todo-resize-handle{background:#f58549}.autumn-mode .detached-todo-resize-handle:before{border-bottom-color:#772f1a}.snowy-mode .detached-todo-resize-handle:before{border-bottom-color:#8fb5e0}.toolbar{position:fixed;bottom:4rem;left:50%;transform:translate(-50%);z-index:90;display:flex;gap:.5rem;background:#000000e6;padding:.5rem;border:2px solid #333;border-radius:0;box-shadow:4px 4px #00000080}.toolbar-btn{background:#1a1a1a;border:2px solid #333;color:#888;font-family:"Press Start 2P",monospace;font-size:16px;padding:.5rem .75rem;cursor:pointer;transition:none;border-radius:0;position:relative}.toolbar-btn:hover{background:#222;border-color:#444;color:#aaa;transform:translate(-1px,-1px);box-shadow:2px 2px #000}.toolbar-btn.active{background:#333;border-color:#555;color:#fff}.toolbar-icon{display:block;image-rendering:pixelated}.timer-icon{width:16px;height:16px;filter:invert(1) brightness(.8)}.toolbar-btn{position:relative}.toolbar-btn:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:4px 8px;background:#000000e6;border:2px solid #333;color:#888;font-size:8px;font-family:"Press Start 2P",monospace;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;box-shadow:2px 2px #00000080}.toolbar-btn:hover:before{opacity:1}.minimized-timer{position:fixed;left:1rem;bottom:50%;transform:translateY(50%);background:#000000e6;border:2px solid #333;padding:.75rem 1rem;font-family:"Press Start 2P",monospace;font-size:10px;color:#888;cursor:pointer;animation:slideIn .3s ease-out;display:flex;align-items:center;gap:.5rem;z-index:80}.minimized-timer:hover{background:#000000f2;border-color:#444;color:#aaa}.timer-running{color:#4a4;animation:pulse 1s infinite}@keyframes slideIn{0%{transform:translateY(50%) translate(-100%)}to{transform:translateY(50%) translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.toolbar-panel{position:fixed;bottom:8rem;left:50%;transform:translate(-50%);z-index:85;background:#000000f2;border:2px solid #333;border-radius:0;padding:1rem;min-width:300px;max-width:400px;max-height:400px;overflow-y:auto;box-shadow:4px 4px #00000080}.sunny-mode .toolbar{background:#fff9e6f2;border-color:#f5d49a80}.sunny-mode .toolbar-btn{background:#ffe8b8;border-color:#f5d49a;color:#5a4a3a}.sunny-mode .toolbar-btn:hover{background:#ffd9a0;border-color:#e5c990}.sunny-mode .toolbar-btn.active{background:#f5d49a;border-color:#e5c990;color:#3a2a1a}.sunny-mode .toolbar-btn:before{background:#fff9e6f2;border-color:#e5c990;color:#5a4a3a}.sunny-mode .timer-icon{filter:invert(0) brightness(.3)}.sunny-mode .toolbar-panel{background:#fff9e6fa;border-color:#f5d49a80}.sunny-mode .minimized-timer{background:#fff9e6f2;border-color:#e5c990;color:#5a4a3a}.sunny-mode .minimized-timer:hover{background:#fff9e6fa;border-color:#d5b980;color:#4a3a2a}@media (max-width: 768px){.toolbar,.toolbar-panel,.minimized-timer{display:none}}.snowy-mode .toolbar{background:#e6f0fff2;border-color:#f5d49a80}.snowy-mode .toolbar-btn{background:#d8e8ff;border-color:#a8c5e6;color:#4a5a7a}.snowy-mode .toolbar-btn:hover{background:#c8dcf5;border-color:#a8c5e6}.snowy-mode .toolbar-btn.active{background:#a8c5e6;border-color:#a8c5e6;color:#3a2a1a}.snowy-mode .toolbar-btn:before{background:#e6f0fff2;border-color:#a8c5e6;color:#4a5a7a}.snowy-mode .timer-icon{filter:invert(0) brightness(.3)}.snowy-mode .toolbar-panel{background:#e6f0fffa;border-color:#f5d49a80}.snowy-mode .minimized-timer{background:#e6f0fff2;border-color:#a8c5e6;color:#4a5a7a}.snowy-mode .minimized-timer:hover{background:#e6f0fffa;border-color:#8fb5e0;color:#3a4a6a}.autumn-mode .toolbar{background:#eec170f2;border-color:#772f1a80}.autumn-mode .toolbar-btn{background:#f2a65a;border-color:#f58549;color:#585123}.autumn-mode .toolbar-btn:hover{background:#f58549;border-color:#772f1a}.autumn-mode .toolbar-btn.active{background:#772f1a;border-color:#585123;color:#eec170}.autumn-mode .toolbar-btn:before{background:#eec170f2;border-color:#f58549;color:#585123}.autumn-mode .timer-icon{filter:invert(0) brightness(.3)}.autumn-mode .toolbar-panel{background:#eec170fa;border-color:#772f1a80}.autumn-mode .minimized-timer{background:#eec170f2;border-color:#f58549;color:#585123}.autumn-mode .minimized-timer:hover{background:#f2a65afa;border-color:#772f1a;color:#585123}.mini-music-player{position:fixed;bottom:8rem;right:1rem;background:#000000f2;border:2px solid #333;border-radius:0;padding:.75rem;font-family:"Press Start 2P",monospace;z-index:150;display:flex;align-items:center;gap:1rem;min-width:280px;box-shadow:4px 4px #00000080}.mini-player-info{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem}.youtube-icon{font-size:12px;color:#888;animation:none}.youtube-icon.playing{animation:musicBounce .8s ease-in-out infinite}@keyframes musicBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.mini-track-name{font-size:8px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.mini-player-controls{display:flex;gap:.5rem;align-items:center}.mini-control-btn{background:#1a1a1a;border:2px solid #333;color:#888;font-family:"Press Start 2P",monospace;font-size:12px;padding:.3rem .5rem;cursor:pointer;border-radius:0;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.mini-control-btn:hover{background:#222;border-color:#444;color:#aaa}.mini-control-btn.play-btn{background:#2a2a2a;border-color:#444}.mini-control-btn.play-btn:hover{background:#333;border-color:#555}.mini-icon{display:block;line-height:1}.sunny-mode .mini-music-player{background:#fff9e6fa;border-color:#e5c990}.sunny-mode .youtube-icon,.sunny-mode .mini-track-name{color:#5a4a3a}.sunny-mode .mini-control-btn{background:#ffe8b8;border-color:#e5c990;color:#5a4a3a}.sunny-mode .mini-control-btn:hover{background:#ffd9a0;border-color:#d5b980;color:#4a3a2a}.sunny-mode .mini-control-btn.play-btn{background:#f5d49a;border-color:#d5b980}.sunny-mode .mini-control-btn.play-btn:hover{background:#e5c990;border-color:#c5a970}@media (max-width: 768px){.mini-music-player{bottom:6rem;right:.5rem;left:.5rem;min-width:auto;font-size:10px;padding:.5rem}.mini-control-btn{min-width:28px;height:28px;font-size:10px;padding:.2rem .3rem}.mini-track-name{font-size:7px}}.snowy-mode .mini-music-player{background:#e6f0fffa;border-color:#a8c5e6}.snowy-mode .youtube-icon,.snowy-mode .mini-track-name{color:#4a5a7a}.snowy-mode .mini-control-btn{background:#d8e8ff;border-color:#a8c5e6;color:#4a5a7a}.snowy-mode .mini-control-btn:hover{background:#c8dcf5;border-color:#8fb5e0;color:#3a4a6a}.snowy-mode .mini-control-btn.play-btn{background:#a8c5e6;border-color:#8fb5e0}.snowy-mode .mini-control-btn.play-btn:hover{background:#a8c5e6;border-color:#c5a970}.autumn-mode .mini-music-player{background:#eec170fa;border-color:#f58549}.autumn-mode .youtube-icon,.autumn-mode .mini-track-name{color:#585123}.autumn-mode .mini-control-btn{background:#f2a65a;border-color:#f58549;color:#585123}.autumn-mode .mini-control-btn:hover{background:#f58549;border-color:#772f1a;color:#585123}.autumn-mode .mini-control-btn.play-btn{background:#f58549;border-color:#772f1a}.autumn-mode .mini-control-btn.play-btn:hover{background:#772f1a;border-color:#585123}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#e7cca1;display:flex;align-items:center;justify-content:center;z-index:9999;font-family:"Press Start 2P",monospace;opacity:1;transition:opacity .6s ease-out}.loading-screen.fading-out{opacity:0}.loading-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.coffee-container{display:flex;justify-content:center;align-items:center}.coffee-gif{width:180px;height:180px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.loading-title{font-size:32px;color:#5a4a3a;margin:0;letter-spacing:4px;text-align:center;animation:titlePulse 2s ease-in-out infinite;transition:all .6s ease-out}.loading-title.sliding{animation:slideToHeader .6s ease-out forwards}@keyframes titlePulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes slideToHeader{0%{transform:translateY(0);font-size:32px}to{transform:translateY(-50vh);font-size:24px}}.loading-bar-container{display:flex;flex-direction:column;align-items:center;gap:1rem;width:300px}.loading-bar{width:100%;height:16px;background:#f0e0d0;border:2px solid #d5b980;border-radius:0;overflow:hidden;position:relative;box-shadow:inset 2px 2px #e5c990;display:flex}.loading-bar:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 8px,#d5b980 8px,#d5b980 9px);pointer-events:none;z-index:2}.loading-bar-fill{height:100%;background:#8b7355;transition:none;position:relative;box-shadow:inset 0 2px #fff3}.loading-bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:2px;background:#6b5545;box-shadow:1px 0 #0003}.loading-percentage{font-size:10px;color:#8a7a6a;letter-spacing:1px}.coffee-credit{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-size:7px;color:#8a7a6a;letter-spacing:.5px;opacity:.8}@media (max-width: 768px){.loading-screen{padding:2rem 1rem!important;box-sizing:border-box!important}.loading-content{gap:1.5rem;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:100%!important;max-width:320px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.coffee-container{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important}.coffee-gif{width:80px!important;height:80px!important}.loading-title{font-size:24px!important;letter-spacing:3px!important;text-align:center!important}.loading-bar-container{width:280px!important;max-width:90vw!important}.loading-bar{height:12px!important}.loading-percentage{font-size:8px!important;text-align:center!important}.coffee-credit{position:fixed!important;bottom:1.5rem!important;left:50%!important;transform:translate(-50%)!important;font-size:6px!important;text-align:center!important;width:100%!important;z-index:10000!important}}@media (max-width: 480px){.loading-content{max-width:280px!important}.coffee-gif{width:60px!important;height:60px!important}.loading-title{font-size:18px!important;letter-spacing:2px!important}.loading-bar-container{width:240px!important;max-width:85vw!important}.loading-bar{height:10px!important}.coffee-credit{bottom:1rem!important;font-size:5px!important}}.kofi-button{position:fixed;bottom:1rem;left:1rem;background:#000000e6;border:2px solid #333;color:#888;font-family:"Press Start 2P",monospace;font-size:8px;padding:.5rem .75rem;text-decoration:none;cursor:pointer;z-index:100;display:flex;align-items:center;gap:.5rem;transition:none;box-shadow:4px 4px #00000080;border-radius:0;outline:1px solid #000;outline-offset:-3px}.kofi-button:hover{background:#000000f2;border-color:#444;color:#aaa;transform:translate(-1px,-1px);box-shadow:5px 5px #00000080}.kofi-button:active{transform:translate(0);box-shadow:3px 3px #00000080}.kofi-logo{width:22px;height:22px;display:inline-block}.kofi-text{text-transform:lowercase;letter-spacing:.5px;font-size:8px}.sunny-mode .kofi-button{background:#fff9e6f2;border-color:#e5c990;color:#5a4a3a;box-shadow:4px 4px #d5b98080;outline-color:#d5b980}.sunny-mode .kofi-button:hover{background:#fff9e6fa;border-color:#d5b980;color:#4a3a2a;box-shadow:5px 5px #d5b98080}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block}}.mobile-kofi-container{position:fixed;top:4.5rem;left:.5rem;z-index:999}.mobile-kofi-button-wrapper{width:40px;height:40px;border-radius:50%;background:#1a1a1a;border:2px solid #333;color:#999;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:none;box-shadow:3px 3px #000}.mobile-kofi-button-wrapper:hover,.mobile-kofi-button-wrapper:active{background:#222;border-color:#444;transform:translate(-1px,-1px);box-shadow:4px 4px #000}.mobile-kofi-link{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;z-index:1000}.mobile-kofi-logo{width:20px;height:20px}.kofi-tooltip{position:absolute;top:-15px;left:50px;background:#000000f2;border:2px solid #333;border-radius:0;padding:8px 12px;z-index:1000;min-width:200px;box-shadow:4px 4px #00000080}.tooltip-content{font-family:"Press Start 2P",monospace;font-size:7px;color:#ccc;line-height:1.4;text-align:center;letter-spacing:.5px}.tooltip-arrow{position:absolute;top:50%;left:-6px;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #333}.tooltip-arrow:after{content:"";position:absolute;top:-5px;left:2px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid rgba(0,0,0,.95)}.sunny-mode .mobile-kofi-button-wrapper{background:#e8d4b8;border-color:#d9c09a;color:#5a4a3a;box-shadow:3px 3px #c9b080}.sunny-mode .mobile-kofi-button-wrapper:hover,.sunny-mode .mobile-kofi-button-wrapper:active{background:#ddc8a0;border-color:#c9b080;box-shadow:4px 4px #c9b080}.sunny-mode .kofi-tooltip{background:#f5e6d3f2;border-color:#d9c09a;box-shadow:4px 4px #c9b08080}.sunny-mode .tooltip-content{color:#5a4a3a}.sunny-mode .tooltip-arrow{border-right-color:#d9c09a}.sunny-mode .tooltip-arrow:after{border-right-color:#f5e6d3f2}.snowy-mode .mobile-kofi-button-wrapper{background:#d8e8ff;border-color:#a8c5e6;color:#4a5a7a;box-shadow:3px 3px #8fb5e0}.snowy-mode .mobile-kofi-button-wrapper:hover,.snowy-mode .mobile-kofi-button-wrapper:active{background:#c8dcf5;border-color:#8fb5e0;box-shadow:4px 4px #8fb5e0}.snowy-mode .kofi-tooltip{background:#e6f0fff2;border-color:#a8c5e6;box-shadow:4px 4px #a8c5e680}.snowy-mode .tooltip-content{color:#4a5a7a}.snowy-mode .tooltip-arrow{border-right-color:#a8c5e6}.snowy-mode .tooltip-arrow:after{border-right-color:#e6f0fff2}.autumn-mode .mobile-kofi-button-wrapper{background:#eec170;border-color:#f58549;color:#585123;box-shadow:3px 3px #772f1a}.autumn-mode .mobile-kofi-button-wrapper:hover,.autumn-mode .mobile-kofi-button-wrapper:active{background:#f2a65a;border-color:#772f1a;box-shadow:4px 4px #772f1a}.autumn-mode .kofi-tooltip{background:#eec170f2;border-color:#f58549;box-shadow:4px 4px #772f1a80}.autumn-mode .tooltip-content{color:#772f1a}.autumn-mode .tooltip-arrow{border-right-color:#f58549}.autumn-mode .tooltip-arrow:after{border-right-color:#eec170f2}.snowy-mode .kofi-button{background:#e6f0fff2;border-color:#a8c5e6;color:#4a5a7a;box-shadow:4px 4px #a8c5e680;outline-color:#8fb5e0}.snowy-mode .kofi-button:hover{background:#e6f0fffa;border-color:#8fb5e0;color:#3a4a6a;box-shadow:5px 5px #a8c5e680}.autumn-mode .kofi-button{background:#eec170f2;border-color:#f58549;color:#585123;box-shadow:4px 4px #772f1a80}.autumn-mode .kofi-button:hover{background:#f2a65afa;border-color:#772f1a;color:#585123;box-shadow:5px 5px #772f1a80}.mood-selector-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1999;cursor:pointer}.mood-selector{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000f2;border:2px solid #333;border-radius:0;padding:2rem;z-index:2000;box-shadow:6px 6px #00000080;outline:1px solid #000;outline-offset:-3px;min-width:320px}.mood-title{font-family:"Press Start 2P",monospace;font-size:12px;color:#888;text-align:center;margin:0 0 2rem;text-transform:lowercase;letter-spacing:2px}.mood-options{display:flex;flex-direction:column;gap:1rem}.mood-option{background:#141414cc;border:2px solid #222;border-radius:0;padding:1rem;cursor:pointer;transition:none;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:"Press Start 2P",monospace;color:#888;box-shadow:3px 3px #00000080}.mood-option:hover{background:#1e1e1ee6;border-color:#333;transform:translate(-1px,-1px);box-shadow:4px 4px #00000080}.mood-option.active{background:#282828e6;border-color:#444;color:#aaa}.mood-icon{font-size:24px;display:block}.mood-label{font-size:10px;text-transform:lowercase;letter-spacing:1px}.mood-description{font-size:7px;color:#666;letter-spacing:.5px}.mood-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#888;font-size:20px;cursor:pointer;padding:.25rem .5rem;font-family:"Press Start 2P",monospace}.mood-close:hover{color:#aaa}.sunny-mode .mood-selector{background:#fff9e6fa;border-color:#e5c990;box-shadow:6px 6px #d5b98080;outline-color:#d5b980}.sunny-mode .mood-title{color:#5a4a3a}.sunny-mode .mood-option{background:#f0e6d899;border-color:#d5b9804d;color:#5a4a3a;box-shadow:3px 3px #d5b9804d}.sunny-mode .mood-option:hover{background:#e8dcc8cc;border-color:#d5b98080;box-shadow:4px 4px #d5b98066}.sunny-mode .mood-option.active{background:#e0d2bee6;border-color:#d5b980;color:#4a3a2a}.sunny-mode .mood-description{color:#8a7a6a}.sunny-mode .mood-close{color:#5a4a3a}.sunny-mode .mood-close:hover{color:#4a3a2a}.snowy-mode .mood-selector{background:#e6f0fffa;border-color:#a8c5e6;box-shadow:6px 6px #a8c5e680;outline-color:#8fb5e0}.snowy-mode .mood-title{color:#4a5a7a}.snowy-mode .mood-option{background:#d8e6fa99;border-color:#a8c5e64d;color:#4a5a7a;box-shadow:3px 3px #a8c5e64d}.snowy-mode .mood-option:hover{background:#c8dcf5cc;border-color:#a8c5e680;box-shadow:4px 4px #a8c5e666}.snowy-mode .mood-option.active{background:#bed2f0e6;border-color:#8fb5e0;color:#3a4a6a}.snowy-mode .mood-description{color:#7a8aa8}.snowy-mode .mood-close{color:#4a5a7a}.snowy-mode .mood-close:hover{color:#3a4a6a}.autumn-mode .mood-selector{background:#eec170fa;border-color:#f58549;box-shadow:6px 6px #772f1a80}.autumn-mode .mood-title{color:#585123}.autumn-mode .mood-option{background:#f5854999;border-color:#772f1a4d;color:#585123;box-shadow:3px 3px #772f1a4d}.autumn-mode .mood-option:hover{background:#f2a65acc;border-color:#772f1a80;box-shadow:4px 4px #772f1a66}.autumn-mode .mood-option.active{background:#c86e28e6;border-color:#a85a1f;color:#eec170}.autumn-mode .mood-option.active .mood-description{color:#d9c09a}.autumn-mode .mood-description{color:#772f1a}.autumn-mode .mood-close{color:#585123}.autumn-mode .mood-close:hover{color:#772f1a}@media (max-width: 768px){.mood-selector{min-width:280px;padding:1.5rem;max-width:90vw}.mood-title{font-size:10px;margin-bottom:1.5rem}.mood-icon{font-size:20px}.mood-label{font-size:9px}.mood-description{font-size:6px}}.clock-weather-card{position:fixed;top:1.5rem;right:1.5rem;background:#000000f2;border:2px solid #333;border-radius:0;padding:1.25rem;overflow:hidden;box-shadow:4px 4px #00000080;outline:1px solid #000;outline-offset:-3px;min-width:180px;max-width:200px;font-family:"Press Start 2P",monospace;z-index:10}.clock-weather-card:before{display:none}.clock-section{margin-bottom:.75rem}.section-title{font-family:"Press Start 2P",monospace;font-size:7px;color:#888;text-transform:lowercase;letter-spacing:1px;margin:0 0 .5rem}.time-info{text-align:center}.time-display{font-family:"Press Start 2P",monospace;font-size:11px;color:#bbb;margin:0 0 .5rem;line-height:1.2}.date-display{font-family:"Press Start 2P",monospace;font-size:7px;color:#777;margin:0;letter-spacing:.5px}.weather-section,.weather-info{text-align:center}.weather-main{display:flex;align-items:center;justify-content:center;gap:.3rem;margin-bottom:.3rem}.weather-icon{font-size:12px}.weather-temp{font-family:"Press Start 2P",monospace;font-size:11px;color:#bbb;line-height:1.2}.weather-details{font-family:"Press Start 2P",monospace;font-size:7px;color:#777;margin:0;letter-spacing:.5px}.sunny-mode .clock-weather-card{background:#f5e6d3f2;border-color:#e1c0864d}.sunny-mode .section-title,.sunny-mode .date-display,.sunny-mode .weather-details,.sunny-mode .time-display,.sunny-mode .weather-temp{color:#5a4a3a}.snowy-mode .clock-weather-card{background:#e6f0fff2;border-color:#a8c5e6;box-shadow:4px 4px #a8c5e680;outline-color:#8fb5e0}.snowy-mode .section-title,.snowy-mode .date-display,.snowy-mode .weather-details,.snowy-mode .time-display,.snowy-mode .weather-temp{color:#4a5a7a}.autumn-mode .clock-weather-card{background:#eec170f2;border-color:#f58549;box-shadow:4px 4px #772f1a80}.autumn-mode .section-title,.autumn-mode .date-display,.autumn-mode .weather-details,.autumn-mode .time-display,.autumn-mode .weather-temp{color:#772f1a}@media (max-width: 768px){.clock-weather-card{display:none}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:"Press Start 2P",monospace;background:#000;color:#999;overflow:hidden;font-weight:400;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}#root{height:100vh;width:100vw}.app-container{height:100vh;width:100vw;background:#000;display:flex;flex-direction:column;position:relative;opacity:0;animation:appFadeIn 1s ease-out forwards}.app-container.app-loaded{opacity:1}@keyframes appFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.app-container{justify-content:center;overflow-x:hidden!important}}.app-container:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:1}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:10;gap:2rem;overflow-y:auto}@media (max-width: 768px){.main-content{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-height:100vh!important;padding:0!important;width:100%!important;overflow-x:hidden!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .6s ease-out forwards}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#333;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#444}.app-footer{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:100;text-align:center}.app-footer p{font-family:"Press Start 2P",monospace;font-size:8px;color:#888;margin:0;letter-spacing:1px}.app-footer a{color:#aaa;text-decoration:none;transition:color .2s}.app-footer a:hover{color:#fff}.theme-toggle{position:fixed;top:1.5rem;left:1.5rem;z-index:1000;background:#1a1a1a;border:2px solid #333;border-radius:0;padding:8px 10px;font-size:14px;font-family:"Press Start 2P",monospace;cursor:pointer;transition:none;color:#999;box-shadow:4px 4px #000}.theme-toggle:hover{background:#222;border-color:#444;transform:translate(-1px,-1px);box-shadow:5px 5px #000}.mute-toggle{position:fixed;top:1.5rem;right:1.5rem;z-index:1000;background:#1a1a1a;border:2px solid #333;border-radius:0;padding:8px 10px;font-size:14px;font-family:"Press Start 2P",monospace;cursor:pointer;transition:none;color:#fff;box-shadow:4px 4px #000}.mute-toggle:hover{background:#222;border-color:#444;transform:translate(-1px,-1px);box-shadow:5px 5px #000}.sunny-mode{background:#f5e6d3!important;color:#4a3f36!important}.rainy-mode{position:relative;background:transparent!important}.rainy-mode.app-container:before{display:none!important}.rainy-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(/rainy.jpg) no-repeat center center;background-size:cover;z-index:0}.rainy-mode:after{content:"";position:fixed;inset:0;width:100vw;height:100vh;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);z-index:2;pointer-events:none}.rainy-mode .brand-title,.rainy-mode .word-type,.rainy-mode .word-meaning{color:#e8e8e8!important;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,-2px 0 0 #000,2px 0 0 #000,0 -2px 0 #000,0 2px 0 #000}.rainy-mode .app-footer p,.rainy-mode .app-footer a{color:#e8e8e8!important;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.snowy-mode{background:#e6f0ff!important;color:#2c3e50!important}.sunny-mode .app-container:before{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px)}.sunny-mode .theme-toggle{background:#e8d4b8;border-color:#d9c09a;color:#5a4a3a;box-shadow:4px 4px #c9b080}.sunny-mode .theme-toggle:hover{background:#ddc8a0;border-color:#c9b080;box-shadow:5px 5px #c9b080}.sunny-mode .mute-toggle{background:#ffe8b8;border-color:#f5d49a;color:#000;box-shadow:4px 4px #e5c990}.sunny-mode .mute-toggle:hover{background:#ffd9a0;border-color:#e5c990;box-shadow:5px 5px #e5c990;color:#000}.sunny-mode .player-card{background:#f5e6d3f2;border-color:#e1c0864d}.sunny-mode .section-title,.sunny-mode .station-name,.sunny-mode .station-details,.sunny-mode .volume-icon,.sunny-mode .volume-value,.sunny-mode .error-message{color:#5a4a3a}.sunny-mode .control-btn{background:#f0e6d8cc;border-color:#d4c4b04d;color:#5a4a3a}.sunny-mode .control-btn:hover{background:#e8dcc8e6;border-color:#c0b0a066}.sunny-mode .volume-slider{background:#5a4a3a1a}.sunny-mode .volume-slider::-webkit-slider-thumb,.sunny-mode .volume-slider::-moz-range-thumb{background:#8b7355;border-color:#6b5545}.sunny-mode .brand-title,.sunny-mode .brand-subtitle{color:#5a4a3a}.sunny-mode .app-footer p,.sunny-mode .app-footer a{color:#000}.sunny-mode .app-footer a:hover{color:#333}.sunny-mode .filters-toggle-btn{background:#f5e6d3e6;border-color:#e1c0864d;color:#5a4a3a}.sunny-mode .filters-toggle-btn:hover{background:#f5e6d3;border-color:#e1c08666;color:#4a3a2a}.sunny-mode .audio-filters{background:#f5e6d3f2;border-color:#e1c0864d}.sunny-mode .filter-control{background:#f0e6d880;border-color:#d4c4b033}.sunny-mode .filter-control.active{background:#e8dcc8cc;border-color:#c0b0a04d}.sunny-mode .filter-toggle{color:#5a4a3a}.sunny-mode .filter-toggle:hover{color:#4a3a2a}.mobile-message{display:none;margin-top:15rem;background:#000000e6;border:2px solid #333;padding:.75rem 1rem;border-radius:0;box-shadow:4px 4px #00000080;font-family:"Press Start 2P",monospace;text-align:center;max-width:280px}.mobile-message p{font-size:8px;color:#888;margin:0;line-height:1.4}.mobile-message p:not(:first-child){margin-top:1rem}.mobile-message a{color:#aaa;text-decoration:none}.mobile-message a:hover{color:#fff}.sunny-mode .mobile-message{background:#f5e6d3f2;border-color:#d9c09a;box-shadow:4px 4px #c9b08080}.sunny-mode .mobile-message p{color:#5a4a3a}.sunny-mode .mobile-message a{color:#6a5a4a}.sunny-mode .mobile-message a:hover{color:#4a3a2a}.autumn-mode{background:transparent!important;color:#772f1a!important}.autumn-mode.app-container:before{display:none!important}.autumn-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(/autumnbg.png) no-repeat center center;background-size:cover;z-index:0}@media (max-width: 768px){.autumn-background{background-position:95% center}}.autumn-mode:after{content:"";position:fixed;inset:0;width:100vw;height:100vh;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(88,81,35,.08) 2px,rgba(88,81,35,.08) 4px);z-index:2;pointer-events:none}.autumn-mode .theme-toggle{background:#eec170;border-color:#f58549;color:#585123;box-shadow:4px 4px #772f1a}.autumn-mode .theme-toggle:hover{background:#f2a65a;border-color:#772f1a;box-shadow:5px 5px #772f1a}.autumn-mode .mute-toggle{background:#eec170;border-color:#f58549;color:#fff;box-shadow:4px 4px #772f1a}.autumn-mode .mute-toggle:hover{background:#f2a65a;border-color:#772f1a;box-shadow:5px 5px #772f1a;color:#fff}.autumn-mode .player-card{background:#eec170f2;border-color:#f58549;box-shadow:4px 4px #772f1a80}.autumn-mode .section-title,.autumn-mode .station-name,.autumn-mode .station-details,.autumn-mode .volume-icon,.autumn-mode .volume-value,.autumn-mode .error-message{color:#772f1a}.autumn-mode .control-btn{background:#f58549cc;border-color:#772f1a4d;color:#772f1a}.autumn-mode .control-btn:hover{background:#f2a65ae6;border-color:#772f1a66}.autumn-mode .volume-slider{background:#772f1a1a}.autumn-mode .volume-slider::-webkit-slider-thumb,.autumn-mode .volume-slider::-moz-range-thumb{background:#f58549;border-color:#772f1a}.autumn-mode .brand-title,.autumn-mode .brand-subtitle{color:#772f1a}.autumn-mode .app-footer p,.autumn-mode .app-footer a{color:#000}.autumn-mode .app-footer a:hover{color:#333}.autumn-mode .filters-toggle-btn{background:#eec170e6;border-color:#f58549;color:#585123;box-shadow:4px 4px #772f1a80}.autumn-mode .filters-toggle-btn:hover{background:#f2a65afa;border-color:#772f1a;color:#585123;box-shadow:5px 5px #772f1a80}.autumn-mode .audio-filters{background:#eec170fa;border-color:#f58549}.autumn-mode .filter-control{background:#f5854980;border-color:#772f1a33}.autumn-mode .filter-control.active{background:#f2a65acc;border-color:#772f1a4d}.autumn-mode .filter-toggle{color:#772f1a}.autumn-mode .filter-toggle:hover{color:#585123}.autumn-mode .mobile-message{background:#eec170f2;border-color:#f58549;box-shadow:4px 4px #772f1a80}.autumn-mode .mobile-message p{color:#772f1a}.autumn-mode .mobile-message a{color:#585123}.autumn-mode .mobile-message a:hover{color:#772f1a}.snowy-mode .app-container:before{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(100,150,200,.06) 2px,rgba(100,150,200,.06) 4px)}.snowy-mode .theme-toggle{background:#d8e8ff;border-color:#a8c5e6;color:#4a5a7a;box-shadow:4px 4px #8fb5e0}.snowy-mode .theme-toggle:hover{background:#c8dcf5;border-color:#8fb5e0;box-shadow:5px 5px #8fb5e0}.snowy-mode .mute-toggle{background:#d8e8ff;border-color:#a8c5e6;color:navy;box-shadow:4px 4px #8fb5e0}.snowy-mode .mute-toggle:hover{background:#c8dcf5;border-color:#8fb5e0;box-shadow:5px 5px #8fb5e0;color:navy}.snowy-mode .player-card{background:#e6f0fff2;border-color:#a8c5e6;box-shadow:4px 4px #a8c5e680;outline-color:#8fb5e0}.snowy-mode .section-title,.snowy-mode .station-name,.snowy-mode .station-details,.snowy-mode .volume-icon,.snowy-mode .volume-value,.snowy-mode .error-message{color:#4a5a7a}.snowy-mode .control-btn{background:#d8e6facc;border-color:#a8c5e64d;color:#4a5a7a;outline-color:#8fb5e080}.snowy-mode .control-btn:hover{background:#c8dcf5e6;border-color:#8fb5e066}.snowy-mode .volume-slider{background:#4a5a7a1a}.snowy-mode .volume-slider::-webkit-slider-thumb,.snowy-mode .volume-slider::-moz-range-thumb{background:#7a8fb5;border-color:#5a6a8a}.snowy-mode .brand-title,.snowy-mode .brand-subtitle,.snowy-mode .app-footer p,.snowy-mode .app-footer a{color:#4a5a7a}.snowy-mode .app-footer a:hover{color:#3a4a6a}.snowy-mode .filters-toggle-btn{background:#e6f0ffe6;border-color:#a8c5e6;color:#4a5a7a;box-shadow:4px 4px #a8c5e680}.snowy-mode .filters-toggle-btn:hover{background:#e6f0fffa;border-color:#8fb5e0;color:#3a4a6a;box-shadow:5px 5px #a8c5e680}.snowy-mode .audio-filters{background:#e6f0fffa;border-color:#a8c5e6}.snowy-mode .filter-control{background:#d8e6fa80;border-color:#a8c5e633}.snowy-mode .filter-control.active{background:#c8dcf5cc;border-color:#8fb5e04d}.snowy-mode .filter-toggle{color:#4a5a7a}.snowy-mode .filter-toggle:hover{color:#3a4a6a}.snowy-mode .mobile-message{background:#e6f0fff2;border-color:#a8c5e6;box-shadow:4px 4px #a8c5e680;outline-color:#8fb5e0}.snowy-mode .mobile-message p{color:#4a5a7a}.snowy-mode .mobile-message a{color:#5a6a8a}.snowy-mode .mobile-message a:hover{color:#3a4a6a}@media (max-width: 768px){.mobile-message{display:block}.app-footer{position:fixed;bottom:2rem;bottom:calc(2rem + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:100}.app-footer p{font-size:7px}.theme-toggle{top:1rem;left:1rem;padding:6px 8px;font-size:12px;box-shadow:3px 3px #000}.theme-toggle:hover{box-shadow:4px 4px #000}.mute-toggle{top:1rem;right:1rem;padding:6px 8px;font-size:12px;box-shadow:3px 3px #000}.mute-toggle:hover{box-shadow:4px 4px #000}}