@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&family=Dancing+Script:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&family=Dancing+Script:wght@700&display=swap";:root{--bg-color: #06090f;--text-primary: #ffffff;--text-secondary: #94a3b8;--primary: #00BAFF;--secondary: #FFD700;--accent: #E60000;--glass-bg: rgba(15, 23, 42, .6);--glass-border: rgba(255, 255, 255, .1);--glass-hover: rgba(255, 255, 255, .15);--card-bg: #0f172a;--gradient: linear-gradient(135deg, #00BAFF, #0077b6)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Be Vietnam Pro,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:700;letter-spacing:-.01em}.animate-fade-in{animation:fadeIn .5s ease-out forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.animate-spin{animation:spin 1s linear infinite;transform-origin:center;display:inline-block;line-height:normal;vertical-align:middle}.text-primary{color:var(--primary)}.search-container{width:100%;max-width:600px;margin:0 auto 2rem;position:relative;z-index:10}.search-wrapper{position:relative}.search-glow{position:absolute;inset:-4px;background:var(--primary);border-radius:16px;filter:blur(8px);opacity:.4;transition:opacity .3s ease;z-index:-1}.search-wrapper:hover .search-glow{opacity:.7}.search-box{display:flex;align-items:center;background-color:#1e293bcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem 1rem;box-shadow:0 4px 20px #0003}.nav-search-wrapper .search-box{padding:.5rem 1rem}.nav-search-wrapper .search-icon{width:20px;height:20px}.search-loading-text{display:flex;align-items:center;gap:.5rem;color:var(--primary);font-size:.85rem;font-weight:600;white-space:nowrap;padding-right:.5rem;animation:fadeIn .3s ease-out;min-width:90px;justify-content:flex-end}.search-spinner-wrap{display:flex;align-items:center;justify-content:center;width:16px;height:16px;animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translate(5px)}to{opacity:1;transform:translate(0)}}.search-box.listening{border-color:var(--secondary);background-color:#6366f11a}.search-glow.listening,.search-glow.youtube-active{background:var(--secondary);opacity:.8;filter:blur(12px);animation:pulse-glow 1.5s infinite}@keyframes pulse-glow{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.02);opacity:.9}to{transform:scale(1);opacity:.6}}.search-actions{display:flex;align-items:center;gap:1rem}.voice-search-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.voice-search-btn:hover{background:#ffffff0d;color:#fff}.voice-search-btn.active{color:var(--secondary);background:#6366f133}.listening-pulse{position:absolute;inset:0;border-radius:50%;border:2px solid var(--secondary);animation:ripple 1s linear infinite}@keyframes ripple{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}.youtube-mode-switch-wrapper{display:flex;align-items:center;gap:.75rem;padding:0 .5rem;border-left:1px solid rgba(255,255,255,.1);margin-left:.5rem}.switch-label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.switch-label.active{color:#fff}.switch-label.active:first-child{color:#facc15;text-shadow:0 0 10px rgba(250,204,21,.4)}.switch-label.active:last-child{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.4)}.youtube-switch{position:relative;width:56px;height:28px;background:#facc1533;box-shadow:0 0 10px #facc1540;border-radius:100px;border:1px solid rgba(250,204,21,.3);cursor:pointer;padding:3px;transition:all .3s cubic-bezier(.4,0,.2,1)}.youtube-switch.active{background:#ef444440;box-shadow:0 0 10px #ef44444d;border:1px solid rgba(239,68,68,.3)}.switch-handle{width:20px;height:20px;background:#fef08a;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 5px #0000004d}.youtube-switch.active .switch-handle{transform:translate(28px);background:#fca5a5}.search-icon{width:24px;height:24px;color:#94a3b8;margin-right:1rem;flex-shrink:0}.search-input{flex:1;background:transparent;border:none;color:#f8fafc;font-size:1.125rem;font-weight:500;outline:none;min-width:0}.search-input::placeholder{color:#64748b}.search-input-group{flex:1;display:flex;align-items:center;min-width:0}@media(max-width:640px){.search-input{font-size:1rem}.search-loading-text span{display:none}.search-loading-text{min-width:20px}.youtube-mode-switch-wrapper{gap:.4rem}.switch-label{font-size:.65rem}}@media(max-width:480px){.search-box{flex-direction:column;padding:.75rem 1rem;gap:.75rem;align-items:stretch}.nav-search-wrapper .search-box{flex-direction:row!important;padding:.35rem .5rem!important;gap:.25rem!important;align-items:center!important}.search-input-group{width:100%}.nav-search-wrapper .search-input-group{width:auto!important;flex:1}.search-icon{margin-right:.75rem;width:20px;height:20px}.search-actions{justify-content:space-between;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05);width:100%;gap:.5rem}.nav-search-wrapper .search-actions{width:auto!important;padding-top:0!important;border-top:none!important;gap:.25rem!important;display:flex!important}.youtube-mode-switch-wrapper{margin-left:0;padding-left:0;border-left:none;flex:1;justify-content:flex-start}.nav-search-wrapper .youtube-mode-switch-wrapper{flex:0 0 auto!important;margin-left:.25rem!important;padding-left:.25rem!important;border-left:1px solid rgba(255,255,255,.1)!important}.nav-search-wrapper .switch-label{display:none}.voice-search-btn{padding:.4rem}}.song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:1rem 0}@media(max-width:640px){.song-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.song-title{font-size:.9rem}.song-artist{font-size:.8rem}.card-content{padding:.75rem}}.song-card{background:#1e293b66;border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.song-card:hover{transform:translateY(-8px);background:#1e293b99;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;border-color:#0ea5e94d}.card-image-wrapper{position:relative;aspect-ratio:16/9;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.song-card:hover .card-image{transform:scale(1.05)}.play-overlay{position:absolute;inset:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;opacity:0;transition:all .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.play-overlay.queue-mode{background:#0ea5e966}.song-card:hover .play-overlay{opacity:1}.play-button{width:56px;height:56px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0ea5e966;transform:translateY(10px);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.play-overlay.queue-mode .play-button{background:var(--secondary)}.song-card:hover .play-button{transform:translateY(0)}.play-action-text{color:#fff;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;transform:translateY(10px);transition:all .3s ease .1s;opacity:0}.song-card:hover .play-action-text{transform:translateY(0);opacity:1}.category-badge{position:absolute;top:12px;right:12px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid rgba(255,255,255,.1)}.card-content{padding:1.25rem}.song-title{font-size:1.125rem;font-weight:600;color:#f1f5f9;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist{color:#94a3b8;font-size:.95rem}.no-results{text-align:center;padding:4rem 1rem;color:#94a3b8}.no-results p{font-size:1.25rem;margin-bottom:1.5rem}.search-youtube-btn{display:inline-block;background:#ef4444;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:transform .2s ease}.search-youtube-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.player-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;perspective:1000px}.player-backdrop{position:absolute;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.player-main-content{display:flex;width:100vw;height:100vh;height:100dvh;position:relative;overflow:hidden;z-index:2;background:#000}.player-container{position:relative;flex:1;height:100%;background:#000;display:flex;flex-direction:column;z-index:10;overflow:hidden;transition:flex .5s cubic-bezier(.4,0,.2,1)}.player-header{position:absolute;top:0;left:0;right:0;padding:.5rem 1rem;padding-top:calc(.5rem + env(safe-area-inset-top,0px));background:transparent;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);display:flex;justify-content:space-between;align-items:center;z-index:30;transition:all .4s cubic-bezier(.4,0,.2,1);border:none}.player-header:hover{background:#0f172ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 2rem;padding-top:calc(1rem + env(safe-area-inset-top,0px));border-bottom:1px solid rgba(255,255,255,.1)}.player-brand-wrapper{display:flex;align-items:center;gap:1.5rem;flex:1;min-width:0}.player-brand{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.player-logo{margin-right:.75rem}.player-logo{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent}.player-logo-img{width:44px;height:44px;object-fit:contain}.player-brand-title{font-size:1rem;font-weight:800;color:#fff;transition:all .3s;opacity:.8;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.4)}.player-header:hover .player-brand-title{font-size:1.15rem;opacity:1;margin-right:.5rem;text-shadow:none}.brand-cursive{font-family:inherit;font-style:italic;font-weight:500}.header-divider{width:1px;height:24px;background:#ffffff26;opacity:0;transition:opacity .3s}.player-header:hover .header-divider{opacity:1}.header-now-playing{display:flex;flex-direction:column;min-width:0}.now-playing-label{color:var(--secondary);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;line-height:1;opacity:0;height:0;overflow:hidden;transition:all .3s}.player-header:hover .now-playing-label{opacity:1;height:auto;margin-bottom:2px}.now-playing-song{color:#fff;font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s;text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.4)}.player-header:hover .now-playing-song{font-size:1.1rem;text-shadow:none}.header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0;z-index:50;opacity:.35;transform:scale(.8) translateY(-4px);transform-origin:top right;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.player-header:hover .header-actions{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.skip-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem 1rem;border-radius:100px;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.skip-button:hover{background:#fff3;transform:translateY(-1px)}.qr-reveal-btn{background:#0ea5e91a!important;border-color:#0ea5e933!important}.qr-reveal-btn:hover{background:#0ea5e933!important;border-color:var(--primary)!important}.drawer-toggle{background:#0ea5e926;border:1px solid rgba(14,165,233,.3);color:#fff;padding:.5rem 1rem;border-radius:100px;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;flex-shrink:0}.drawer-toggle:hover,.drawer-toggle.active{background:#0ea5e966;border-color:var(--primary)}.fullscreen-button{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:100px;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;flex-shrink:0}.fullscreen-button:hover{background:#fff3;border-color:#fff6}.close-button{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fff;padding:.5rem 1rem;border-radius:100px;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s;white-space:nowrap;flex-shrink:0}.close-button:hover{background:#ef4444cc}.player-wrapper{flex:1;width:100%;height:100%;position:relative;background:#000;overflow:hidden}#youtube-player{width:100%!important;height:100%!important;border:none;transform:scale(1.06);transform-origin:center}.video-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;color:#94a3b8;gap:1rem;z-index:5;transition:opacity .3s,visibility .3s}.player-interaction-gate{position:absolute;inset:0;z-index:4;background:transparent;cursor:default}.video-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.video-loader.visible{opacity:1;visibility:visible}.countdown-overlay{position:absolute;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100;display:flex;align-items:center;justify-content:center;animation:countdownFadeIn .4s ease-out}.countdown-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:500px;width:90%}.countdown-label{color:#94a3b8;font-size:1.1rem;font-weight:500;text-transform:uppercase;letter-spacing:2px}.countdown-number-wrap{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.countdown-number{font-size:4.5rem;font-weight:800;color:#fff;z-index:2;animation:numberPop 1s ease-out infinite}.countdown-svg{position:absolute;top:6px;left:6px;width:108px;height:108px;transform:rotate(-90deg)}.countdown-svg circle{fill:none;stroke:var(--primary);stroke-width:4;stroke-dasharray:301.59;stroke-dashoffset:0;stroke-linecap:round;animation:countdownProgress 15s linear forwards}@keyframes countdownProgress{0%{stroke-dashoffset:0}to{stroke-dashoffset:301.59}}@keyframes numberPop{0%{transform:scale(1.2);opacity:0}10%{transform:scale(1);opacity:1}90%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.next-song-preview{background:#ffffff0d;padding:1.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);width:100%}.preview-label{color:var(--secondary);font-size:.8rem;font-weight:700;text-transform:uppercase}.preview-title{color:#fff;font-size:1.5rem;font-weight:700;margin-top:.75rem;line-height:1.4}.skip-waiting-btn{background:#fff;color:#000;border:none;padding:.8rem 2rem;border-radius:100px;font-weight:700;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.skip-waiting-btn:hover{transform:scale(1.05);background:#f1f5f9}@media(max-height:500px)and (orientation:landscape){.countdown-content{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;padding:.5rem 2rem}.countdown-label{width:100%;font-size:.85rem;margin-bottom:-.5rem}.countdown-number-wrap{transform:scale(.65);margin:-20px}.next-song-preview{flex:1;min-width:200px;padding:.85rem 1.25rem;margin:0}.preview-label{font-size:.7rem}.preview-title{font-size:1.15rem;margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skip-waiting-btn{padding:.75rem 1.5rem;font-size:.85rem;white-space:nowrap}}@keyframes countdownFadeIn{0%{opacity:0}to{opacity:1}}.player-sidebar{width:0;background:#0f172afa;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:40;position:relative;height:100%;overflow:hidden;transition:width .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);border-left:0 solid rgba(255,255,255,.1);display:flex;flex-direction:column}.drawer-open .player-sidebar{width:400px;border-left-width:1px;padding-top:env(safe-area-inset-top,0px)}.sidebar-header{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-header h2{font-size:1.1rem;color:#fff}.sidebar-close{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.4rem;border-radius:50%}.sidebar-search{padding:1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.03)}.mini-search-box{display:flex;flex-direction:column;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.5rem;gap:.5rem;transition:all .3s}.mini-search-input-wrap{display:flex;align-items:center;gap:.5rem;padding:0 .5rem;flex:1}.mini-search-box.listening{border-color:var(--secondary);background:#6366f11a;box-shadow:0 0 15px #6366f133}.mini-search-box.youtube-active{border-color:red;background:#ff000014;box-shadow:0 0 15px #ff000026}.mini-search-box input{flex:1;background:transparent;border:none;padding:.8rem 0;color:#fff;outline:none;font-size:.95rem;min-width:0}.sidebar-search-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .5rem 0;border-top:1px solid rgba(255,255,255,.05)}.mini-voice-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.mini-voice-btn:hover{color:#fff;background:#ffffff1a}.sidebar-youtube-toggle{background:transparent;border:none;color:#64748b;cursor:pointer;padding:.4rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.sidebar-youtube-toggle:hover{color:#ef4444;background:#ffffff0d}.sidebar-youtube-toggle.active{color:var(--secondary);background:#6366f11a;filter:drop-shadow(0 0 5px rgba(99,102,241,.4))}.mini-voice-btn.active{color:var(--secondary);background:#6366f133;animation:mini-mic-pulse 1.5s infinite}@keyframes mini-mic-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.sidebar-content{flex:1;overflow-y:auto;padding:0 1.5rem 1.5rem}.sidebar-section{margin-bottom:2rem}.sidebar-section h3{font-size:.75rem;text-transform:uppercase;color:#64748b;letter-spacing:1px}.section-header-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.section-header-row h3{margin-bottom:0!important}.trending-section{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05)}.sidebar-list{display:flex;flex-direction:column;gap:1rem}.skeleton-item{pointer-events:none;background:#ffffff03}.skeleton-thumb{width:50px;aspect-ratio:16/9;border-radius:4px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-line{height:10px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f,#ffffff08 75%);background-size:200% 100%;border-radius:4px;margin-bottom:6px;animation:shimmer 1.5s infinite}.skeleton-line.short{width:60%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sidebar-item{display:flex;align-items:center;gap:1rem;padding:.6rem;background:#ffffff05;border-radius:10px;cursor:pointer;transition:background .2s}.sidebar-item:hover{background:#ffffff0f}.sidebar-item img{width:50px;aspect-ratio:16/9;border-radius:4px;object-fit:cover}.item-info{flex:1;min-width:0}.item-title{color:#f1f5f9;font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-artist{color:#64748b;font-size:.75rem}.add-btn,.remove-btn{background:#ffffff0d;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s}.add-btn{color:var(--primary)}.remove-btn{color:#ef4444}.sidebar-item:hover .add-btn,.sidebar-item:hover .remove-btn{opacity:1}@media(max-width:1024px){.add-btn,.remove-btn{opacity:1}}.sidebar-item.queued{background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.sidebar-item.is-dragging{background:#1e293b!important;border:1px solid var(--primary)!important;box-shadow:0 10px 30px #000c!important;z-index:100000!important;opacity:.95!important}.drag-handle{color:#475569;cursor:grab;display:flex;align-items:center;justify-content:center;padding:.2rem;margin-right:-.25rem;transition:color .2s}.sidebar-item:hover .drag-handle{color:#94a3b8}.queued-index{color:var(--secondary);font-weight:700;width:24px;font-size:.85rem;text-align:center}.empty-sidebar{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#475569}.confirm-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem}.confirm-card{background:#1e293b;border:1px solid rgba(255,255,255,.1);padding:2.5rem;border-radius:24px;width:100%;max-width:400px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 25px 50px -12px #00000080}.confirm-card h3{font-size:1.5rem;color:#fff}.confirm-card p{color:#94a3b8;line-height:1.5}.confirm-btns{display:flex;gap:1rem;width:100%;margin-top:1rem}.confirm-btns button{flex:1;padding:1rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;font-size:.9rem}.btn-cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.btn-cancel:hover{background:#ffffff1a}.btn-confirm{background:#ef4444;border:none;color:#fff}.btn-confirm:hover{background:#dc2626;transform:translateY(-2px)}@media(max-width:1024px){.player-header{padding:.75rem;padding-left:calc(.75rem + env(safe-area-inset-left,0px));padding-right:calc(.75rem + env(safe-area-inset-right,0px))}.player-brand-wrapper{gap:.75rem;flex:1;min-width:0}.header-actions{gap:.5rem}.skip-button span,.close-text,.drawer-toggle span,.fullscreen-button span{display:none}.skip-button,.close-button,.drawer-toggle,.fullscreen-button{padding:.5rem;width:40px;height:40px;justify-content:center}}@media(max-width:768px){.player-header{position:absolute;inset:0 0 auto;background:#000000f2;padding:.5rem .75rem;padding-top:calc(.5rem + env(safe-area-inset-top,0px));padding-left:calc(.75rem + env(safe-area-inset-left,0px));padding-right:calc(.75rem + env(safe-area-inset-right,0px));flex-direction:row;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.08);z-index:50;-webkit-backdrop-filter:none;backdrop-filter:none}.player-header:hover{background:#000000f2;padding:.5rem .75rem;padding-top:calc(.5rem + env(safe-area-inset-top,0px));padding-left:calc(.75rem + env(safe-area-inset-left,0px));padding-right:calc(.75rem + env(safe-area-inset-right,0px));border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:none;backdrop-filter:none}.player-brand,.player-brand-title,.header-divider{display:none}.player-brand-wrapper{flex:1;min-width:0;gap:0}.header-now-playing{flex:1;min-width:0}.now-playing-label{opacity:1!important;height:auto!important;font-size:.55rem;margin-bottom:1px}.player-header:hover .now-playing-label{margin-bottom:1px}.now-playing-song{font-size:.8rem;text-shadow:none}.player-header:hover .now-playing-song{font-size:.8rem}.player-header:hover .player-brand-title{font-size:0;opacity:0;margin-right:0}.header-actions{opacity:1!important;transform:none!important;pointer-events:auto!important;position:fixed;inset:auto 0 0;background:#000000eb;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:.5rem .75rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));padding-left:calc(.75rem + env(safe-area-inset-left,0px));padding-right:calc(.75rem + env(safe-area-inset-right,0px));border-top:1px solid rgba(255,255,255,.08);justify-content:space-around;gap:.25rem;z-index:50;flex-wrap:nowrap}.player-header:hover .header-actions{opacity:1;transform:none}.header-actions .skip-button,.header-actions .drawer-toggle,.header-actions .fullscreen-button,.header-actions .close-button{flex-direction:column;padding:.4rem .5rem;width:auto;height:auto;min-width:48px;border-radius:12px;gap:.15rem;font-size:.6rem;justify-content:center;align-items:center;border:none;background:#ffffff0d}.header-actions .skip-button span,.header-actions .drawer-toggle span,.header-actions .fullscreen-button span,.header-actions .close-button .close-text{display:block!important;font-size:.58rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase;opacity:.75;white-space:nowrap}.header-actions .skip-button svg,.header-actions .drawer-toggle svg,.header-actions .fullscreen-button svg,.header-actions .close-button svg{width:20px;height:20px}.header-actions .drawer-toggle.active{background:#0ea5e94d}.header-actions .close-button{background:#ef44441f}.header-actions .qr-reveal-btn{background:#0ea5e91a!important}.player-sidebar{position:absolute;top:0;right:0;width:100%;transform:translate(100%);transition:transform .4s ease}.drawer-open .player-sidebar{width:100%;transform:translate(0)}.player-container{flex:1!important}.player-wrapper{padding-top:calc(40px + env(safe-area-inset-top,0px));padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.confirm-card{padding:1.5rem;margin:1rem;border-radius:20px;width:90vw;max-width:none}.confirm-btns{gap:.75rem}.confirm-btns button{padding:.8rem .5rem;font-size:.85rem}}@media(max-width:480px){.header-now-playing{max-width:none}.header-actions .skip-button,.header-actions .drawer-toggle,.header-actions .fullscreen-button,.header-actions .close-button{min-width:44px;padding:.35rem .4rem}.header-actions .skip-button span,.header-actions .drawer-toggle span,.header-actions .fullscreen-button span,.header-actions .close-button .close-text{font-size:.52rem}}@media(max-height:500px)and (orientation:landscape){.player-header{padding:.25rem .5rem!important;padding-top:calc(.25rem + env(safe-area-inset-top,0px))!important;background:#00000073!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-bottom:none!important;position:absolute!important;top:0!important;left:0!important;right:0!important}.now-playing-label{font-size:.55rem;text-shadow:0 1px 3px rgba(0,0,0,.9)}.now-playing-song{font-size:.85rem;text-shadow:0 1px 3px rgba(0,0,0,.9)}.header-actions{position:fixed!important;inset:auto 0 0!important;display:flex!important;justify-content:space-around!important;align-items:center!important;padding:.15rem .25rem!important;padding-bottom:calc(.15rem + env(safe-area-inset-bottom,0px))!important;background:#0000000d!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-top:none!important;z-index:50!important;transform:none!important;opacity:1!important;pointer-events:auto!important}.header-actions .skip-button span,.header-actions .drawer-toggle span,.header-actions .fullscreen-button span,.header-actions .close-button .close-text{display:none!important}.header-actions .skip-button,.header-actions .drawer-toggle,.header-actions .fullscreen-button,.header-actions .close-button{min-width:36px!important;height:32px!important;padding:.2rem!important;background:#ffffff1a!important;flex-direction:column!important;border-radius:8px!important;border:none!important}.header-actions svg{width:16px!important;height:16px!important}.player-wrapper{padding-top:0!important;padding-bottom:0!important}}.stall-overlay{position:absolute;inset:0;background:#0f172ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;display:flex;align-items:center;justify-content:center}.stall-content{text-align:center;padding:2rem;background:#1e293b80;border:1px solid rgba(255,255,255,.1);border-radius:32px;max-width:320px;animation:scale-up .5s cubic-bezier(.16,1,.3,1)}.stall-icon-blob{width:80px;height:80px;background:#0ea5e933;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#7dd3fc}.stall-content h3{color:#fff;font-size:1.25rem;margin-bottom:.5rem}.stall-content p{color:#94a3b8;font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.btn-manual-play{background:var(--primary);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;cursor:pointer;transition:all .3s;box-shadow:0 10px 20px #0ea5e94d}.btn-manual-play:hover{transform:translateY(-2px);box-shadow:0 15px 25px #0ea5e966}@media(min-width:1025px){.drawer-open .player-header{padding:.6rem 1.25rem}.drawer-open .player-brand-wrapper{max-width:35%;gap:.75rem}.drawer-open .player-brand-title{font-size:.95rem}.drawer-open .player-logo{width:28px;height:28px}.drawer-open .player-logo svg{width:16px;height:16px}.drawer-open .header-divider{height:20px}.drawer-open .now-playing-label{font-size:.6rem}.drawer-open .now-playing-song{font-size:.85rem}.drawer-open .header-actions{gap:.4rem}.drawer-open .header-actions button{padding:.4rem .6rem;font-size:.8rem;gap:.35rem}.drawer-open .header-actions button svg{width:16px;height:16px}}@media(min-width:1025px)and (max-width:1366px){.drawer-open .close-text,.drawer-open .fullscreen-button span{display:none}.drawer-open .header-actions button{padding:.4rem;width:auto;min-width:36px;justify-content:center}.drawer-open .header-actions button span{margin-right:4px}}.player-mini-footer{position:absolute;bottom:calc(.75rem + env(safe-area-inset-bottom,0px));right:calc(1.5rem + env(safe-area-inset-right,0px));display:flex;align-items:center;gap:.75rem;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.4rem .8rem;border-radius:100px;border:1px solid rgba(255,255,255,.05);z-index:35;color:#ffffff80;font-size:.75rem;transition:all .3s ease;pointer-events:auto;opacity:.35}.player-mini-footer:hover{background:#1e293bd1;color:#fff;border-color:#ffffff26;opacity:1}.player-mini-footer a{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#1877f2;color:#fff;border-radius:50%;transition:transform .2s}.player-mini-footer a:hover{transform:scale(1.1)}@media(max-width:768px){.player-mini-footer{display:none}}.sidebar-youtube-switch-wrapper{display:flex;align-items:center;gap:.5rem;margin-left:.25rem}.youtube-switch.mini{width:44px;height:22px}.youtube-switch.mini .switch-handle{width:18px;height:18px}.youtube-switch.mini.active .switch-handle{transform:translate(22px)}.error-overlay{position:absolute;inset:0;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;display:flex;align-items:center;justify-content:center}.error-content{text-align:center;padding:3rem;background:#1e293b99;border:1px solid rgba(239,68,68,.2);border-radius:32px;max-width:400px;width:90%;display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:scale-up .5s cubic-bezier(.16,1,.3,1)}.error-content h3{color:#fff;font-size:1.5rem;margin:0}.error-content p{color:#94a3b8;line-height:1.6;margin:0}.error-footer{margin-top:1rem;font-size:.85rem;color:#ef4444;font-weight:600;letter-spacing:.5px;font-style:italic}@media(max-width:640px){.error-content{padding:2rem 1.5rem;max-width:300px;gap:1rem;border-radius:24px}.error-content h3{font-size:1.25rem}.error-content p{font-size:.9rem}.error-footer{font-size:.75rem}.error-content svg{width:32px;height:32px}}@media(max-height:500px)and (orientation:landscape){.confirm-card{padding:1rem 1.5rem;gap:.25rem;max-height:90vh;overflow-y:auto}.confirm-card h3{font-size:1.15rem}.confirm-card p{font-size:.8rem}.confirm-btns{margin-top:.5rem;gap:.5rem}.confirm-btns button{padding:.5rem;font-size:.8rem}.stall-content{padding:1rem 1.5rem;max-height:90vh;overflow-y:auto}.stall-icon-blob{width:44px;height:44px;margin:0 auto .5rem}.stall-icon-blob svg{width:20px;height:20px}.stall-content h3{font-size:1.1rem;margin-bottom:.25rem}.stall-content p{font-size:.8rem;margin-bottom:.5rem}.stall-content button{padding:.5rem 1rem;font-size:.8rem}.error-content{padding:1rem 1.5rem;gap:.5rem;max-height:90vh;overflow-y:auto}.error-content svg{width:36px;height:36px}.error-content h3{font-size:1.1rem}.error-content p{font-size:.8rem}.error-footer{margin-top:.25rem;font-size:.7rem}}.skeleton-card{background:#1e293b66;border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.skeleton-image{aspect-ratio:16/9;background:#1e293b;animation:loading-pulse 1.5s infinite}.skeleton-info{padding:1.25rem}.skeleton-line{background:#1e293b;animation:loading-pulse 1.5s infinite;border-radius:4px}.skeleton-line.title{height:1.25rem;width:80%;margin-bottom:.75rem}.skeleton-line.artist{height:.9rem;width:50%}@keyframes loading-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.donate-trigger-btn{position:fixed;bottom:100px;left:30px;display:flex;align-items:center;gap:12px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2);padding:10px 20px;border-radius:50px;font-weight:600;box-shadow:0 8px 32px #0000004d;cursor:pointer;z-index:100;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.donate-trigger-btn.hidden{opacity:0;transform:scale(.8) translateY(20px);pointer-events:none}.donate-trigger-btn:hover{background:#fff3;transform:translateY(-5px) scale(1.05);border-color:var(--primary);box-shadow:0 12px 40px #0ea5e94d}.coffee-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;color:var(--primary)}.heart-mini{position:absolute;top:-5px;right:-8px;color:#ef4444;animation:heart-pulse 1.5s ease-in-out infinite}@keyframes heart-pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:.8}}.btn-text{font-size:.95rem;letter-spacing:.5px}.donate-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.donate-modal-container{background:#1a1a24;width:100%;max-width:440px;border-radius:28px;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px #000c;overflow:hidden;position:relative}.donate-modal-header{padding:24px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05)}.donate-title{display:flex;align-items:center;gap:12px}.donate-title h3{margin:0;font-size:1.3rem;font-weight:700;color:#fff;-webkit-text-fill-color:initial}.donate-modal-body{padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center}.qr-section{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:24px}.qr-frame{position:relative;background:#fff;padding:12px;border-radius:20px;box-shadow:0 10px 40px #0000004d;margin:0 auto 16px;width:fit-content;display:flex;align-items:center;justify-content:center}.qr-image{width:240px;height:240px;display:block;border-radius:12px}.qr-glow{position:absolute;inset:-10px;background:#0ea5e91a;z-index:-1;animation:rotate-glow 10s linear infinite}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.qr-instruction{color:#94a3b8;font-size:.9rem;margin:0}.donate-info{margin-bottom:24px;width:100%;text-align:left}.donate-message{color:#cbd5e1;font-size:.95rem;line-height:1.6;margin-bottom:20px}.bank-details{background:#ffffff08;border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:8px}.bank-item{display:flex;justify-content:space-between;gap:20px;font-size:.85rem}.bank-item .label{color:#64748b;text-align:left}.bank-item .value{color:#fff;font-weight:600;text-align:right}.donate-footer{margin-top:10px}.donate-footer p{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--primary);font-weight:600;font-size:1.1rem}.heart-icon-fill{animation:heart-pulse 1s ease-in-out infinite}.animate-scale-up{animation:scaleUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleUp{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.donate-trigger-btn{bottom:100px;left:20px;padding:10px 14px}.btn-text{display:none}.donate-modal-container{max-width:90%}.qr-image{width:180px;height:180px}}@media(max-height:500px)and (orientation:landscape){.donate-modal-container{max-width:90%;max-height:95vh;display:flex;flex-direction:column}.donate-modal-header{padding:12px 24px}.donate-title h3{font-size:1.1rem}.donate-modal-body{flex-direction:row;padding:16px 24px;gap:20px;align-items:center;justify-content:space-between;overflow-y:auto}.qr-section{width:auto;margin-bottom:0}.qr-frame{padding:8px;margin-bottom:8px}.qr-image{width:140px;height:140px}.qr-instruction{font-size:.8rem}.donate-info{margin-bottom:0;flex:1}.donate-message{font-size:.85rem;margin-bottom:12px}.bank-details{padding:12px;gap:6px}.bank-item{font-size:.75rem}.donate-footer p{font-size:.95rem;margin-bottom:0}}:root{--primary: #0ea5e9;--primary-glow: rgba(14, 165, 233, .4);--secondary: #ec4899;--bg-primary: #020617;--text-primary: #f8fafc;--text-secondary: #94a3b8;--glass-bg: rgba(30, 41, 59, .4);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(12px);--card-shadow: 0 10px 25px -5px rgba(0, 0, 0, .4)}.remote-container{min-height:100vh;min-height:100dvh;background:var(--bg-primary);background-image:radial-gradient(at 0% 0%,rgba(14,165,233,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(236,72,153,.1) 0px,transparent 50%);color:var(--text-primary);display:flex;flex-direction:column;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;position:relative}.remote-container:before{content:"";position:fixed;inset:0;background-image:url(../../../artifacts/remote_control_bg_1773991799339.png);background-size:cover;background-position:center;opacity:.15;pointer-events:none;z-index:0}.remote-header{padding:1rem 1.5rem;padding-top:calc(env(safe-area-inset-top,0px) + 1rem);background:#020617b3;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:100}.remote-logo{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;gap:1rem}.remote-logo-inner{display:flex;align-items:center;gap:.75rem}.remote-logo-img{width:54px;height:54px;object-fit:contain;background:transparent;margin-left:-5px}.logo-text{display:flex;flex-direction:column}.remote-logo h1{font-size:1.15rem;font-weight:800;margin:0;line-height:1.2;background:linear-gradient(to right,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-subtitle{font-size:.65rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.8px;opacity:.8}.session-badge{background:var(--glass-bg);color:var(--primary);border:1px solid var(--primary-glow);padding:.25rem .6rem;border-radius:8px;font-size:.75rem;font-weight:800;letter-spacing:1px}.remote-now-playing{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#0ea5e91a,#0206174d);border:1px solid var(--primary-glow);padding:1rem;border-radius:16px;gap:1rem;box-shadow:var(--card-shadow)}.playing-info{display:flex;flex-direction:column;overflow:hidden;flex:1}.playing-label{font-size:.65rem;color:var(--primary);text-transform:uppercase;font-weight:700;letter-spacing:1px;margin-bottom:.2rem}.playing-title{font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.playing-none{color:var(--text-secondary);font-size:.9rem;font-style:italic}.btn-next-remote{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:.6rem 1rem;display:flex;align-items:center;gap:.5rem;font-weight:700;cursor:pointer;flex-shrink:0;box-shadow:0 4px 12px var(--primary-glow);transition:all .2s}.btn-next-remote:active{transform:scale(.95);box-shadow:0 2px 6px var(--primary-glow)}.btn-next-remote:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;filter:grayscale(1)}.remote-tabs{display:flex;background:#02061766;padding:5px;margin:1.25rem 1.5rem;border-radius:14px;border:1px solid var(--glass-border)}.remote-tab{flex:1;padding:.75rem;border:none;background:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px;font-size:.9rem}.remote-tab.active{color:#fff;background:linear-gradient(135deg,var(--primary),#3b82f6);box-shadow:0 6px 15px #0ea5e966;border:1px solid rgba(255,255,255,.1);font-weight:700;transform:translateY(-2px) scale(1.02)}.remote-tab.active svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.remote-main{flex:1;padding:0 1.5rem calc(env(safe-area-inset-bottom,20px) + 2rem);overflow-y:auto;position:relative;z-index:1}.remote-search-section,.remote-queue-section{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes neon-pulse-idle{0%{box-shadow:0 4px 15px #0006,0 0 8px #0ea5e94d,inset 0 0 5px #0ea5e91a}50%{box-shadow:0 4px 15px #0006,0 0 16px #0ea5e999,inset 0 0 8px #0ea5e940;border-color:#0ea5e999}to{box-shadow:0 4px 15px #0006,0 0 8px #0ea5e94d,inset 0 0 5px #0ea5e91a}}@keyframes neon-pulse-focus{0%{box-shadow:0 6px 20px #00000080,0 0 15px var(--primary),0 0 30px var(--primary),inset 0 0 10px #0ea5e966;border-color:#38bdf8}50%{box-shadow:0 6px 20px #00000080,0 0 20px var(--primary),0 0 45px var(--primary),inset 0 0 18px #0ea5e999;border-color:#7dd3fc}to{box-shadow:0 6px 20px #00000080,0 0 15px var(--primary),0 0 30px var(--primary),inset 0 0 10px #0ea5e966;border-color:#38bdf8}}.remote-search-bar{display:flex;align-items:center;background:#0f172ab3;border:2px solid rgba(14,165,233,.4);border-radius:16px;padding:0 1rem;margin-bottom:2rem;animation:neon-pulse-idle 3s infinite ease-in-out;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:10}.remote-search-bar:focus-within{background:#0f172af2;animation:neon-pulse-focus 1.5s infinite ease-in-out}.remote-search-bar input{flex:1;background:none;border:none;color:#fff;padding:1rem .5rem;font-size:1.1rem;font-weight:500;font-family:inherit}.remote-search-bar input:focus{outline:none}.clear-search{color:var(--text-secondary);cursor:pointer;padding:4px}.remote-search-bar.listening{border-color:var(--secondary);box-shadow:0 0 15px #ec489933}.search-actions-mini{display:flex;align-items:center;gap:.5rem}.mic-btn-mini{background:none;border:none;color:var(--text-secondary);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s;border-radius:50%}.mic-btn-mini:hover{color:#fff;background:#ffffff0d}.mic-btn-mini.active{color:var(--secondary)}.mic-pulse{position:absolute;inset:0;border-radius:50%;border:2px solid var(--secondary);animation:micPulse 1.5s ease-out infinite;pointer-events:none}@keyframes micPulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.6);opacity:0}}.results-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-left:.5rem}.results-header h3{font-size:1rem;font-weight:700;margin:0;color:var(--secondary);text-transform:uppercase;letter-spacing:1px}.remote-search-modes{display:flex;gap:.75rem;margin-bottom:1.5rem}.mode-btn{flex:1;padding:.65rem;border:1px solid var(--glass-border);border-radius:10px;background:var(--glass-bg);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s;font-size:.85rem}.mode-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px var(--primary-glow)}.remote-results{display:flex;flex-direction:column;gap:.75rem}.remote-song-card{display:flex;align-items:center;gap:1rem;background:var(--glass-bg);border:1px solid var(--glass-border);padding:.85rem;border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--card-shadow)}.remote-song-card:hover{border-color:var(--primary-glow);transform:scale(1.02)}.remote-song-card:active{transform:scale(.98);background:#ffffff0d}.remote-song-card img{width:56px;height:56px;border-radius:12px;object-fit:cover;box-shadow:0 4px 8px #0000004d}.remote-song-card .song-info{flex:1;overflow:hidden}.remote-song-card h4{margin:0 0 .25rem;font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.remote-song-card p{margin:0;font-size:.75rem;color:var(--text-secondary)}.add-btn{background:#0ea5e926;color:var(--primary);border:1px solid var(--primary-glow);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s}.remote-song-card:hover .add-btn{background:var(--primary);color:#fff}.remote-queue-list{display:flex;flex-direction:column;gap:.75rem}.remote-queue-item{display:flex;align-items:center;gap:.75rem;background:var(--glass-bg);border:1px solid var(--glass-border);padding:.85rem;border-radius:16px;box-shadow:var(--card-shadow);transition:all .2s cubic-bezier(.4,0,.2,1)}.remote-queue-item.is-dragging{background:#0ea5e933;border-color:var(--primary);box-shadow:0 15px 40px #0006;transform:scale(1.02);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000}.drag-handle{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:grab;padding:.25rem;margin-left:-.25rem;opacity:.6}.drag-handle:active{cursor:grabbing}.remote-queue-item.is-dragging .drag-handle{color:var(--primary);opacity:1}@keyframes sideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.queue-num{font-weight:800;color:var(--primary);width:24px;font-size:.8rem;opacity:.7}.remote-queue-item .song-info{flex:1}.remove-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.remove-btn:hover{background:#ef4444;color:#fff}.remote-results-loading,.remote-queue-empty,.remote-loading,.remote-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:1.5rem;color:var(--text-secondary)}.remote-loading,.remote-error{height:100vh;margin:0;background:var(--bg-primary)}.btn-go-search{margin-top:1rem;background:var(--primary);color:#fff;border:none;padding:.85rem 2rem;border-radius:12px;font-weight:700;box-shadow:0 4px 12px var(--primary-glow);cursor:pointer}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.remote-toast{position:fixed;top:calc(env(safe-area-inset-top,0px) + 1.5rem);left:50%;transform:translate(-50%);background:#0ea5e9f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:.85rem 1.5rem;border-radius:100px;display:flex;align-items:center;gap:.75rem;z-index:2000;box-shadow:0 10px 30px #00000080,0 0 15px var(--primary-glow);font-weight:600;font-size:.85rem;animation:toastIn .4s cubic-bezier(.175,.885,.32,1.275) forwards;max-width:90vw;border:1px solid rgba(255,255,255,.2);pointer-events:none}.remote-toast span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:480px){.remote-now-playing{padding:.75rem}.playing-title{font-size:.85rem}.btn-next-remote{padding:.5rem .75rem;font-size:.8rem}}.remote-logo-right{display:flex;align-items:center;gap:.5rem}.remote-language-selector{display:flex;align-items:center;gap:2px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;padding:2px}.remote-lang-btn{background:transparent;border:none;color:var(--text-secondary);padding:.2rem .4rem;border-radius:6px;font-size:.65rem;font-weight:800;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1}.remote-lang-btn:hover{color:#fff;background:#ffffff14}.remote-lang-btn.active{color:#fff;background:var(--primary);box-shadow:0 2px 8px var(--primary-glow)}@media(max-width:400px){.remote-language-selector{padding:1px}.remote-lang-btn{padding:.2rem .3rem;font-size:.6rem}}.custom-toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:999999;display:flex;align-items:center;gap:12px;padding:12px 24px;border-radius:50px;background:#0f172ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#fff;box-shadow:0 10px 30px #00000080;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.toast-message{font-size:.95rem;font-weight:500;white-space:nowrap}.toast-success{border-left:3px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-info{border-left:3px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-warning{border-left:3px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-error{border-left:3px solid #ef4444}.toast-error .toast-icon{color:#ef4444}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.animate-slide-up{animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275) forwards}.confirm-overlay{position:fixed;inset:0;background:#020617d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:20000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.confirm-card{background:#0f172ae6;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.1);border-radius:32px;max-width:420px;width:100%;padding:3rem 2rem 2rem;text-align:center;position:relative;box-shadow:0 40px 100px #000000b3,0 0 40px #0ba5e91a}.confirm-close{position:absolute;top:1.25rem;right:1.25rem;background:transparent;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.confirm-close:hover{background:#ffffff0d;color:#fff}.confirm-icon-section{display:flex;justify-content:center;margin-bottom:1.75rem}.confirm-icon-bg{width:84px;height:84px;border-radius:28px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.confirm-card:hover .confirm-icon-bg{transform:rotate(10deg) scale(1.05)}.confirm-icon-bg.warning{background:#f59e0b26;color:#f59e0b}.confirm-icon-bg.danger{background:#ef444426;color:#ef4444}.confirm-content h3{font-size:1.5rem;color:#fff;margin-bottom:1rem;font-weight:800;letter-spacing:-.5px}.confirm-content p{font-size:1rem;color:#fff9;line-height:1.6;margin-bottom:2.5rem;padding:0 .5rem}.confirm-actions{display:flex;gap:1rem}.confirm-actions button{flex:1;padding:.875rem 1.5rem;border-radius:100px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;white-space:nowrap;display:flex;align-items:center;justify-content:center}.btn-confirm-cancel{background:#ffffff0d;color:#94a3b8;border:1px solid rgba(255,255,255,.1)!important}.btn-confirm-cancel:hover{background:#ffffff1a;color:#fff;border-color:#fff3!important}.btn-confirm-submit.warning{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 10px 25px #0ea5e966}.btn-confirm-submit.warning:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 15px 30px #0ea5e980;filter:brightness(1.1)}.btn-confirm-submit.warning:active{transform:translateY(0) scale(.98)}.btn-confirm-submit.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 10px 25px #ef444466}.btn-confirm-submit.danger:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 15px 30px #ef444480;filter:brightness(1.1)}.btn-confirm-submit.danger:active{transform:translateY(0) scale(.98)}.btn-confirm-cancel:active{transform:scale(.98)}@media(max-width:480px){.confirm-card{padding:2.5rem 1.5rem 1.5rem}.confirm-content h3{font-size:1.35rem}.confirm-actions{flex-direction:column;gap:.75rem}.confirm-actions button{width:100%;padding:1rem}}.app-container{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background-color:#06090f;color:#f0f6fc}.top-nav{position:fixed;top:0;left:0;right:0;height:calc(70px + env(safe-area-inset-top,0px));z-index:1000;background:transparent;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);padding:0 1.5rem;padding-top:env(safe-area-inset-top,0px);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;transform:translateY(-100%);opacity:0;display:flex;align-items:center}.top-nav.scrolled{transform:translateY(0);opacity:1;background:#0d1117e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080}@media(max-width:768px){.top-nav{transform:translateY(0);opacity:1;background:#06090f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);height:calc(56px + env(safe-area-inset-top,0px))}.top-nav.scrolled{box-shadow:0 4px 20px #00000080}.app-header{padding-top:calc(56px + env(safe-area-inset-top,0px) + 1.5rem);padding-bottom:2rem}.hidden-search{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px)}.nav-search-wrapper{min-width:0}.logo-text-wrap{display:none!important}.logo-icon{width:90px;height:90px}.nav-fullscreen-btn{width:40px;height:40px;padding:0;min-width:40px;border-radius:10px}.nav-fullscreen-btn span{display:none}.top-nav:not(.scrolled) .language-selector{display:none}.home-fullscreen-btn{display:none!important}}.nav-content{width:100%;max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.nav-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.nav-search-wrapper{flex:1;max-width:750px;min-width:0}.nav-search-wrapper .search-container{margin-bottom:0;max-width:none;width:100%}.nav-search-wrapper .search-box{padding:.4rem .75rem}.nav-fullscreen-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;height:40px;padding:0 .75rem;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;font-size:.85rem;font-weight:600}.nav-fullscreen-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff3;transform:scale(1.05)}.nav-fullscreen-btn:active{transform:scale(.95)}.home-fullscreen-btn{position:fixed;top:30px;right:30px;height:48px;padding:0 1.25rem;background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;z-index:2500;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px #0000004d;font-weight:600;white-space:nowrap}.home-fullscreen-btn:hover{background:#1e293bcc;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 15px 30px #0ea5e933}.home-fullscreen-btn.hidden{opacity:0;transform:scale(.8) translateY(-20px);pointer-events:none}.logo-container.compact{cursor:pointer;transition:transform .2s}.logo-container.compact:hover{transform:scale(1.05)}.logo-icon.small{width:42px;height:42px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent}.nav-logo-img{width:38px;height:38px;object-fit:contain}.header-logo-img{width:100%;height:100%;object-fit:contain}.app-title-nav{font-size:1.25rem;letter-spacing:-1px;font-weight:800;color:#fff;white-space:nowrap}.logo-text-wrap{display:flex;align-items:center}.app-header{transition:all .4s cubic-bezier(.4,0,.2,1)}.app-header.hidden{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(-20px) scale(.98)}@media(max-width:768px){.app-header.hidden{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(-15px)}}.main-content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem 4rem}.hidden-search{opacity:0;pointer-events:none;visibility:hidden;transform:scale(.95) translateY(-10px);transition:all .4s cubic-bezier(.4,0,.2,1)}.app-header{text-align:center;padding:6rem 1rem 3rem;background:#00baff0d;display:flex;flex-direction:column;align-items:center;gap:1rem}.logo-container{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.logo-icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:transparent}.app-title{font-size:3rem;font-weight:800;letter-spacing:-2px}.text-gradient{background:var(--primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-cursive{font-family:Dancing Script,cursive;font-weight:700;letter-spacing:0;padding-left:.5rem;font-size:1.2em}.app-title-nav .brand-cursive{font-size:1.35rem;padding-left:.25rem}.app-subtitle{color:#94a3b8;font-size:1.25rem;font-weight:500;max-width:600px;line-height:1.6;margin-top:.5rem}.category-scroll{overflow-x:auto;padding:.5rem 0 1.5rem;margin-bottom:1.5rem;-ms-overflow-style:none;scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}.category-list{display:flex;justify-content:center;gap:.75rem;min-width:min-content;padding:.5rem 2rem}.category-chip{padding:.7rem 1.6rem;border-radius:100px;background:#1e293b66;border:1px solid rgba(255,255,255,.08);color:#94a3b8;font-weight:600;font-size:.95rem;white-space:nowrap;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.category-chip:hover{background:#ffffff1a;color:#fff;border-color:#fff3;transform:translateY(-4px);box-shadow:0 10px 20px -10px #00000080}.category-chip.active{background:var(--primary);border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 8px 15px #0ea5e966}.results-container{margin-top:1rem;margin-bottom:4rem}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-left:.5rem}.section-header h2{font-size:1.5rem;color:#f1f5f9}.text-secondary{color:#ec4899}.app-footer{padding:4rem 1.5rem;padding-bottom:calc(4rem + env(safe-area-inset-bottom,0px));background:#0f172a99;border-top:1px solid rgba(255,255,255,.05);margin-top:4rem}.footer-content{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.footer-sitemap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;width:100%;padding-bottom:3rem;margin-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.05);text-align:left}.sitemap-column{display:flex;flex-direction:column;gap:.75rem}.sitemap-column h4{color:#fff;font-size:1.1rem;margin-bottom:.5rem;font-weight:700}.sitemap-column a,.footer-link-btn{color:#94a3b8;text-decoration:none;font-size:.95rem;transition:color .2s;background:none;border:none;padding:0;cursor:pointer;text-align:left;display:block}.sitemap-column a:hover,.footer-link-btn:hover{color:var(--primary)}.copyright{color:#94a3b8;font-size:1rem}.copyright strong{color:#f1f5f9}.footer-links{display:flex;gap:1.5rem}.fb-link{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#1877f2;color:#fff;text-decoration:none;border-radius:100px;font-weight:600;font-size:.9rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.fb-link:hover{transform:translateY(-3px);box-shadow:0 10px 20px #1877f24d;filter:brightness(1.1)}.footer-tagline{display:flex;align-items:center;gap:.4rem;color:#64748b;font-size:.9rem}.heart-icon{color:#ef4444;animation:heartRate 1.5s ease-out infinite}@keyframes heartRate{0%{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(1)}45%{transform:scale(1.2)}to{transform:scale(1)}}@media(max-width:768px){.app-title{font-size:2.25rem}.category-list{justify-content:flex-start}.song-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.card-content{padding:1rem}.play-button{width:48px;height:48px}}.mini-footer{position:fixed;bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%)!important;background:#0f172ad1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);padding:.6rem 1.5rem;border-radius:100px;display:flex;align-items:center;justify-content:center;gap:1.25rem;z-index:2000;box-shadow:0 10px 30px #00000080;color:#cbd5e1;font-size:.85rem;white-space:nowrap;width:fit-content}.mini-footer strong{color:#f1f5f9}.mini-fb-icon{width:28px;height:28px;background:#1877f2;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .2s}.mini-fb-icon:hover{transform:scale(1.1)}@media(max-width:768px){.mini-footer{bottom:1rem;padding:.4rem 1rem;font-size:.75rem}}@media(max-width:640px){.top-nav{padding:0 .75rem}.nav-content{gap:.75rem;padding:0 .5rem}.app-title{font-size:2rem}.main-content{padding:0 1rem 3rem}.logo-icon{width:44px;height:44px;border-radius:12px}.logo-container.compact{display:none}.nav-fullscreen-btn{display:flex}.nav-search-wrapper{max-width:100%;flex:1;min-width:0;margin:0 auto}.nav-search-wrapper .search-box{padding:.25rem .5rem;height:38px}.nav-search-wrapper .search-box input{font-size:.85rem}.logo-icon.small{width:28px;height:28px}.main-content>.hidden-search,.main-content>div:first-child:has(.search-container){display:none}}@media(max-width:500px){.app-title-nav{display:none}.logo-container.compact{gap:0}}body.modal-open{overflow:hidden}body.modal-open .top-nav,body.modal-open .mini-footer,body.modal-open .app-header,body.modal-open .app-footer{opacity:0!important;pointer-events:none!important;visibility:hidden!important;transition:opacity .3s ease}.resume-overlay{position:fixed;inset:0;background:#020617d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem}.resume-card{background:#1e293bcc;border:1px solid rgba(255,255,255,.1);padding:3rem;border-radius:24px;max-width:450px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000080}.resume-icon-wrap{width:80px;height:80px;background:var(--primary);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 10px 20px #0ea5e94d}.resume-card h2{font-size:1.8rem;color:#fff;margin-bottom:1rem}.resume-card p{color:#94a3b8;line-height:1.6;margin-bottom:2rem}.resume-btns{display:flex;gap:1rem}.resume-btns button{flex:1;padding:1rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;border:none;white-space:nowrap;font-size:.9rem}.resume-btns .btn-cancel{background:#ffffff0d;color:#94a3b8}.resume-btns .btn-cancel:hover{background:#ffffff1a;color:#fff}.resume-btns .btn-confirm{background:var(--primary);color:#fff;box-shadow:0 4px 12px #0ea5e933}.resume-btns .btn-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}@media(max-width:768px){.resume-card{padding:2rem 1.5rem;width:90vw;max-width:none}.resume-card h2{font-size:1.5rem}.resume-btns{gap:.75rem}.resume-btns button{padding:.8rem .5rem;font-size:.85rem}}@keyframes scale-up{0%{scale:.9;opacity:0}to{scale:1;opacity:1}}.animate-scale-up{animation:scale-up .4s cubic-bezier(.16,1,.3,1) forwards}.ai-playlists-section{margin-bottom:3rem}.ai-playlists-grid{display:flex;gap:1.25rem;overflow-x:auto;padding:.5rem 0 1.5rem;-ms-overflow-style:none;scrollbar-width:none}.ai-playlists-grid::-webkit-scrollbar{display:none}.ai-playlist-card{min-width:280px;background:#1e293b66;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1)}.ai-playlist-card:hover{background:#ffffff14;border-color:#6366f14d;transform:translateY(-5px);box-shadow:0 10px 20px -5px #0000004d}.playlist-info h3{margin:0 0 .25rem;font-size:1rem;color:#fff;font-weight:600;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.playlist-info p{margin:0;font-size:.8rem;color:#94a3b8}.playlist-actions{display:flex;align-items:center;gap:.5rem}.btn-play-mini{background:transparent;border:none;color:#6366f1;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-play-mini:hover{color:#8b5cf6;transform:scale(1.1)}.btn-delete-mini{background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-delete-mini:hover{color:#ef4444;background:#ef44441a}@media(max-width:640px){.ai-playlist-card{min-width:240px;padding:1rem}}.typing-mode .top-nav{transform:translateY(0)!important;opacity:1!important;visibility:visible!important;background:#06090f!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;z-index:5000}} } @keyframes animate-fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes animate-scale-up{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fab-pulse{0%{transform:scale(1);opacity:.4}to{transform:scale(3);opacity:0}}.animate-fade-in{animation:animate-fade-in .6s ease-out forwards}.animate-scale-up{animation:animate-scale-up .4s cubic-bezier(.34,1.56,.64,1) forwards}.header-remote-btn{margin-top:1.5rem;background:#0ea5e926;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(14,165,233,.4);color:#fff;padding:.85rem 2rem;border-radius:16px;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-weight:700;position:relative;overflow:hidden;box-shadow:0 10px 25px #0003,0 0 20px #0ea5e91a;text-transform:uppercase;letter-spacing:.5px}.header-remote-btn:hover{background:#0ea5e94d;border-color:var(--primary);transform:translateY(-4px);box-shadow:0 15px 30px #0ea5e966}.header-remote-btn .btn-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(14,165,233,.3) 0%,transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}.header-remote-btn:hover .btn-glow{opacity:1}.remote-fab{position:fixed;bottom:100px;right:30px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#0ea5e9e6,#6366f1e6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;border-radius:50px;font-weight:700;box-shadow:0 10px 30px #0ea5e966;cursor:pointer;z-index:5000;transition:all .6s cubic-bezier(.4,0,.2,1);border:none}.remote-fab:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 20px 40px #0ea5e999;background:linear-gradient(135deg,#0ea5e9,#6366f1)}.remote-fab.hidden{opacity:0!important;transform:scale(.6) translateY(50px)!important;pointer-events:none}.fab-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;color:#fff}.fab-pulse{position:absolute;width:100%;height:100%;background:#fff;border-radius:50%;opacity:.5;animation:fab-pulse 2s cubic-bezier(.4,0,.2,1) infinite;z-index:-1}.qr-overlay{position:fixed;inset:0;background:#020617e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem}.qr-card{background:linear-gradient(135deg,#0f172a,#020617);border:1px solid rgba(255,255,255,.15);padding:2rem;border-radius:32px;max-width:650px;width:90%;text-align:left;box-shadow:0 30px 70px #000c,0 0 40px #0ea5e91a;position:relative}.qr-body{display:flex;gap:2rem;align-items:center}.qr-left{display:flex;flex-direction:column;align-items:center;gap:1rem;flex-shrink:0}.qr-right{display:flex;flex-direction:column;flex:1}.session-compact{background:#ffffff0d;padding:.6rem 1.25rem;border-radius:14px;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 15px #0003}.session-compact span{font-size:.9rem;color:#94a3b8;font-weight:500}.session-compact strong{color:var(--primary);margin-left:.4rem;font-size:1.1rem;letter-spacing:1px}.qr-refresh-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#94a3b8;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-left:.25rem}.qr-refresh-btn:hover{background:#0ea5e933;color:var(--primary);border-color:var(--primary);transform:rotate(180deg)}.qr-refresh-btn:active{transform:rotate(180deg) scale(.9)}.qr-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.qr-header h2{background:linear-gradient(to right,#fff,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;font-size:1.65rem;margin:0;letter-spacing:-.5px}.qr-close{position:absolute;top:1.75rem;right:1.75rem;background:#ffffff14;border:none;font-size:1.5rem;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.qr-close:hover{background:#ef4444cc;transform:rotate(90deg)}.qr-intro{color:#94a3b8;font-size:1rem;margin-bottom:2rem;opacity:.8}.qr-code-wrapper{background:#fff;padding:1.25rem;border-radius:20px;display:inline-block;margin-bottom:1.5rem;box-shadow:0 15px 40px #0006;transition:transform .5s cubic-bezier(.4,0,.2,1)}.qr-code-wrapper:hover{transform:scale(1.08) rotate(2deg)}.qr-session-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;background:#ffffff0d;padding:1rem;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.qr-session-info span{font-size:.9rem;color:#64748b;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.qr-session-info strong{color:var(--primary);font-size:1.5rem;letter-spacing:3px;text-shadow:0 0 15px rgba(14,165,233,.6)}.qr-copy-btn{margin-top:1.5rem;background:#0ea5e91a;border:1px solid rgba(14,165,233,.3);color:#fff;padding:.65rem 1.25rem;border-radius:12px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s;width:fit-content;display:flex;align-items:center;justify-content:center;gap:.5rem}.qr-copy-btn:hover{background:var(--primary);color:#fff;transform:scale(1.05)}.qr-steps{display:flex;flex-direction:column;gap:1.25rem;text-align:left}.qr-step{display:flex;align-items:center;gap:1.5rem;font-size:.95rem;color:#cbd5e1}.step-num{width:32px;height:32px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem;flex-shrink:0;box-shadow:0 5px 15px #0ea5e966}@media(max-width:768px){.remote-fab{bottom:100px;right:20px;padding:12px 18px}.fab-text{display:none}.qr-overlay{padding:1rem;align-items:center}.qr-card{padding:1.25rem;max-width:100%;width:100%;border-radius:24px;max-height:90vh;max-height:90dvh;overflow-y:auto}.qr-header{gap:.75rem;margin-bottom:.25rem}.qr-header h2{font-size:1.25rem}.qr-header svg{width:24px;height:24px}.qr-close{top:1rem;right:1rem;width:36px;height:36px;font-size:1.25rem}.qr-intro{font-size:.85rem;margin-bottom:1.25rem}.qr-body{flex-direction:column;gap:1.25rem;text-align:center}.qr-left{gap:.75rem}.qr-code-wrapper{padding:.85rem;border-radius:16px;margin-bottom:.75rem;box-shadow:0 10px 30px #0000004d}.qr-code-wrapper svg{width:140px!important;height:140px!important}.session-compact{padding:.5rem 1rem;border-radius:10px;gap:.5rem}.session-compact span{font-size:.8rem}.session-compact strong{font-size:.95rem}.qr-right{align-items:center}.qr-steps{gap:.85rem}.qr-step{gap:1rem;font-size:.85rem}.step-num{width:28px;height:28px;font-size:.8rem}.qr-copy-btn{width:100%;margin-top:.75rem;padding:.75rem 1rem;font-size:.85rem;text-align:center}}@media(max-width:400px){.qr-card{padding:1rem;border-radius:20px}.qr-header h2{font-size:1.1rem}.qr-code-wrapper svg{width:120px!important;height:120px!important}.qr-intro{font-size:.8rem;margin-bottom:1rem}}@media(max-height:650px)and (max-width:768px){.qr-card{padding:1rem;border-radius:20px}.qr-intro{margin-bottom:.75rem;font-size:.8rem}.qr-body{gap:1rem}.qr-code-wrapper{padding:.6rem;margin-bottom:.5rem}.qr-code-wrapper svg{width:110px!important;height:110px!important}.qr-steps{gap:.5rem}.qr-step{font-size:.8rem;gap:.75rem}.step-num{width:24px;height:24px;font-size:.75rem}.qr-copy-btn{margin-top:.5rem;padding:.6rem 1rem;font-size:.8rem}}@media(max-height:500px)and (orientation:landscape){.qr-card{padding:.5rem 1.5rem;border-radius:16px;max-height:95dvh;display:flex;flex-direction:column}.qr-header{margin-bottom:0!important}.qr-header h2{font-size:1rem!important}.qr-intro{display:none}.qr-body{flex-direction:row!important;gap:1.5rem!important;align-items:center;text-align:left!important;flex:1;margin-top:.25rem}.qr-left{flex-direction:column!important;gap:.5rem!important}.qr-code-wrapper{padding:.4rem!important;margin-bottom:0!important}.qr-code-wrapper svg{width:90px!important;height:90px!important}.session-compact{padding:.3rem .6rem!important}.session-compact strong{font-size:.9rem!important}.qr-right{align-items:flex-start!important}.qr-steps{gap:.4rem!important}.qr-step{font-size:.75rem!important;gap:.5rem!important}.step-num{width:20px!important;height:20px!important;font-size:.65rem!important}.qr-copy-btn{margin-top:.5rem!important;padding:.4rem .8rem!important;font-size:.75rem!important;width:auto!important}.qr-close{top:.5rem!important;right:.5rem!important;width:28px!important;height:28px!important;font-size:1rem!important}.app-header{padding-top:calc(56px + env(safe-area-inset-top,0px) + .25rem)!important;padding-bottom:.25rem!important;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.5rem;min-height:0;background:#06090f!important}.logo-container,.app-subtitle,.hidden-search,.header-remote-btn,.hero-search-wrapper{opacity:0;visibility:hidden;pointer-events:none;max-height:0;overflow:hidden;transition:all .3s ease}.top-nav{transform:translateY(0)!important;opacity:1!important;background:#06090f!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding:0 .75rem!important;height:48px!important}.nav-content{gap:.5rem!important;width:100%!important}.top-nav .logo-container.compact,.top-nav .logo-text-wrap{display:none!important}.nav-search-wrapper{max-width:none!important;flex:1;min-width:0!important}.nav-search-wrapper .search-box{padding:.35rem .6rem!important}.nav-fullscreen-btn span{display:none!important}.nav-fullscreen-btn{display:flex!important;width:40px!important;height:40px!important;padding:0!important;min-width:40px!important;border-radius:8px!important;margin-left:auto}.app-title{font-size:1.5rem!important;margin:0}.category-scroll{margin-bottom:0;padding:0 .5rem .25rem;width:100%}.category-chip{padding:.4rem 1rem!important;font-size:.8rem!important}.mini-footer,.home-fullscreen-btn,.remote-fab,.donate-trigger-btn{display:none!important}.main-content{padding:0 .75rem 1rem!important}.section-header{margin-bottom:.75rem!important}.section-header h2{font-size:1.15rem!important}}@media(max-height:500px)and (orientation:landscape){.donate-trigger-btn,.remote-fab{display:none!important}}.language-selector{display:flex;align-items:center;gap:2px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:3px;flex-shrink:0}.lang-btn{background:transparent;border:none;color:#94a3b8;padding:.4rem .6rem;border-radius:9px;cursor:pointer;font-size:.75rem;font-weight:700;letter-spacing:.5px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;line-height:1}.lang-btn:hover{color:#fff;background:#ffffff14}.lang-btn.active{color:#fff;background:var(--primary);box-shadow:0 4px 12px var(--primary-glow)}@media(max-width:768px){.language-selector{padding:2px}.lang-btn{padding:.3rem .5rem;font-size:.7rem}}.header-bottom-row{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.header-lang-selector{display:flex;align-items:center;gap:2px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:4px}@media(max-width:768px){.header-bottom-row{flex-direction:column;gap:1.25rem;align-items:center;width:100%}.header-lang-selector{display:flex;justify-content:center}}.seo-content-section{margin:6rem 0 2rem;padding:4rem 2rem;background:#0f172a66;border:1px solid rgba(255,255,255,.03);border-radius:32px}.seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.seo-card{display:flex;flex-direction:column;gap:1.25rem}.seo-card h2{font-size:1.75rem;color:#fff;font-weight:700;letter-spacing:-.5px}.seo-card p,.seo-list li{color:#94a3b8;line-height:1.8;font-size:1.05rem}.seo-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.seo-list li{position:relative;padding-left:1.5rem}.seo-list li:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:700}@media(max-width:768px){.seo-content-section{margin:4rem 0 1rem;padding:2.5rem 1.5rem;border-radius:24px}.seo-grid{gap:2.5rem}.seo-card h2{font-size:1.5rem}}.seo-extra-row{margin-top:4rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,.05)}.faq-section{margin-top:5rem;padding-top:4rem;border-top:1px solid rgba(255,255,255,.05)}.faq-main-title{font-size:2.25rem;color:#fff;text-align:center;margin-bottom:3rem;font-weight:800}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.faq-item{background:#ffffff05;padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.faq-item:hover{background:#ffffff0a;transform:translateY(-5px);border-color:var(--primary)}.faq-q{font-size:1.2rem;color:#fff;margin-bottom:1rem;font-weight:700}.faq-a{color:#94a3b8;line-height:1.7;font-size:.95rem}@media(max-width:768px){.faq-main-title{font-size:1.75rem;margin-bottom:2rem}.faq-item{padding:1.5rem}}.share-section{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;padding:.75rem 1.25rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.share-text{font-size:.9rem;color:#94a3b8;font-weight:600}.share-buttons{display:flex;gap:.75rem}.share-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;border:none}.share-btn.fb{background:#1877f2}.share-btn.link{background:#ffffff1a;color:#94a3b8}.share-btn:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 5px 15px #0000004d}.share-btn.link:hover{color:#fff;background:var(--primary)}