:root{--bg-deep: #07090e;--bg-card: rgba(14, 18, 29, .78);--bg-card-hover: rgba(22, 28, 44, .88);--border-subtle: rgba(255, 255, 255, .08);--border-glow: rgba(0, 242, 254, .25);--text-main: #f8fafc;--text-dim: #94a3b8;--text-muted: #64748b;--accent-color: #00f2fe;--glow-color: rgba(0, 242, 254, .35);--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 9999px;--transition-fast: .18s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .32s cubic-bezier(.2, .8, .2, 1);--transition-bounce: .45s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font-body);overflow-x:hidden;min-height:100vh;width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.app-root{min-height:100vh;width:100%;max-width:100vw;position:relative;display:flex;flex-direction:column;padding:14px 24px 18px;overflow-x:hidden;transition:all var(--transition-smooth)}@media (min-width: 1025px){html,body{overflow:hidden;height:100vh}.app-root{height:100vh;max-height:100vh;overflow:hidden;padding:14px 24px 16px}}.ambient-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.ambient-orb{position:absolute;border-radius:50%;filter:blur(140px);opacity:.22;transition:background 1.2s ease,transform 1.2s ease}.orb-1{width:min(650px,90vw);height:min(650px,90vw);top:-150px;left:10%;animation:floatOrb 22s ease-in-out infinite alternate}.orb-2{width:min(550px,80vw);height:min(550px,80vw);bottom:-100px;right:5%;animation:floatOrb 26s ease-in-out infinite alternate-reverse}.ambient-noise{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 0);background-size:28px 28px;opacity:.5}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(40px,30px) scale(1.08)}to{transform:translate(-30px,50px) scale(.95)}}.persistent-media-element{display:none}.persistent-media-element.cinema-active{display:block}.navbar-container{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(12px,2vw,24px);background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:clamp(16px,2.5vw,24px);box-shadow:0 10px 30px #0006;width:100%}.navbar-brand{display:flex;align-items:center;gap:clamp(8px,1.5vw,14px);text-decoration:none;transition:transform var(--transition-fast);min-width:0}.navbar-brand:hover{transform:translateY(-1px)}.brand-logo-frame{position:relative;width:clamp(36px,5vw,44px);height:clamp(36px,5vw,44px);border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-logo{width:100%;height:100%;object-fit:cover}.brand-glow-halo{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;filter:blur(12px);opacity:.4;z-index:-1}.brand-titles{display:flex;flex-direction:column;min-width:0}.brand-name{font-family:var(--font-display);font-size:clamp(16px,2.5vw,20px);font-weight:800;letter-spacing:-.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-tagline{font-size:clamp(9px,1.2vw,11px);font-weight:500;color:var(--text-dim);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.navbar-status-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-pill);font-size:12px;font-weight:600;color:var(--text-dim);letter-spacing:.3px;white-space:nowrap}.live-dot{width:8px;height:8px;border-radius:50%;animation:pulseDot 2s infinite ease-in-out;flex-shrink:0}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.navbar-actions{display:flex;align-items:center;gap:clamp(6px,1vw,10px);flex-shrink:0}.nav-btn{display:flex;align-items:center;justify-content:center;width:clamp(34px,4.5vw,40px);height:clamp(34px,4.5vw,40px);border-radius:var(--radius-md);background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-dim);cursor:pointer;position:relative;transition:all var(--transition-fast)}.nav-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff3;transform:translateY(-2px)}.nav-timer-pill{position:absolute;top:-4px;right:-6px;font-size:9px;font-weight:700;color:#07090e;padding:2px 5px;border-radius:var(--radius-pill)}.app-main-layout{position:relative;z-index:10;display:grid;grid-template-columns:460px 1fr;gap:20px;max-width:1440px;margin:0 auto;width:100%}@media (min-width: 1025px){.app-main-layout{flex:1;min-height:0;height:calc(100vh - 95px);overflow:hidden;grid-template-columns:minmax(420px,480px) 1fr;gap:24px}.player-column{height:100%;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:12px;overflow:hidden;position:sticky;top:0}.main-player-card{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;padding:18px 20px!important;gap:10px!important}.center-stage{height:clamp(160px,22vh,220px)!important;margin:2px 0!important}.vinyl-stage{width:clamp(160px,20vh,210px)!important;height:clamp(160px,20vh,210px)!important}.visualizer-container{height:60px!important}.progress-bar-wrapper{flex-shrink:0;padding:10px 18px!important}.player-controls-container{flex-shrink:0;padding:12px 18px!important;gap:10px!important}.playlist-column{height:100%;min-height:0;overflow:hidden}.playlist-drawer-card{height:100%;min-height:0!important;padding:20px 22px!important;overflow:hidden}.playlist-drawer-header{flex-shrink:0;margin-bottom:12px!important}.playlist-scroll-list{flex:1;min-height:0;overflow-y:auto!important;padding-right:6px}.lyrics-panel-overlay{height:100%;min-height:0!important;overflow:hidden;padding:20px 22px!important}.lyrics-panel-header{flex-shrink:0}.lyrics-scroll-container{flex:1;min-height:0;overflow-y:auto!important}.lyrics-footer{flex-shrink:0}}.player-column{display:flex;flex-direction:column;gap:clamp(12px,2vw,16px);width:100%;min-width:0}.main-player-card{background:var(--bg-card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:clamp(16px,2.5vw,24px);box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;gap:clamp(14px,2vw,18px);position:relative;overflow:hidden;width:100%}.player-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.badge-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.genre-badge{font-size:clamp(10px,1.2vw,11px);font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid;background:#ffffff08;white-space:nowrap}.bpm-badge{font-family:var(--font-mono);font-size:clamp(10px,1.2vw,11px);color:var(--text-dim);background:#ffffff0d;padding:4px 10px;border-radius:var(--radius-pill);white-space:nowrap}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.action-btn{background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-dim);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.action-btn:hover{background:#ffffff1f;color:#fff;transform:scale(1.08)}.action-btn.is-fav{background:#ff2a6d1f;border-color:#ff2a6d4d}.center-stage{position:relative;width:100%;height:clamp(220px,32vw,290px);display:flex;align-items:center;justify-content:center;margin:4px 0;overflow:hidden}.vinyl-stage{position:relative;width:clamp(190px,28vw,250px);height:clamp(190px,28vw,250px);display:flex;align-items:center;justify-content:center}.ambient-glow-disc{position:absolute;width:110%;height:110%;border-radius:50%;filter:blur(40px);z-index:1;pointer-events:none;transition:all .6s ease}.glow-pulsing{animation:pulseAura 3s ease-in-out infinite alternate}@keyframes pulseAura{0%{transform:scale(.92);opacity:.6}to{transform:scale(1.12);opacity:.95}}.vinyl-disc{position:relative;width:96%;height:96%;border-radius:50%;background:radial-gradient(circle,#252836,#0d0f17 80%,#06070a);box-shadow:0 15px 40px #000c,inset 0 0 10px #ffffff0d;border:4px solid #161a26;z-index:2;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .5s ease}.vinyl-disc.spinning{animation:spinVinyl 16s linear infinite}.vinyl-disc.paused{animation:spinVinyl 16s linear infinite;animation-play-state:paused}@keyframes spinVinyl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-grooves{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:repeating-radial-gradient(circle,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 2px,transparent 3px,transparent 6px);pointer-events:none}.vinyl-reflection{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 45%,rgba(255,255,255,.08) 55%,transparent 100%);pointer-events:none}.vinyl-center-label{position:relative;width:clamp(76px,12vw,100px);height:clamp(76px,12vw,100px);border-radius:50%;background-size:cover;background-position:center;border:3px solid rgba(255,255,255,.25);box-shadow:0 0 15px #0009;display:flex;align-items:center;justify-content:center;z-index:3}.vinyl-center-spindle{width:14px;height:14px;border-radius:50%;background:#090a0f;border:2px solid rgba(255,255,255,.6);box-shadow:inset 0 0 4px #000}.tonearm-assembly{position:absolute;top:-10px;right:-15px;width:60px;height:140px;z-index:5;transform-origin:45px 12px;transform:rotate(-18deg);transition:transform .8s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.tonearm-assembly.tonearm-playing{transform:rotate(18deg)}.tonearm-pivot{position:absolute;top:6px;right:12px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#a0aec0,#4a5568);border:2px solid #cbd5e1;box-shadow:0 4px 8px #0009}.tonearm-arm{position:absolute;top:16px;right:20px;width:4px;height:98px;background:linear-gradient(to bottom,#cbd5e1,#94a3b8);border-radius:2px;box-shadow:2px 2px 6px #00000080}.tonearm-head{position:absolute;bottom:12px;right:14px;width:16px;height:22px;background:#1e293b;border-radius:3px;border:1px solid #64748b;transform:rotate(20deg)}.video-player-frame{position:relative;width:100%;height:100%;border-radius:var(--radius-md);overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 30px #000000b3}.cinematic-video{width:100%;height:100%;object-fit:contain;cursor:pointer}.video-overlay-watermark{position:absolute;bottom:10px;left:12px;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 10px;border-radius:var(--radius-xs);font-size:11px;font-weight:600;color:#fff;border:1px solid rgba(255,255,255,.1);pointer-events:none}.song-info-banner{text-align:center;display:flex;flex-direction:column;gap:4px;min-width:0}.song-title{font-family:var(--font-display);font-size:clamp(20px,3.5vw,26px);font-weight:800;letter-spacing:-.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}.song-artist{font-size:clamp(13px,1.8vw,15px);font-weight:500;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}.artist-highlight{font-weight:700}.song-album-year{font-size:clamp(11px,1.5vw,12px);color:var(--text-muted)}.view-mode-tabs{display:flex;align-items:center;justify-content:center;gap:clamp(4px,1vw,8px);background:#00000040;padding:4px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);width:fit-content;max-width:100%;margin:0 auto}.mode-tab{display:flex;align-items:center;gap:5px;padding:clamp(5px,1vw,7px) clamp(10px,1.8vw,14px);border-radius:var(--radius-pill);background:transparent;border:1px solid transparent;color:var(--text-dim);font-size:clamp(11px,1.4vw,12px);font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.mode-tab:hover{color:#fff}.mode-tab.active{background:#ffffff14}.visualizer-wrapper{display:flex;flex-direction:column;gap:8px;margin-top:4px;width:100%}.visualizer-style-bar{display:flex;align-items:center;justify-content:space-between;padding:0 4px;gap:8px}.viz-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.viz-chips{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.viz-chip{padding:3px 8px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:#ffffff08;color:var(--text-dim);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.viz-chip:hover{background:#ffffff1a;color:#fff}.viz-chip.active{color:#07090e;border-color:transparent}.visualizer-container{width:100%;height:clamp(65px,10vw,80px);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:#00000040;border:1px solid var(--border-subtle);overflow:hidden;padding:4px 8px}.visualizer-canvas{width:100%;height:100%}.progress-bar-wrapper{display:flex;flex-direction:column;gap:8px;padding:clamp(10px,1.8vw,14px) clamp(14px,2.5vw,20px);background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 10px 25px #00000059;width:100%}.time-display{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--text-dim)}.progress-track-container{position:relative;width:100%;height:22px;display:flex;align-items:center;cursor:pointer;touch-action:none}.hover-tooltip{position:absolute;top:-26px;transform:translate(-50%);background:#1e293b;border:1px solid rgba(255,255,255,.2);color:#fff;font-family:var(--font-mono);font-size:11px;font-weight:600;padding:2px 7px;border-radius:var(--radius-xs);pointer-events:none;box-shadow:0 4px 12px #00000080;z-index:20}.progress-track-bg{position:relative;width:100%;height:6px;background:#ffffff1a;border-radius:var(--radius-pill);overflow:visible;transition:height var(--transition-fast)}.progress-track-container:hover .progress-track-bg{height:8px}.progress-buffered{position:absolute;top:0;left:0;height:100%;background:#fff3;border-radius:var(--radius-pill);transition:width .3s ease}.progress-played{position:absolute;top:0;left:0;height:100%;border-radius:var(--radius-pill);transition:width .1s linear;display:flex;align-items:center;justify-content:flex-end}.progress-handle{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid;transform:translate(50%) scale(0);transition:transform var(--transition-bounce);box-shadow:0 0 10px #00000080}.progress-track-container:hover .progress-handle{transform:translate(50%) scale(1)}.player-controls-container{display:flex;flex-direction:column;gap:clamp(12px,2vw,16px);padding:clamp(14px,2.5vw,20px) clamp(16px,3vw,24px);background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 10px 30px #00000059;width:100%}.secondary-controls-row{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%}.control-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--transition-fast)}.control-btn:hover{color:#fff;transform:translateY(-1px)}.icon-btn{width:clamp(32px,4vw,36px);height:clamp(32px,4vw,36px);border-radius:50%;background:#ffffff08;border:1px solid var(--border-subtle)}.icon-btn:hover{background:#ffffff14}.control-dot{position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%}.pill-btn{display:flex;align-items:center;gap:4px;padding:4px clamp(8px,1.5vw,12px);border-radius:var(--radius-pill);background:#ffffff0a;border:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:clamp(11px,1.3vw,12px);font-weight:600}.pill-btn:hover{background:#ffffff1a}.speed-dropdown-wrapper{position:relative}.speed-menu-dropdown{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#111422;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);padding:8px;display:flex;flex-direction:column;gap:4px;z-index:50;box-shadow:0 10px 30px #000000b3;min-width:130px}.speed-menu-title{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-muted);padding:2px 6px}.speed-option-btn{background:transparent;border:none;padding:6px 10px;border-radius:var(--radius-xs);color:var(--text-dim);font-family:var(--font-mono);font-size:12px;font-weight:600;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.speed-option-btn:hover{background:#ffffff1a;color:#fff}.speed-option-btn.active{color:#07090e}.timer-badge{position:absolute;top:-4px;right:-6px;font-size:9px;font-weight:700;color:#07090e;padding:2px 5px;border-radius:var(--radius-pill)}.primary-controls-row{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2.5vw,20px);width:100%}.mini-btn{flex-direction:column;gap:2px;color:var(--text-muted)}.mini-btn:hover{color:#fff}.btn-label-sub{font-size:9px;font-weight:700;font-family:var(--font-mono)}.skip-btn{width:clamp(38px,5.5vw,46px);height:clamp(38px,5.5vw,46px);border-radius:50%;background:#ffffff0a;border:1px solid var(--border-subtle);color:#fff}.skip-btn:hover{background:#ffffff1f;transform:scale(1.08)}.play-pause-btn{width:clamp(54px,8vw,66px);height:clamp(54px,8vw,66px);border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--transition-bounce)}.play-pause-btn:hover{transform:scale(1.1)}.play-pause-btn:active{transform:scale(.95)}.volume-control-wrapper{display:flex;align-items:center;gap:12px;padding-top:6px;border-top:1px solid rgba(255,255,255,.05);width:100%}.volume-mute-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast);flex-shrink:0}.volume-mute-btn:hover{color:#fff}.volume-slider-track-container{flex:1;display:flex;align-items:center;min-width:60px}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border-radius:var(--radius-pill);outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 8px #00000080;cursor:pointer;transition:transform var(--transition-fast)}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.volume-percentage{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-dim);width:38px;text-align:right;flex-shrink:0}.playlist-column{display:flex;flex-direction:column;width:100%;min-width:0}.playlist-drawer-card{background:var(--bg-card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:clamp(16px,2.5vw,24px);box-shadow:0 20px 50px #0006;display:flex;flex-direction:column;height:100%;min-height:540px;width:100%}.playlist-drawer-header{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.playlist-title-row{display:flex;align-items:center;gap:10px}.playlist-title-row h3{font-family:var(--font-display);font-size:clamp(18px,2.5vw,20px);font-weight:700;color:#fff}.playlist-count-pill{margin-left:auto;font-size:11px;font-weight:600;color:var(--text-dim);background:#ffffff0d;padding:3px 10px;border-radius:var(--radius-pill)}.search-bar-wrapper{position:relative;width:100%;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:10px 36px 10px 40px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:#fff;font-family:var(--font-body);font-size:13px;outline:none;transition:all var(--transition-fast)}.search-input:focus{background:#ffffff14;border-color:#ffffff40;box-shadow:0 0 15px #ffffff0d}.search-input::placeholder{color:var(--text-muted)}.clear-search-btn{position:absolute;right:12px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex}.filter-chips-row{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-chips-row::-webkit-scrollbar{display:none}.filter-chip{padding:5px 12px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:#ffffff08;color:var(--text-dim);font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all var(--transition-fast)}.filter-chip:hover{background:#ffffff14;color:#fff}.filter-chip.active{color:#07090e;border-color:transparent}.playlist-scroll-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:2px}.empty-search-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:250px;color:var(--text-muted);font-size:13px}.playlist-item{display:flex;align-items:center;gap:clamp(8px,1.5vw,12px);padding:10px clamp(8px,1.5vw,14px);border-radius:var(--radius-md);background:#ffffff05;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);min-width:0}.playlist-item:hover{background:#ffffff12;transform:translate(4px)}.playlist-item.is-active-item{background:#ffffff17;border-color:#fff3}.item-status-col{width:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-number{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.playing-bars{display:flex;align-items:flex-end;gap:2px;height:16px}.playing-bars .bar{width:3px;border-radius:2px;animation:danceBars 1s ease-in-out infinite alternate}.bar1{height:14px;animation-delay:.1s}.bar2{height:8px;animation-delay:.3s}.bar3{height:16px;animation-delay:.2s}@keyframes danceBars{0%{height:4px}to{height:16px}}.item-thumb-wrapper{position:relative;width:clamp(38px,5vw,44px);height:clamp(38px,5vw,44px);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.item-thumb{width:100%;height:100%;object-fit:cover}.thumb-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.playlist-item:hover .thumb-play-overlay{opacity:1}.item-details-col{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.item-title{font-size:clamp(13px,1.8vw,14px);font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-artist{font-size:clamp(11px,1.5vw,12px);color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-actions-col{display:flex;align-items:center;gap:clamp(6px,1.2vw,12px);flex-shrink:0}.item-duration{font-family:var(--font-mono);font-size:clamp(11px,1.4vw,12px);color:var(--text-muted)}.fav-star-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:transform var(--transition-fast)}.fav-star-btn:hover{transform:scale(1.2)}.lyrics-panel-overlay{background:var(--bg-card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:clamp(16px,2.5vw,24px);box-shadow:0 20px 50px #0006;display:flex;flex-direction:column;height:100%;min-height:540px;width:100%}.lyrics-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08);gap:10px}.lyrics-header-left{display:flex;align-items:center;gap:10px;min-width:0}.lyrics-header-left h3{font-family:var(--font-display);font-size:clamp(16px,2.2vw,18px);font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lyrics-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.font-size-controls{display:flex;gap:4px}.font-size-controls button{background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-dim);padding:3px 8px;border-radius:var(--radius-xs);font-size:11px;font-weight:700;cursor:pointer}.font-size-controls button:hover{background:#ffffff1f;color:#fff}.lyrics-close-btn{background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-dim);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.lyrics-close-btn:hover{background:#ffffff26;color:#fff}.lyrics-scroll-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:10px clamp(8px,1.5vw,16px)}.lyric-line{font-family:var(--font-display);font-weight:600;color:#ffffff59;cursor:pointer;transition:all .3s ease;line-height:1.5;display:flex;align-items:center;gap:8px}.lyric-line:hover{color:#ffffffbf;transform:translate(4px)}.lyric-line.active-lyric{font-size:1.25em!important;font-weight:800;transform:scale(1.02)}.lyric-playing-marker{font-size:12px;animation:bounceRight 1.5s infinite;flex-shrink:0}@keyframes bounceRight{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.lyrics-footer{padding-top:14px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:var(--text-muted);text-align:center}.floating-lyrics-pill{position:fixed;bottom:24px;right:28px;padding:10px 18px;border-radius:var(--radius-pill);background:#0e121deb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 10px 30px #0009;z-index:40;transition:all var(--transition-fast)}.floating-lyrics-pill:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 35px #000c}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060cbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:100;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,24px);animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#0f1322;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:clamp(18px,3vw,28px);width:100%;max-width:min(520px,94vw);max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px #000000b3;display:flex;flex-direction:column;gap:16px;animation:zoomIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes zoomIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-title-box{display:flex;align-items:center;gap:10px}.modal-title-box h3{font-family:var(--font-display);font-size:clamp(17px,2.5vw,20px);font-weight:700;color:#fff}.modal-close-btn{background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-dim);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.modal-close-btn:hover{background:#ffffff26;color:#fff}.modal-subtitle{font-size:13px;color:var(--text-dim);line-height:1.5}.eq-presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.eq-preset-card{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid var(--border-subtle);color:#fff;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.eq-preset-card:hover{background:#ffffff14}.eq-preset-card.active{background:#ffffff1f}.preset-name{font-size:13px;font-weight:700}.preset-specs{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.eq-sliders-row{display:flex;align-items:center;justify-content:space-around;padding:16px 0;background:#00000040;border-radius:var(--radius-md)}.eq-slider-col{display:flex;flex-direction:column;align-items:center;gap:12px}.slider-gain{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text-main)}.slider-label{font-size:11px;font-weight:600;color:var(--text-dim)}.vertical-slider{-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical;width:8px;height:110px;cursor:pointer}.timer-options-list{display:flex;flex-direction:column;gap:8px}.timer-option-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.timer-option-row:hover{background:#ffffff17}.timer-option-row.active{background:#ffffff24}.shortcuts-grid{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff08;border-radius:var(--radius-sm)}.shortcut-kbd{font-family:var(--font-mono);font-size:12px;font-weight:700;color:#07090e;background:#e2e8f0;padding:3px 8px;border-radius:4px;box-shadow:0 2px #94a3b8}.shortcut-desc{font-size:13px;color:var(--text-dim)}.info-artist-hero{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.hero-avatar-wrap{position:relative;width:clamp(60px,12vw,76px);height:clamp(60px,12vw,76px);border-radius:50%;flex-shrink:0}.hero-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-glow-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid;filter:drop-shadow(0 0 8px currentColor)}.hero-text-content{display:flex;flex-direction:column;gap:2px;min-width:0}.hero-artist-name{font-family:var(--font-display);font-size:clamp(18px,3vw,22px);font-weight:800;color:#fff}.hero-artist-tagline{font-size:12px;font-weight:600;color:var(--text-dim)}.hero-desc{font-size:12px;color:var(--text-muted);line-height:1.4;margin-top:4px}.track-specs-card{background:#0000004d;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:10px}.specs-heading{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.spec-item{display:flex;flex-direction:column;gap:2px}.spec-label{font-size:11px;color:var(--text-muted)}.spec-val{font-size:13px;font-weight:600;color:#fff}.modal-footer-info{display:flex;justify-content:flex-end}.external-yt-btn{display:flex;align-items:center;gap:8px;padding:9px 18px;border-radius:var(--radius-pill);border:1px solid;background:#ffffff0d;font-size:13px;font-weight:700;text-decoration:none;transition:all var(--transition-fast)}.external-yt-btn:hover{background:#ffffff1f;transform:translateY(-2px)}.action-btn-primary{width:100%;padding:12px;border-radius:var(--radius-md);border:none;color:#07090e;font-family:var(--font-display);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.action-btn-primary:hover{filter:brightness(1.15);transform:translateY(-1px)}@media (max-width: 1024px){.app-main-layout{grid-template-columns:1fr;max-width:680px;gap:20px}.playlist-drawer-card,.lyrics-panel-overlay{min-height:480px}}@media (max-width: 768px){.navbar-status-badge,.tonearm-assembly{display:none}.app-main-layout{max-width:100%}}@media (max-width: 640px){.app-root{padding:10px 10px 24px}.navbar-container{padding:10px 12px;margin-bottom:14px;border-radius:var(--radius-md)}.brand-titles .brand-tagline{display:none}.main-player-card{padding:16px 12px;border-radius:var(--radius-md);gap:12px}.progress-bar-wrapper{padding:10px 14px;border-radius:var(--radius-md)}.player-controls-container{padding:14px;border-radius:var(--radius-md);gap:12px}.primary-controls-row{gap:12px}.playlist-drawer-card,.lyrics-panel-overlay{padding:16px 12px;border-radius:var(--radius-md);min-height:400px}.floating-lyrics-pill{bottom:16px;right:14px;padding:8px 14px;font-size:12px}}@media (max-width: 380px){.primary-controls-row .mini-btn,.badge-group .bpm-badge{display:none}.secondary-controls-row{gap:2px}.mode-tab{padding:5px 8px;font-size:10.5px}.item-actions-col .item-duration{display:none}}.library-nav-tabs{display:flex;gap:8px;background:#ffffff0a;padding:4px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);margin-bottom:8px}.lib-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.lib-tab-btn:hover{color:var(--text-main);background:#ffffff0d}.lib-tab-btn.active{background:var(--bg-card-hover);color:var(--text-main);box-shadow:0 2px 10px #00000059;border:1px solid rgba(255,255,255,.12)}.tab-counter-badge{font-size:11px;background:#ffffff1a;padding:2px 7px;border-radius:999px;color:var(--text-main)}.lib-tab-btn.active .tab-counter-badge{background:var(--accent-color);color:#07090e;font-weight:700}.albums-grid-container{padding:6px 0}.albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;padding-bottom:20px}.album-card{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:all var(--transition-smooth);position:relative}.album-card:hover{transform:translateY(-5px);border-color:var(--card-accent, var(--accent-color));box-shadow:0 12px 28px #00000073,0 0 20px rgba(var(--card-accent),.2);background:#ffffff0f}.album-card-cover-box{width:100%;aspect-ratio:1 / 1;position:relative;overflow:hidden;background:#000}.album-cover-img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.album-card:hover .album-cover-img{transform:scale(1.05)}.album-play-overlay-btn{position:absolute;bottom:12px;right:12px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #00000080;opacity:0;transform:translateY(10px) scale(.85);transition:all .25s ease;z-index:3}.album-card:hover .album-play-overlay-btn{opacity:1;transform:translateY(0) scale(1)}.album-play-overlay-btn:hover{transform:scale(1.12)!important}.album-card-era-badge{position:absolute;top:10px;left:10px;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.15);z-index:2}.album-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1}.album-card-title{font-size:14px;font-weight:700;color:var(--text-main);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-card-artist{font-size:12px;color:var(--text-dim);margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.album-card-songs-count{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:5px}.album-explore-btn{font-size:11.5px;color:var(--card-accent, var(--accent-color));font-weight:600;display:flex;align-items:center;gap:2px}.album-detail-view{display:flex;flex-direction:column;gap:16px}.album-detail-hero{background:linear-gradient(135deg,#ffffff0d,#0000004d);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}.album-detail-hero:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;border-radius:50%;background:var(--album-accent, var(--accent-color));filter:blur(80px);opacity:.25;pointer-events:none}.back-to-albums-btn{align-self:flex-start;display:flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-main);padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.back-to-albums-btn:hover{background:#ffffff1f;transform:translate(-3px)}.album-hero-content{display:flex;gap:16px;align-items:center}.album-hero-art{width:90px;height:90px;border-radius:var(--radius-sm);overflow:hidden;position:relative;flex-shrink:0;box-shadow:0 8px 20px #00000080;border:1px solid rgba(255,255,255,.15)}.album-hero-art img{width:100%;height:100%;object-fit:cover}.album-hero-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.hero-badge-row{display:flex;align-items:center;gap:8px}.hero-era-badge,.hero-count-badge{font-size:10.5px;padding:2px 7px;border-radius:999px;background:#ffffff14;color:var(--text-dim);display:flex;align-items:center;gap:4px}.album-hero-title{font-size:17px;font-weight:700;color:var(--text-main);line-height:1.25}.album-hero-artist{font-size:13px;color:var(--album-accent, var(--accent-color));font-weight:600}.album-hero-desc{font-size:11.5px;color:var(--text-muted);line-height:1.4;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.album-hero-actions{margin-top:8px}.album-hero-play-btn{display:inline-flex;align-items:center;gap:8px;border:none;padding:8px 18px;border-radius:var(--radius-pill);color:#fff;font-size:12.5px;font-weight:700;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 14px #00000059}.album-hero-play-btn:hover{transform:scale(1.04);box-shadow:0 6px 20px #00000073}.album-tracks-heading{font-size:13px;font-weight:700;color:var(--text-dim);margin-bottom:10px;padding:0 4px}.item-album-text{cursor:pointer;text-decoration:underline dotted rgba(255,255,255,.3);transition:color var(--transition-fast)}.item-album-text:hover{color:var(--accent-color);text-decoration-color:var(--accent-color)}.item-quality-pill{font-size:10px;font-weight:700;letter-spacing:.5px;background:#10b98126;color:#10b981;padding:2px 6px;border-radius:4px;border:1px solid rgba(16,185,129,.3)}.pwa-install-modal{max-width:560px;background:linear-gradient(175deg,#0e1322,#080a12);border:1px solid rgba(255,255,255,.14);box-shadow:0 25px 70px #000000d9,0 0 40px #00f2fe1f;padding:24px}.pwa-app-hero{display:flex;align-items:center;gap:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:16px 20px;position:relative;overflow:hidden}.pwa-app-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--modal-accent, #00f2fe),transparent)}.pwa-icon-glow-wrap{position:relative;width:72px;height:72px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.pwa-hero-icon{width:72px;height:72px;border-radius:18px;object-fit:cover;box-shadow:0 8px 24px #0009;position:relative;z-index:2;border:1px solid rgba(255,255,255,.2)}.pwa-glow-halo{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:24px;opacity:.45;filter:blur(12px);z-index:1}.pwa-app-titles{display:flex;flex-direction:column;gap:4px}.pwa-app-name{font-family:var(--font-display);font-size:20px;font-weight:800;color:#fff;letter-spacing:-.3px}.pwa-app-edition{font-size:13px;color:var(--text-dim)}.pwa-badge-row{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.pwa-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:#ffffff14;color:var(--text-main);border:1px solid rgba(255,255,255,.1)}.pwa-badge-offline{background:#10b98126;color:#10b981;border-color:#10b98159}.pwa-install-body{display:flex;flex-direction:column;gap:16px}.pwa-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pwa-feature-item{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.pwa-feature-item:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-1px)}.pwa-feat-icon{width:36px;height:36px;border-radius:var(--radius-xs);background:#ffffff0f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pwa-feat-text h5{font-size:13px;font-weight:700;color:#fff;margin-bottom:2px}.pwa-feat-text p{font-size:11.5px;color:var(--text-muted);line-height:1.35}.pwa-action-box{margin-top:4px}.pwa-primary-install-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:var(--radius-pill);border:none;font-size:15px;font-weight:800;color:#07090e;cursor:pointer;box-shadow:0 8px 25px #00f2fe59;transition:all var(--transition-fast);position:relative;overflow:hidden}.pwa-primary-install-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 32px #00f2fe80;filter:brightness(1.1)}.pwa-primary-install-btn:active{transform:scale(.98)}.pwa-ios-instructions-card{background:#00f2fe0a;border:1px solid rgba(0,242,254,.2);border-radius:var(--radius-md);padding:16px}.ios-guide-title{font-size:13.5px;font-weight:700;color:#fff;margin-bottom:12px}.ios-steps-list{display:flex;flex-direction:column;gap:10px}.ios-step-item{display:flex;align-items:flex-start;gap:12px;font-size:12.5px;color:var(--text-dim)}.step-num{width:22px;height:22px;border-radius:50%;background:var(--modal-accent, #00f2fe);color:#000;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-content{display:flex;flex-direction:column;gap:4px;flex:1}.ios-icon-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff1a;padding:3px 10px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:600;color:#fff;width:fit-content;border:1px solid rgba(255,255,255,.15)}.pwa-installed-success-card{display:flex;align-items:center;gap:16px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);padding:20px}.pwa-installed-success-card .success-text h4{font-size:15px;font-weight:700;color:#10b981;margin-bottom:4px}.pwa-installed-success-card .success-text p{font-size:12.5px;color:var(--text-dim);line-height:1.4}.pwa-fallback-tip{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:12px 14px;font-size:12px;color:var(--text-dim);line-height:1.4}.modal-footer-info{display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.pwa-close-text-btn{background:none;border:none;color:var(--text-muted);font-size:12.5px;cursor:pointer;padding:4px 10px;border-radius:var(--radius-xs);transition:color var(--transition-fast)}.pwa-close-text-btn:hover{color:var(--text-main)}.mobile-floating-install-pill{position:fixed;bottom:24px;left:28px;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-pill);background:#0e121df0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glow);color:var(--text-main);font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 10px 30px #0009,0 0 15px #00f2fe33;z-index:40;transition:all var(--transition-fast);animation:pulsePwaPill 3s infinite ease-in-out}@keyframes pulsePwaPill{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.mobile-floating-install-pill:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 15px 35px #000c,0 0 25px #00f2fe66}.pwa-install-nav-btn{display:inline-flex;align-items:center;gap:6px;background:#00f2fe14!important;border:1px solid rgba(0,242,254,.3)!important;padding:6px 12px!important;border-radius:var(--radius-pill)!important;transition:all var(--transition-fast)}.pwa-install-nav-btn:hover{background:#00f2fe2e!important;border-color:#00f2fe99!important;box-shadow:0 0 15px #00f2fe4d;transform:translateY(-1px)}.pwa-nav-label{font-size:12px;font-weight:600;color:var(--text-main)}.pwa-install-nav-btn.is-installed-btn{background:#10b9811a!important;border-color:#10b98159!important}.pwa-install-nav-btn.is-installed-btn .pwa-nav-label{color:#10b981}@supports (padding: max(0px)){.app-root{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:max(18px,env(safe-area-inset-bottom));padding-top:max(14px,env(safe-area-inset-top))}}@media (max-width: 768px){.pwa-nav-label{display:none}.pwa-install-nav-btn{padding:8px!important;border-radius:var(--radius-sm)!important}}@media (max-width: 640px){.mobile-floating-install-pill{bottom:16px;left:14px;padding:8px 14px;font-size:12px}}@media (max-width: 580px){.pwa-features-grid{grid-template-columns:1fr}.pwa-app-hero{flex-direction:column;text-align:center}.pwa-badge-row{justify-content:center}}@media all and (display-mode: standalone){body{user-select:none;-webkit-user-select:none;overscroll-behavior-y:none}.mobile-floating-install-pill{display:none!important}}