:root{--theme-background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--theme-accent: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--theme-card-bg: rgba(255, 255, 255, .15);--theme-text-primary: white;--theme-text-secondary: rgba(255, 255, 255, .8);--theme-particle-color: rgba(255, 255, 255, .1);--theme-shadows: 0 8px 32px rgba(0, 0, 0, .1);--animation-speed: 1s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--theme-background)!important;min-height:100vh;color:#333;line-height:1.6;transition:all 1.5s ease-in-out;position:relative;overflow-x:hidden}#root{min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;opacity:.6;transition:all 1s ease-in-out}.theme-rainy:before{background:linear-gradient(transparent 50%,var(--theme-particle-color) 50%,var(--theme-particle-color) 52%,transparent 52%),linear-gradient(90deg,transparent 20%,var(--theme-particle-color) 20%,var(--theme-particle-color) 22%,transparent 22%);background-size:3px 50px,50px 3px;animation:rain-drops .8s linear infinite}@keyframes rain-drops{0%{transform:translateY(-100vh) translate(0)}to{transform:translateY(100vh) translate(-20px)}}.theme-drizzle:before{background:radial-gradient(circle,var(--theme-particle-color) 1px,transparent 1px);background-size:20px 20px;animation:light-rain 2s linear infinite}@keyframes light-rain{0%{transform:translateY(-50px);opacity:0}50%{opacity:1}to{transform:translateY(50px);opacity:0}}.theme-storm:before{background:linear-gradient(45deg,transparent 40%,var(--theme-particle-color) 41%,var(--theme-particle-color) 43%,transparent 44%);background-size:100px 100px;animation:lightning-flash 3s infinite}@keyframes lightning-flash{0%,90%,to{opacity:0}1%,3%,5%{opacity:1;background-color:#ffffff1a}2%,4%{opacity:.8}}.theme-winter:before{background:radial-gradient(circle,var(--theme-particle-color) 2px,transparent 2px),radial-gradient(circle,var(--theme-particle-color) 1px,transparent 1px);background-size:50px 50px,100px 100px;animation:snow-fall 10s linear infinite}@keyframes snow-fall{0%{transform:translateY(-100vh) rotate(0)}to{transform:translateY(100vh) rotate(360deg)}}.theme-cloudy:before{background:radial-gradient(ellipse 200px 50px,var(--theme-particle-color) 40%,transparent 50%);background-size:400px 200px;animation:slow-drift 20s ease-in-out infinite}@keyframes slow-drift{0%,to{transform:translate(-50px)}50%{transform:translate(50px)}}.theme-misty:before{background:radial-gradient(ellipse 300px 100px,var(--theme-particle-color) 20%,transparent 70%);background-size:600px 300px;animation:mist-float 15s ease-in-out infinite}@keyframes mist-float{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-30px) scale(1.1);opacity:.6}}.theme-smoky:before{background:radial-gradient(ellipse 100px 200px,var(--theme-particle-color) 30%,transparent 70%);background-size:200px 400px;animation:smoke-drift 8s ease-in-out infinite}@keyframes smoke-drift{0%{transform:translateY(100vh) rotate(0);opacity:0}20%{opacity:.6}80%{opacity:.6}to{transform:translateY(-100px) rotate(10deg);opacity:0}}.theme-hazy:before{background:radial-gradient(circle,var(--theme-particle-color) 20%,transparent 50%),linear-gradient(45deg,transparent 30%,var(--theme-particle-color) 50%,transparent 70%);background-size:100px 100px,200px 200px;animation:psychedelic-wave 6s ease-in-out infinite}@keyframes psychedelic-wave{0%,to{transform:scale(1) rotate(0);filter:hue-rotate(0deg)}33%{transform:scale(1.1) rotate(120deg);filter:hue-rotate(60deg)}66%{transform:scale(.9) rotate(240deg);filter:hue-rotate(120deg)}}.theme-dusty:before{background:radial-gradient(circle,var(--theme-particle-color) 1px,transparent 1px);background-size:30px 30px;animation:dust-swirl 12s linear infinite}@keyframes dust-swirl{0%{transform:rotate(0) translateY(0)}to{transform:rotate(360deg) translateY(-20px)}}.theme-foggy:before{background:radial-gradient(ellipse 400px 100px,var(--theme-particle-color) 40%,transparent 70%);background-size:800px 200px;animation:fog-roll 25s linear infinite}@keyframes fog-roll{0%{transform:translate(-100vw)}to{transform:translate(100vw)}}.theme-apocalyptic:before{background:radial-gradient(circle,var(--theme-particle-color) 1px,transparent 1px),linear-gradient(transparent 80%,var(--theme-particle-color) 80%);background-size:40px 40px,20px 20px;animation:ash-fall 8s linear infinite}@keyframes ash-fall{0%{transform:translateY(-100vh) scale(1)}to{transform:translateY(100vh) scale(.8)}}.theme-chaotic:before{background:conic-gradient(from 0deg,transparent 70%,var(--theme-particle-color) 80%,transparent 90%);background-size:200px 200px;animation:tornado-spin 2s linear infinite}@keyframes tornado-spin{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.2)}}.theme-sunny:before{background:conic-gradient(from 0deg,transparent 85%,var(--theme-particle-color) 90%,transparent 95%);background-size:400px 400px;animation:sun-rays 20s linear infinite}.theme-starry:before{background:radial-gradient(circle,var(--theme-particle-color) 1px,transparent 1px),radial-gradient(circle,var(--theme-particle-color) .5px,transparent .5px);background-size:100px 100px,50px 50px;animation:twinkling-stars 4s ease-in-out infinite}@keyframes twinkling-stars{0%,to{opacity:.3}50%{opacity:1}}@media (max-width: 768px){.theme-indicator{position:relative;top:auto;right:auto;margin:0 auto 1rem;display:block;width:fit-content}body:before{opacity:.3!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body:before{display:none!important}}@media (prefers-contrast: high){.weather-container,.card-container,.playlists-container,.settings-container,.header-container{border:2px solid var(--theme-text-primary)!important;background:#000c!important}}@media print{body:before,.theme-indicator{display:none!important}*{animation:none!important;transition:none!important}body{background:#fff!important;color:#000!important}}.btn-container{display:flex;justify-content:center;align-items:center;padding:1rem}.btn-connected,.btn-disconnected,.btn-connecting{background:linear-gradient(135deg,#1db954,#1ed760);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease;box-shadow:0 4px 15px #1db9544d;min-width:200px;text-align:center}.btn-disconnected{background:linear-gradient(135deg,#191414,#333);border:2px solid #1db954;color:#1db954;box-shadow:0 4px 15px #1db95433}.btn-disconnected:hover{background:linear-gradient(135deg,#1db954,#1ed760);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #1db95466}.btn-connected{background:linear-gradient(135deg,#1db954,#1ed760);color:#fff}.btn-connected:hover{background:linear-gradient(135deg,#ff6b6b,#ff5252);box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.btn-connecting{background:linear-gradient(135deg,#ffa726,#ff9800);color:#fff;cursor:not-allowed;opacity:.8;box-shadow:0 4px 15px #ffa7264d;animation:pulse 2s infinite}.btn-connecting:disabled{cursor:not-allowed}@keyframes pulse{0%{box-shadow:0 4px 15px #ffa7264d}50%{box-shadow:0 4px 20px #ffa72680}to{box-shadow:0 4px 15px #ffa7264d}}@media (max-width: 768px){.btn-connected,.btn-disconnected,.btn-connecting{font-size:.9rem;padding:10px 20px;min-width:180px}}@media (max-width: 480px){.btn-connected,.btn-disconnected,.btn-connecting{font-size:.8rem;padding:8px 16px;min-width:160px}}.btn-connected:focus,.btn-disconnected:focus,.btn-connecting:focus{outline:2px solid var(--theme-accent, #8b5cf6);outline-offset:2px}.btn-connected:active,.btn-disconnected:active{transform:translateY(0);transition:transform .1s ease}.btn-connecting:active,.btn-connecting:hover{transform:none;background:linear-gradient(135deg,#ffa726,#ff9800)}.btn-connecting:after{content:"";display:inline-block;width:12px;height:12px;margin-left:8px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.btn-connected,.btn-disconnected,.btn-connecting{will-change:transform,box-shadow;backface-visibility:hidden}@media (prefers-reduced-motion: reduce){.btn-connected,.btn-disconnected,.btn-connecting{animation:none!important;transition:none!important}.btn-connecting:after{animation:none!important}}@media (prefers-contrast: high){.btn-connected,.btn-disconnected,.btn-connecting{border:2px solid currentColor!important;box-shadow:none!important}.btn-disconnected{background:#000!important;color:#1db954!important;border-color:#1db954!important}.btn-connected{background:#1db954!important;color:#fff!important;border-color:#fff!important}.btn-connecting{background:#ff9800!important;color:#000!important;border-color:#000!important}}.playlists-container{grid-area:playlists;background:var(--theme-card-bg, rgba(255, 255, 255, .15));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:var(--theme-shadows, 0 8px 32px rgba(0, 0, 0, .1));transition:all 1s ease-in-out}.playlists-container:hover{transform:translateY(-2px)}.playlists-container h2,.playlists-container h3{color:var(--theme-text-primary, white);font-weight:700;margin-bottom:1.5rem;text-shadow:0 2px 10px rgba(0,0,0,.2);transition:color 1s ease-in-out}.playlists-container h2{font-size:2rem}.playlists-container h3{font-size:1.5rem}.playlists-container p{color:var(--theme-text-secondary, rgba(255, 255, 255, .9));margin-bottom:1.5rem;font-size:1rem;transition:color 1s ease-in-out}.api-status-info,.generation-info{display:flex;align-items:center;gap:8px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);padding:12px 16px;border-radius:12px;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.api-status-info span,.generation-info span,.generation-info small{color:var(--theme-text-primary, white);font-size:.9rem;line-height:1.4}.generation-info{background:#3b82f61a;border-color:#3b82f64d;margin-top:1rem;margin-bottom:0}.generation-stats{background:#10b9811a;border:1px solid rgba(16,185,129,.3);padding:16px;border-radius:16px;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.generation-stats h4{color:var(--theme-text-primary, white);font-size:1.1rem;margin-bottom:12px;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.stat-label{color:var(--theme-text-secondary, rgba(255, 255, 255, .8));font-size:.85rem;font-weight:500}.stat-value{color:var(--theme-text-primary, white);font-weight:600;font-size:.9rem}.playlists-btn,.regen-playlist-btn,.save-to-spotify-btn{background:var(--theme-accent, linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%));color:#fff;border:none;padding:14px 28px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;margin-right:12px;margin-bottom:12px;box-shadow:0 4px 20px #8b5cf64d}.save-to-spotify-btn{background:linear-gradient(135deg,#1db954,#1ed760);box-shadow:0 4px 20px #1db9544d}.playlists-btn:hover,.regen-playlist-btn:hover,.save-to-spotify-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf666}.save-to-spotify-btn:hover{box-shadow:0 8px 30px #1db95466}.playlists-btn:disabled,.regen-playlist-btn:disabled,.save-to-spotify-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.track-list{display:flex;flex-direction:column;gap:16px;margin-bottom:2rem}.track-item{background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.track-item:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.track-info-row{display:flex;align-items:center;gap:16px}.track-number{color:var(--theme-text-secondary, rgba(255, 255, 255, .7));font-weight:600;min-width:30px;font-size:1rem;transition:color 1s ease-in-out}.album-art{border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease}.album-art:hover{transform:scale(1.05)}.track-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.track-name{color:var(--theme-text-primary, white);font-weight:600;font-size:1.1rem;display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color 1s ease-in-out}.track-artist{color:var(--theme-text-secondary, rgba(255, 255, 255, .7));font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color 1s ease-in-out}.track-album{color:var(--theme-text-secondary, rgba(255, 255, 255, .6));font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic;transition:color 1s ease-in-out}.track-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:80px}.track-duration,.track-popularity{color:var(--theme-text-secondary, rgba(255, 255, 255, .7));font-size:.8rem;font-weight:500;transition:color 1s ease-in-out}.track-popularity{font-size:.75rem;opacity:.8}.explicit-badge{background:#ef4444cc;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.spotify-link{background:#1db95433;color:var(--theme-text-primary, white);border:1px solid rgba(29,185,84,.4);padding:12px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-decoration:none;min-width:44px;height:44px}.spotify-link:hover{background:#1db9544d;border-color:#1db95499;transform:scale(1.1)}.track-source-info{margin-top:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.track-source-info small{color:var(--theme-text-secondary, rgba(255, 255, 255, .6));font-size:.75rem;transition:color 1s ease-in-out}.source-market{font-weight:500}.source-query{opacity:.8}.page-numbers{display:flex;justify-content:center;gap:8px;margin-bottom:1.5rem}.page-btn{background:#fff3;color:var(--theme-text-primary, white);border:none;padding:10px 14px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;min-width:40px}.page-btn:hover,.page-btn.active{background:#ffffff4d;transform:translateY(-1px)}.page-btn.active{background:var(--theme-accent, rgba(139, 92, 246, .8));box-shadow:0 4px 12px #8b5cf64d}.playlist-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:1rem}.api-info{text-align:center;padding:16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.api-info small{color:var(--theme-text-secondary, rgba(255, 255, 255, .8));font-size:.85rem;line-height:1.4}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fecaca;padding:16px;border-radius:12px;margin-top:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500}.error-message.success-info{background:#10b9811a;border-color:#10b9814d;color:#a7f3d0}.loading-spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.playlists-container{padding:1.5rem}.playlists-container h2{font-size:1.7rem}.playlists-container h3{font-size:1.3rem}.track-info-row{flex-wrap:wrap;gap:12px}.track-details{min-width:200px;order:2}.track-meta{order:3;align-items:flex-start;min-width:auto}.spotify-link{order:4}.album-art{order:1}.track-number{order:0;align-self:flex-start}.playlist-actions{justify-content:center;flex-direction:column;align-items:center}.playlist-actions button{width:100%;max-width:300px}.stats-grid{grid-template-columns:1fr}.page-numbers{gap:6px;flex-wrap:wrap}.page-btn{padding:8px 12px;font-size:.9rem}}@media (max-width: 480px){.playlists-container{padding:1rem}.playlists-container h2{font-size:1.5rem}.playlists-container h3{font-size:1.2rem}.track-info-row{flex-direction:column;align-items:flex-start;gap:8px}.track-number{align-self:flex-start}.album-art{align-self:center}.track-meta{align-self:flex-end;flex-direction:row;gap:12px}.spotify-link{align-self:center}.playlists-btn,.regen-playlist-btn,.save-to-spotify-btn{padding:12px 20px;font-size:.9rem}}[data-mood=energetic] .track-item{animation:gentle-bounce 4s ease-in-out infinite}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}[data-mood=contemplative] .playlists-container{animation:playlist-breath 8s ease-in-out infinite}@keyframes playlist-breath{0%,to{transform:scale(1)}50%{transform:scale(1.002)}}[data-mood=peaceful] .track-list{animation:peaceful-wave 12s ease-in-out infinite}@keyframes peaceful-wave{0%,to{transform:translate(0)}50%{transform:translate(1px)}}@media (prefers-contrast: high){.track-item,.generation-stats,.api-status-info{border:2px solid var(--theme-text-primary)!important;background:#000c!important}}.track-item:focus-within,.spotify-link:focus,.page-btn:focus,.playlists-btn:focus,.save-to-spotify-btn:focus,.regen-playlist-btn:focus{outline:2px solid var(--theme-accent);outline-offset:2px}.track-item:hover .album-art{transform:scale(1.05)}.track-item:hover .spotify-link{background:#1db95466;transform:scale(1.1)}.settings-container{grid-area:settings;background:var(--theme-card-bg, rgba(255, 255, 255, .15));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:var(--theme-shadows, 0 8px 32px rgba(0, 0, 0, .1));height:fit-content;transition:all 1s ease-in-out}.settings-container:hover{transform:translateY(-4px)}.settings-header{font-size:1.5rem;font-weight:700;color:var(--theme-text-primary, white);margin-bottom:1.5rem;text-shadow:0 2px 10px rgba(0,0,0,.2);transition:color 1s ease-in-out}.playlist-label,.content-label{display:block;color:var(--theme-text-primary, white);font-weight:600;margin-bottom:8px;font-size:1rem;transition:color 1s ease-in-out}.settings-options{width:100%;padding:12px 40px 12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--theme-text-primary, white);font-size:1rem;margin-bottom:1.5rem;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.settings-options:hover,.settings-options:focus{background:#ffffff26;border-color:#ffffff4d;outline:none;transform:translateY(-1px)}.settings-options option{background:#1f2937;color:#fff;padding:8px}.switch{position:relative;display:inline-block;width:60px;height:34px;margin-top:8px}.switch input{opacity:0;width:0;height:0}.slider-round{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#fff3;transition:.4s;border-radius:34px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.slider-round:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);transition:.4s;border-radius:50%;box-shadow:0 2px 8px #0003}.slider-round:hover{background:#ffffff40;border-color:#fff3}input:checked+.slider-round{background:linear-gradient(135deg,#10b981,#065f46);border-color:#10b9814d;box-shadow:0 0 20px #10b9814d}input:checked+.slider-round:before{transform:translate(26px);background:#fff;box-shadow:0 2px 12px #0000004d}.slider-round:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;pointer-events:none}.switch:active .slider-round:after{width:60px;height:60px}@media (max-width: 768px){.settings-container{padding:1.5rem}.settings-header{font-size:1.3rem}.playlist-label,.content-label{font-size:.95rem}.settings-options{padding:10px 35px 10px 14px;font-size:.95rem;background-size:14px}.switch{width:55px;height:30px}.slider-round:before{height:22px;width:22px;left:4px;bottom:4px}input:checked+.slider-round:before{transform:translate(25px)}}@media (max-width: 480px){.settings-container{padding:1rem}.settings-header{font-size:1.2rem;margin-bottom:1rem}.settings-options{padding:8px 12px;font-size:.9rem}}[data-mood=energetic] .switch{animation:settings-bounce 3s ease-in-out infinite}@keyframes settings-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}[data-mood=contemplative] .settings-container{animation:settings-breath 8s ease-in-out infinite}@keyframes settings-breath{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}[data-mood=intense] .settings-options:focus{box-shadow:0 0 20px var(--theme-accent)}[data-mood=peaceful] .settings-header{animation:peaceful-float 6s ease-in-out infinite}@keyframes peaceful-float{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}[data-mood=dreamy] .slider-round{animation:dreamy-shift 8s ease-in-out infinite}@keyframes dreamy-shift{0%,to{filter:hue-rotate(0deg)}33%{filter:hue-rotate(5deg)}66%{filter:hue-rotate(-5deg)}}[data-mood=ethereal] .settings-container{animation:ethereal-glow 5s ease-in-out infinite}@keyframes ethereal-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.05)}}[data-mood=gritty] .settings-options{animation:gritty-shake 4s ease-in-out infinite}[data-mood=rugged] .settings-header{animation:rugged-pulse 3s ease-in-out infinite}[data-mood=chaotic] .switch{animation:chaotic-wiggle 2s ease-in-out infinite}@keyframes chaotic-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(.5deg)}75%{transform:rotate(-.5deg)}}[data-mood=mysterious] .playlist-label,[data-mood=mysterious] .content-label{animation:mysterious-fade 4s ease-in-out infinite}@keyframes mysterious-fade{0%,to{opacity:1}50%{opacity:.8}}[data-mood=ominous] .settings-container{animation:ominous-pulse 3s ease-in-out infinite}[data-mood=romantic] .settings-options{animation:romantic-sway 6s ease-in-out infinite}@keyframes romantic-sway{0%,to{transform:rotate(0)}25%{transform:rotate(.1deg)}75%{transform:rotate(-.1deg)}}[data-mood=gentle] .slider-round:before{animation:gentle-glow 4s ease-in-out infinite}@keyframes gentle-glow{0%,to{box-shadow:0 2px 8px #0003}50%{box-shadow:0 2px 12px #0000004d}}.settings-options:focus{outline:2px solid var(--theme-accent);outline-offset:2px}.switch:focus-within .slider-round{outline:2px solid var(--theme-accent);outline-offset:2px}.playlist-label:hover,.content-label:hover{transform:translate(2px);transition:transform .2s ease}.settings-options:active{transform:scale(.98)}.settings-container.loading{opacity:.7;pointer-events:none}.settings-container.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid var(--theme-text-primary);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.settings-options::-webkit-scrollbar{width:8px}.settings-options::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.settings-options::-webkit-scrollbar-thumb{background:var(--theme-accent);border-radius:4px}.settings-options::-webkit-scrollbar-thumb:hover{background:var(--theme-text-primary)}.settings-container,.switch,.slider-round,.settings-options{will-change:transform;backface-visibility:hidden}.card-container{grid-area:card;background:var(--theme-card-bg, rgba(255, 255, 255, .15));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:var(--theme-shadows, 0 8px 32px rgba(0, 0, 0, .1));height:fit-content;transition:all 1s ease-in-out}.card-container:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.card-header{font-size:1.8rem;font-weight:700;color:var(--theme-text-primary, white);margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.2);transition:color 1s ease-in-out}.card-container p{color:var(--theme-text-secondary, rgba(255, 255, 255, .9));font-size:1rem;line-height:1.6;margin-bottom:1.5rem;transition:color 1s ease-in-out}.music-style-tag{display:inline-block;background:linear-gradient(135deg,#fff3,#ffffff1a);color:var(--theme-text-primary, white);padding:6px 14px;margin:4px 6px 4px 0;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:default;-webkit-user-select:none;user-select:none}.music-style-tag:hover{background:linear-gradient(135deg,#ffffff4d,#fff3);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.music-style-tag:active{transform:translateY(0)}@media (max-width: 768px){.card-container{padding:1.5rem}.card-header{font-size:1.5rem}.card-container p{font-size:.95rem;margin-bottom:1rem}.music-style-tag{font-size:.8rem;padding:5px 12px;margin:3px 4px 3px 0}}@media (max-width: 480px){.card-container{padding:1rem}.card-header{font-size:1.3rem;margin-bottom:.8rem}.music-style-tag{font-size:.75rem;padding:4px 10px}}[data-mood=energetic] .music-style-tag{animation:tag-bounce 2s ease-in-out infinite}@keyframes tag-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}[data-mood=contemplative] .card-container{animation:contemplative-breath 6s ease-in-out infinite}@keyframes contemplative-breath{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}[data-mood=intense] .music-style-tag{animation:intense-glow 1.5s ease-in-out infinite}@keyframes intense-glow{0%,to{box-shadow:0 0 5px #fff3}50%{box-shadow:0 0 15px #fff6}}[data-mood=peaceful] .music-style-tag{animation:peaceful-float 4s ease-in-out infinite}@keyframes peaceful-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}[data-mood=dreamy] .music-style-tag{animation:dreamy-colors 8s ease-in-out infinite}@keyframes dreamy-colors{0%,to{filter:hue-rotate(0deg)}33%{filter:hue-rotate(10deg)}66%{filter:hue-rotate(-10deg)}}[data-mood=ethereal] .card-container{animation:ethereal-glow 5s ease-in-out infinite}@keyframes ethereal-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}[data-mood=gritty] .music-style-tag{animation:gritty-shake 3s ease-in-out infinite}@keyframes gritty-shake{0%,to{transform:rotate(0)}25%{transform:rotate(.3deg)}75%{transform:rotate(-.3deg)}}[data-mood=rugged] .card-header{animation:rugged-pulse 3s ease-in-out infinite}@keyframes rugged-pulse{0%,to{text-shadow:0 2px 10px rgba(0,0,0,.2)}50%{text-shadow:0 2px 15px rgba(0,0,0,.4)}}[data-mood=chaotic] .music-style-tag{animation:chaotic-dance 2s ease-in-out infinite}@keyframes chaotic-dance{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(1deg) scale(1.02)}50%{transform:rotate(-1deg) scale(.98)}75%{transform:rotate(.5deg) scale(1.01)}}[data-mood=mysterious] .music-style-tag{animation:mysterious-fade 4s ease-in-out infinite}@keyframes mysterious-fade{0%,to{opacity:1}50%{opacity:.7}}[data-mood=ominous] .card-container{animation:ominous-pulse 3s ease-in-out infinite}[data-mood=romantic] .music-style-tag{animation:romantic-sway 6s ease-in-out infinite}@keyframes romantic-sway{0%,to{transform:rotate(0)}25%{transform:rotate(.5deg)}75%{transform:rotate(-.5deg)}}[data-mood=gentle] .card-container{animation:gentle-motion 7s ease-in-out infinite}@keyframes gentle-motion{0%,to{transform:translate(0)}50%{transform:translate(2px)}}.music-style-tag:nth-child(1){animation-delay:0s}.music-style-tag:nth-child(2){animation-delay:.1s}.music-style-tag:nth-child(3){animation-delay:.2s}.music-style-tag:nth-child(4){animation-delay:.3s}.music-style-tag:nth-child(5){animation-delay:.4s}.music-style-tag:nth-child(6){animation-delay:.5s}.music-style-tag:hover{animation-play-state:paused;transform:translateY(-3px) scale(1.05)}.music-style-tag:focus{outline:2px solid var(--theme-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.card-container{border:2px solid var(--theme-text-primary)!important;background:#000c!important}.music-style-tag{border:2px solid var(--theme-text-primary)!important;background:#ffffff4d!important}}.weather-container{width:100%;display:flex;flex-direction:column;gap:24px;transition:all 1s ease-in-out}.weather-info-section{background:var(--theme-card-bg, rgba(255, 255, 255, .15));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:var(--theme-shadows, 0 8px 32px rgba(0, 0, 0, .1));transition:all 1s ease-in-out}.weather-info-section:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.music-card-integrated{width:100%}.music-card-integrated .card-container{margin:0;grid-area:unset}.city-container{margin-bottom:1.5rem}.city{font-size:1.8rem;font-weight:700;color:var(--theme-text-primary, white);text-shadow:0 2px 10px rgba(0,0,0,.2);transition:color 1s ease-in-out}.weather{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.5rem}.temp,.feels-like{font-size:1.2rem;font-weight:600;color:var(--theme-text-primary, white);background:#ffffff1a;padding:8px 16px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all 1s ease-in-out}.temp:hover,.feels-like:hover{background:#ffffff26;transform:translate(4px)}.weather-description{font-size:1rem;color:var(--theme-text-secondary, rgba(255, 255, 255, .9));text-transform:capitalize;font-style:italic;margin-top:.5rem;transition:color 1s ease-in-out}.weather-time-icon{display:flex;align-items:center;justify-content:space-between}.current-time{font-size:1.1rem;font-weight:500;color:var(--theme-text-primary, white);transition:color 1s ease-in-out}.weather-icon{color:#fbbf24;display:inline-block;animation:float 3s ease-in-out infinite;font-size:1.5rem;transition:color .3s ease}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.weather-icon:has(+.weather-description:contains("rain")),.weather-icon:has(+.weather-description:contains("drizzle")){color:#60a5fa}.weather-icon:has(+.weather-description:contains("snow")){color:#e0e7ff}.weather-icon:has(+.weather-description:contains("cloud")){color:#9ca3af}.weather-icon:has(+.weather-description:contains("storm")){color:#fbbf24;animation:lightning-pulse 2s ease-in-out infinite}@keyframes lightning-pulse{0%,to{opacity:1}50%{opacity:.7;filter:brightness(1.5)}}@media (max-width: 768px){.weather-info-section{padding:1.5rem}.city{font-size:1.5rem}.temp,.feels-like{font-size:1rem;padding:6px 12px}.current-time{font-size:1rem}.weather-container{gap:20px}}@media (max-width: 480px){.weather-info-section{padding:1rem}.city{font-size:1.3rem}.weather{gap:.5rem}.weather-container{gap:15px}}[data-mood=contemplative] .weather-info-section{animation:rain-ripple 4s ease-in-out infinite}@keyframes rain-ripple{0%,to{box-shadow:var(--theme-shadows)}50%{box-shadow:var(--theme-shadows),inset 0 0 20px #4299e11a}}[data-mood=energetic] .weather-info-section{animation:sunny-glow 5s ease-in-out infinite}@keyframes sunny-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.05)}}[data-mood=intense] .weather-icon{animation:storm-shake 1s ease-in-out infinite}@keyframes storm-shake{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(1deg)}75%{transform:translateY(-4px) rotate(-1deg)}}[data-mood=peaceful] .weather-icon{animation:snow-drift 6s ease-in-out infinite}@keyframes snow-drift{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-3px) translate(2px)}66%{transform:translateY(-6px) translate(-2px)}}[data-mood=ethereal] .weather-info-section{animation:mist-blur 8s ease-in-out infinite}@keyframes mist-blur{0%,to{filter:blur(0px)}50%{filter:blur(.5px)}}[data-mood=mysterious] .weather-description{animation:fog-fade 5s ease-in-out infinite}@keyframes fog-fade{0%,to{opacity:.9}50%{opacity:.6}}[data-mood=rugged] .weather-info-section{animation:wind-sway 4s ease-in-out infinite}@keyframes wind-sway{0%,to{transform:rotate(0)}25%{transform:rotate(.5deg)}75%{transform:rotate(-.5deg)}}[data-mood=romantic] .weather-info-section{animation:moonlight-glow 6s ease-in-out infinite}@keyframes moonlight-glow{0%,to{box-shadow:var(--theme-shadows)}50%{box-shadow:var(--theme-shadows),0 0 30px #a78bfa33}}[data-mood=gritty] .weather-info-section{animation:gritty-shake 3s ease-in-out infinite}@keyframes gritty-shake{0%,to{transform:translate(0)}25%{transform:translate(.5px)}75%{transform:translate(-.5px)}}[data-mood=dreamy] .weather-info-section{animation:dreamy-float 8s ease-in-out infinite}@keyframes dreamy-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}[data-mood=chaotic] .weather-icon{animation:chaotic-wiggle 2s ease-in-out infinite}@keyframes chaotic-wiggle{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(1deg)}50%{transform:translateY(-1px) rotate(-1deg)}75%{transform:translateY(-3px) rotate(.5deg)}}[data-mood=ominous] .weather-info-section{animation:ominous-pulse 3s ease-in-out infinite}@keyframes ominous-pulse{0%,to{border-color:#fff3}50%{border-color:#f5656566}}[data-mood=gentle] .weather-info-section{animation:gentle-breath 6s ease-in-out infinite}@keyframes gentle-breath{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.weather-icon{animation:none!important}}@media (prefers-contrast: high){.weather-info-section,.temp,.feels-like{border:2px solid var(--theme-text-primary)!important;background:#000c!important}}.temp:focus,.feels-like:focus{outline:2px solid var(--theme-accent);outline-offset:2px}.weather-info-section:active{transform:translateY(-2px);transition:transform .1s ease}.weather-info-section,.weather-icon,.temp,.feels-like{will-change:transform,filter;backface-visibility:hidden}.app-container{max-width:1200px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:24px;min-height:100vh}.header-section{display:flex;align-items:center;justify-content:space-between;background:var(--theme-card-bg, rgba(255, 255, 255, .1));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.5rem 2rem;border:1px solid rgba(255,255,255,.2);box-shadow:var(--theme-shadows, 0 8px 32px rgba(0, 0, 0, .1));transition:all 1s ease-in-out}.header-title{flex:1;text-align:center}.header-title h1{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--theme-text-primary, #fff) 0%,rgba(255,255,255,.8) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 20px rgba(0,0,0,.1);margin:0;letter-spacing:-.02em;transition:all 1s ease-in-out}.header-actions{min-width:200px;display:flex;justify-content:flex-end}.weather-section{width:100%;position:relative;overflow:hidden;border-radius:24px;box-shadow:var(--theme-shadows, 0 8px 32px rgba(0, 0, 0, .1));transition:all 1s ease-in-out}.weather-content{position:relative;z-index:2;padding:2rem;background:transparent}.bottom-section{display:grid;gap:24px;grid-template-columns:1fr}.playlist-section,.settings-section{width:100%}.weather-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:.3;pointer-events:none}.weather-rain .weather-background{background:linear-gradient(transparent,transparent 80%,rgba(100,149,237,.1) 80%);background-size:2px 15px;animation:rain-fall .5s linear infinite}@keyframes rain-fall{0%{background-position:0% 0%}to{background-position:0% 100%}}.weather-snow .weather-background{background:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 40% 70%,white,transparent),radial-gradient(1px 1px at 90% 40%,white,transparent),radial-gradient(1px 1px at 60% 90%,white,transparent);background-size:50px 50px,60px 60px,40px 40px,80px 80px;animation:snow-fall 10s linear infinite}@keyframes snow-fall{0%{background-position:0% 0%,0% 0%,0% 0%,0% 0%}to{background-position:50px 50px,60px 60px,40px 40px,80px 80px}}.weather-clear-day .weather-background{background:radial-gradient(circle at 50% 50%,rgba(255,215,0,.3) 20%,transparent 20%),conic-gradient(from 0deg,transparent 0deg,rgba(255,215,0,.1) 10deg,transparent 20deg);background-size:200px 200px,300px 300px;animation:sun-rays 20s linear infinite}@keyframes sun-rays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.weather-clear-night .weather-background{background:radial-gradient(1px 1px at 20% 30%,white,transparent),radial-gradient(1px 1px at 40% 70%,white,transparent),radial-gradient(1px 1px at 90% 40%,white,transparent),radial-gradient(1px 1px at 60% 90%,white,transparent);background-size:100px 100px,120px 120px,80px 80px,150px 150px;animation:twinkling 4s ease-in-out infinite}@keyframes twinkling{0%,to{opacity:.3}50%{opacity:.6}}.weather-clouds .weather-background{background:radial-gradient(ellipse 100px 30px at 20% 50%,rgba(200,200,200,.3),transparent),radial-gradient(ellipse 80px 25px at 60% 40%,rgba(180,180,180,.2),transparent),radial-gradient(ellipse 120px 35px at 80% 60%,rgba(220,220,220,.3),transparent);background-size:200px 100px,150px 80px,250px 120px;animation:clouds-drift 30s linear infinite}@keyframes clouds-drift{0%{background-position:-100px 0%,-80px 0%,-120px 0%}to{background-position:calc(100% + 100px) 0%,calc(100% + 80px) 0%,calc(100% + 120px) 0%}}.weather-thunderstorm .weather-background{background:linear-gradient(transparent,transparent 80%,rgba(100,149,237,.2) 80%),linear-gradient(45deg,transparent 40%,rgba(255,255,255,.8) 41%,rgba(255,255,255,.8) 42%,transparent 43%);background-size:3px 20px,200px 200px;animation:thunderstorm 3s infinite,rain-fall .3s linear infinite}@keyframes thunderstorm{0%,90%,to{opacity:.3}1%,3%,5%{opacity:1;filter:brightness(2)}2%,4%{opacity:.5}}.weather-mist .weather-background,.weather-fog .weather-background{background:radial-gradient(ellipse 200px 50px at 30% 60%,rgba(255,255,255,.2),transparent),radial-gradient(ellipse 150px 40px at 70% 40%,rgba(255,255,255,.15),transparent),radial-gradient(ellipse 180px 45px at 50% 80%,rgba(255,255,255,.18),transparent);background-size:300px 100px,250px 80px,280px 90px;animation:mist-flow 25s ease-in-out infinite}@keyframes mist-flow{0%,to{background-position:-50px 0%,50px 0%,0px 0%}50%{background-position:50px 0%,-30px 0%,30px 0%}}.weather-dust .weather-background,.weather-haze .weather-background,.weather-smoke .weather-background{background:linear-gradient(45deg,transparent 70%,rgba(139,69,19,.1) 70%,rgba(139,69,19,.1) 72%,transparent 72%),linear-gradient(-45deg,transparent 60%,rgba(160,82,45,.08) 60%,rgba(160,82,45,.08) 62%,transparent 62%);background-size:30px 30px,40px 40px;animation:dust-swirl 8s linear infinite}@keyframes dust-swirl{0%{background-position:0% 0%,0% 0%}to{background-position:100% 100%,-100% 100%}}.weather-drizzle .weather-background{background:radial-gradient(1px 1px at 20% 30%,rgba(100,149,237,.2),transparent),radial-gradient(1px 1px at 40% 70%,rgba(100,149,237,.2),transparent),radial-gradient(1px 1px at 90% 40%,rgba(100,149,237,.2),transparent);background-size:30px 30px,40px 40px,35px 35px;animation:light-drizzle 3s linear infinite}@keyframes light-drizzle{0%{background-position:0% 0%,0% 0%,0% 0%}to{background-position:30px 30px,40px 40px,35px 35px}}.weather-ash .weather-background,.weather-tornado .weather-background{background:conic-gradient(from 0deg,transparent 70%,rgba(139,69,19,.2) 80%,transparent 90%),radial-gradient(2px 2px at 30% 60%,rgba(160,82,45,.1),transparent);background-size:150px 150px,50px 50px;animation:tornado-spin 4s linear infinite}@keyframes tornado-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 768px){.bottom-section{grid-template-columns:3fr 1fr;grid-template-areas:"playlist settings"}.playlist-section{grid-area:playlist}.settings-section{grid-area:settings}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--theme-background, linear-gradient(135deg, #667eea 0%, #764ba2 100%))!important;color:#fff;text-align:center;transition:background 1s ease-in-out}.loading-container .loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top:4px solid var(--theme-text-primary, white);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-container p{font-size:1.2rem;font-weight:500;opacity:.9;margin-bottom:.5rem}.loading-container small{font-size:.9rem;opacity:.7}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--theme-background, linear-gradient(135deg, #667eea 0%, #764ba2 100%))!important;color:#fff;text-align:center;padding:2rem;transition:background 1s ease-in-out}.error-container h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.2)}.error-container p{font-size:1.1rem;opacity:.9;margin-bottom:2rem;max-width:500px;line-height:1.6}.retry-btn{background:var(--theme-accent, linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%))!important;color:#fff;border:none;padding:14px 28px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #8b5cf64d}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf666}.header-section,.weather-info-section,.card-container,.playlists-container,.settings-container{background:var(--theme-card-bg)!important;box-shadow:var(--theme-shadows)!important;border:1px solid rgba(255,255,255,.1)!important;transition:all 1s ease-in-out}.header-title h1,.city,.card-header,.settings-header,.playlists-container h2,.playlists-container h3,.track-name{color:var(--theme-text-primary)!important;transition:color 1s ease-in-out}.weather-description,.card-container p,.playlists-container p,.track-artist,.temp,.feels-like,.current-time{color:var(--theme-text-secondary)!important;transition:color 1s ease-in-out}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-indicator{position:fixed;top:10px;right:10px;background:#000c;color:#fff;padding:8px 12px;border-radius:20px;font-size:.8rem;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.theme-indicator:hover{background:#000000e6;transform:scale(1.05)}@media (max-width: 768px){.header-section{flex-direction:column;gap:1rem;padding:1rem}.header-title h1{font-size:2.5rem}.header-actions{min-width:auto;justify-content:center}.app-container{padding:15px;gap:20px}.weather-content{padding:1.5rem}.theme-indicator{position:relative;top:auto;right:auto;margin:0 auto 1rem;display:block;width:fit-content}}@media (max-width: 480px){.header-title h1{font-size:2rem}.app-container{padding:10px;gap:15px}.weather-content{padding:1rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.weather-background{animation:none!important}}@media (prefers-contrast: high){.header-section,.weather-info-section,.card-container,.playlists-container,.settings-container{border:2px solid var(--theme-text-primary)!important;background:#000c!important}}