:root{--bg-primary: #000000;--bg-surface: #0a0a0a;--bg-card: rgba(14, 14, 14, .85);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .32);--text-dim: rgba(255, 255, 255, .16);--accent-red: #c01818;--accent-red-hover: #e50914;--border-subtle: rgba(255, 255, 255, .08);--border-focus: rgba(255, 255, 255, .22);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--header-height: 52px;--player-bar-height: 80px;--transition-fast: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}#root{width:100%;height:100%}.bg-cover{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/assets/cover.jpg);background-position:center;background-repeat:no-repeat;filter:none;transform:translateZ(0);z-index:-3;transition:none}.bg-cover.is-rect{background-size:cover}.bg-cover.is-square{background-size:contain;max-width:85vh;max-height:85vh;margin:auto}.bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;z-index:-2}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;padding:10px 32px 14px;position:relative;z-index:1}button{background:none;border:none;color:var(--text-primary);font-family:inherit;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.control-btn{color:var(--text-secondary);padding:6px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center}.control-btn:hover{color:#fff;transform:scale(1.06)}.control-btn:active{transform:scale(.96)}.control-btn.active{color:#fff}.nav-icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--border-subtle)}.nav-icon-btn:hover{color:#fff;background:#ffffff1a;border-color:var(--border-focus)}.app-header{height:var(--header-height);position:relative;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);padding-bottom:8px;flex-shrink:0}.header-left{display:flex;align-items:center;z-index:2}.n0l4b3l-brand{display:flex;align-items:center;gap:8px;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary);text-decoration:none;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.header-brand-link:hover{opacity:.85;transform:translate(2px)}.brand-sigil{color:var(--accent-red);font-size:.85rem}.brand-title{font-weight:800;color:#fff}.brand-dot{opacity:.35}.brand-artist{color:#ffffffbf}.brand-edition{font-size:.6rem;letter-spacing:.08em;color:var(--text-dim);border:1px solid var(--border-subtle);padding:2px 6px;border-radius:2px;margin-left:4px}.header-center-logo{position:absolute;left:50%;top:calc(50% - 4px);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.header-logo-link{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:4px 10px;border-radius:var(--radius-sm);transition:transform .2s ease,filter .2s ease;pointer-events:auto}.header-logo-link:hover{transform:scale(1.06);filter:drop-shadow(0 0 12px rgba(255,255,255,.4))}.n0l4b3l-header-sigil{height:24px;max-width:160px;object-fit:contain;display:block;pointer-events:auto}.header-right{display:flex;align-items:center;gap:8px;z-index:2}.tracklist-toggle-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:Space Mono,monospace;font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--text-secondary);transition:all .2s ease}.tracklist-toggle-btn:hover{background:#ffffff1a;border-color:var(--border-focus);color:#fff;transform:translateY(-1px)}.tracklist-btn-badge{font-size:.62rem;font-weight:800;background:var(--accent-red);color:#fff;padding:1px 5px;border-radius:2px;line-height:1.2}.main-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:36px;flex:1;min-height:0;min-width:0;overflow:hidden;align-items:center;padding:12px 0;box-sizing:border-box}.lyrics-section{display:flex;flex-direction:column;height:100%;max-height:calc(100vh - var(--header-height) - var(--player-bar-height) - 40px);position:relative;z-index:5;overflow:hidden;min-width:0;width:100%;padding-left:12px;padding-right:32px;box-sizing:border-box}.lyrics-container{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:22px;padding:160px 0;scroll-behavior:smooth;mask-image:linear-gradient(to bottom,transparent 0%,black 14%,black 86%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 14%,black 86%,transparent 100%);transform:translateZ(0);width:100%;max-width:100%;box-sizing:border-box}.lyrics-container::-webkit-scrollbar{width:0px;background:transparent}.lyric-line{font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.45;font-weight:500;color:var(--text-muted);cursor:pointer;transition:color .2s ease,opacity .2s ease,text-shadow .2s ease;padding:3px 0;letter-spacing:-.01em;width:100%;max-width:100%;white-space:normal;word-break:break-word;overflow-wrap:break-word;box-sizing:border-box;transform:none}.lyric-line:hover{color:var(--text-secondary)}.lyric-line.active{font-size:clamp(1.35rem,2.3vw,1.75rem);font-weight:800;color:#fff;opacity:1;text-shadow:0 0 22px rgba(255,255,255,.45);transform:none}.lyric-line.passed{color:var(--text-dim)}.lyric-line.intro-line{font-family:Space Mono,monospace;font-size:.95rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.intro-badge-wrapper{display:inline-flex;align-items:center;gap:10px}.intro-music-icon{color:var(--text-muted);transition:color .2s ease,transform .2s ease}.hvl-intro-bars{display:inline-flex;align-items:flex-end;gap:3px;height:14px}.hvl-intro-bars .bar{width:2.5px;background:var(--text-muted);border-radius:1px;height:4px;transition:background .2s ease}.lyric-line.intro-line.active{color:#fff}.lyric-line.intro-line.active .intro-music-icon{color:var(--accent-red);transform:scale(1.18)}.lyric-line.intro-line.active .hvl-intro-bars .bar{background:var(--accent-red);animation:hvl-bar-bounce 1s ease-in-out infinite alternate}.lyric-line.intro-line.active .hvl-intro-bars .bar-1{height:10px;animation-delay:0s}.lyric-line.intro-line.active .hvl-intro-bars .bar-2{height:15px;animation-delay:.2s}.lyric-line.intro-line.active .hvl-intro-bars .bar-3{height:8px;animation-delay:.4s}@keyframes hvl-bar-bounce{0%{height:3px}to{height:15px}}.intro-label{font-weight:700;letter-spacing:.15em}.lyrics-placeholder{margin:auto;text-align:center}.instrumental-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#ffffff05}.lyrics-instrumental{font-family:Space Mono,monospace;font-size:.82rem;letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase}.lyrics-loading{font-family:Space Mono,monospace;font-size:.85rem;color:var(--text-muted);letter-spacing:.1em}.player-card-section{display:flex;align-items:center;justify-content:center;height:100%}.cover-card{display:flex;flex-direction:column;align-items:flex-start;max-width:360px;width:100%}.media-box{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 24px 60px #000000f2;border:1px solid var(--border-subtle);background:#000}.cover-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.media-box:hover .cover-img{transform:scale(1.02)}.video-mode-chip{display:inline-flex;align-items:center;background:#ffffff0f;border:1px solid var(--border-focus);border-radius:var(--radius-sm);padding:3px 9px;font-family:Space Mono,monospace;font-size:.65rem;font-weight:700;letter-spacing:.12em;color:#fff;gap:6px;cursor:pointer;transition:all var(--transition-fast)}.video-mode-chip:hover{background:#c018182e;border-color:var(--accent-red);color:#fff;transform:translateY(-1px)}.mobile-cover-mv-btn{display:none}.live-red-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-red);box-shadow:0 0 6px var(--accent-red);animation:liveDotPulse 1.5s infinite}@keyframes liveDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.song-meta{margin-top:16px;width:100%;display:flex;flex-direction:column;gap:4px}.track-tag-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.n0l4b3l-tag{font-family:Space Mono,monospace;font-size:.6rem;font-weight:700;letter-spacing:.1em;background:var(--accent-red);color:#fff;padding:1px 5px;border-radius:2px}.track-number-label{font-family:Space Mono,monospace;font-size:.68rem;font-weight:700;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase}.scrolling-text-container{width:100%;overflow:hidden;white-space:nowrap;position:relative;display:block}.scrolling-text-container.is-overflowing{mask-image:linear-gradient(to right,transparent 0%,black 3%,black 97%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 3%,black 97%,transparent 100%)}.scrolling-text-content{display:inline-block;white-space:nowrap}.scrolling-text-container.is-overflowing .scrolling-text-content{animation:slowMarquee var(--scroll-dur, 8s) ease-in-out infinite;will-change:transform}@keyframes slowMarquee{0%,22%{transform:translate(0)}60%,82%{transform:translate(var(--scroll-dist, -40px))}to{transform:translate(0)}}.song-title{font-family:Inter,sans-serif;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1.2;white-space:nowrap}.song-artist{font-size:.95rem;font-weight:500;color:var(--text-secondary)}.player-bar{height:var(--player-bar-height);display:grid;grid-template-columns:220px 1fr 220px;align-items:center;gap:24px;flex-shrink:0;z-index:10;border-top:1px solid var(--border-subtle);padding-top:6px}.player-bar-left{display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden}.mini-cover{width:44px;height:44px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border-subtle);flex-shrink:0}.mini-meta{display:flex;flex-direction:column;min-width:0;flex:1;overflow:hidden}.mini-title{font-size:.88rem;font-weight:700;color:#fff;white-space:nowrap}.mini-artist{font-size:.74rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar-center{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:640px;width:100%;margin:0 auto}.controls-row{display:flex;align-items:center;gap:18px}.nav-btn{color:var(--text-secondary)}.btn-play-circle{width:40px;height:40px;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px #ffffff40;transition:transform var(--transition-fast)}.btn-play-circle:hover{transform:scale(1.08)}.btn-play-circle:active{transform:scale(.95)}.repeat-badge{position:absolute;top:2px;right:2px;font-size:.55rem;font-weight:900;color:#fff}.mobile-vol-wrapper{display:none}.progress-bar-row{display:flex;align-items:center;width:100%;gap:10px}.time-text{font-size:.7rem;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:34px;text-align:center}.seekbar-track-wrapper{flex:1;position:relative;height:14px;display:flex;align-items:center;cursor:pointer}.seekbar-bg{width:100%;height:3px;background:#ffffff1f;border-radius:var(--radius-full);position:relative;transition:height var(--transition-fast)}.seekbar-track-wrapper:hover .seekbar-bg{height:5px}.seekbar-buffered{position:absolute;left:0;top:0;bottom:0;width:0%;background:#fff3;border-radius:var(--radius-full)}.seekbar-played{position:absolute;left:0;top:0;bottom:0;width:0%;background:#fff;border-radius:var(--radius-full)}.seekbar-thumb{position:absolute;top:50%;left:0%;width:10px;height:10px;background:#fff;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform var(--transition-fast)}.seekbar-track-wrapper:hover .seekbar-thumb{transform:translate(-50%,-50%) scale(1)}.seekbar-hover-time{position:absolute;bottom:18px;left:0;background:#000;border:1px solid var(--border-subtle);padding:2px 6px;border-radius:var(--radius-sm);font-size:.68rem;font-weight:700;color:#fff;pointer-events:none;opacity:0;transform:translate(-50%);transition:opacity .12s ease;white-space:nowrap}.seekbar-track-wrapper:hover .seekbar-hover-time{opacity:1}.player-bar-right{display:flex;align-items:center;justify-content:flex-end;gap:14px}.volume-box{display:flex;align-items:center;gap:6px}.vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:75px;height:3px;background:#ffffff24;border-radius:var(--radius-full);outline:none;cursor:pointer}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer}.playlist-drawer{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:100vw;background:#080808;border-left:1px solid var(--border-subtle);box-shadow:-15px 0 50px #000000e6;z-index:100;display:flex;flex-direction:column;padding:20px;gap:14px;transform:translate(100%);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.playlist-drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between}.drawer-title-box{display:flex;align-items:center;gap:8px}.drawer-title-box h3{font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:.05em}.track-count{font-size:.72rem;color:var(--text-muted)}.drawer-search{display:flex;align-items:center;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 10px;gap:8px;color:var(--text-muted)}.drawer-search input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:.82rem;font-family:inherit}.drawer-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding-right:4px}.drawer-list::-webkit-scrollbar{width:3px}.drawer-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--radius-full)}.track-item{display:flex;align-items:center;padding:8px 10px;border-radius:var(--radius-sm);gap:10px;cursor:pointer;transition:background var(--transition-fast)}.track-item:hover{background:#ffffff0f}.track-item.playing{background:#ffffff1f;border-left:2px solid var(--accent-red)}.track-num-col{width:20px;font-size:.75rem;font-weight:700;color:var(--text-muted)}.track-item.playing .track-num-col{color:#fff}.track-main-col{flex:1;min-width:0;display:flex;flex-direction:column}.track-item-title{font-size:.85rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-item-artist{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-mv-tag{font-size:.6rem;font-weight:900;background:var(--accent-red);color:#fff;padding:1px 4px;border-radius:2px;margin-left:6px}.track-dur-col{font-size:.72rem;color:var(--text-muted)}.yt-mv-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:600;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.2,.8,.2,1);overflow:hidden;user-select:none;-webkit-user-select:none}.yt-mv-modal.open{opacity:1;pointer-events:auto}.yt-stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.yt-video-element{width:100%;height:100%;max-width:100vw;max-height:100vh;object-fit:contain;background:#000;outline:none}.yt-buffering-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:25;pointer-events:none}.yt-spin-icon{color:#fff;animation:ytSpinner 1s linear infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.4))}@keyframes ytSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.yt-play-flash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7);width:76px;height:76px;border-radius:50%;background:#000000a6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff;z-index:30;pointer-events:none;animation:ytFlashAnim .5s ease-out forwards}@keyframes ytFlashAnim{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}.yt-double-tap-ripple{position:absolute;top:0;bottom:0;width:50%;display:flex;align-items:center;justify-content:center;z-index:35;pointer-events:none;overflow:hidden}.yt-double-tap-ripple.left{left:0;border-radius:0 50% 50% 0/0 100% 100% 0;background:#ffffff14;animation:ytRippleLeft .6s ease-out forwards}.yt-double-tap-ripple.right{right:0;border-radius:50% 0 0 50%/100% 0 0 100%;background:#ffffff14;animation:ytRippleRight .6s ease-out forwards}.yt-ripple-circle{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff}.yt-chevron-icon{color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.8))}.yt-ripple-text{font-family:Space Mono,monospace;font-size:.85rem;font-weight:700;letter-spacing:.05em;text-shadow:0 2px 6px rgba(0,0,0,.8)}@keyframes ytRippleLeft{0%{opacity:0;transform:scaleX(.7)}35%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.1)}}@keyframes ytRippleRight{0%{opacity:0;transform:scaleX(.7)}35%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.1)}}.yt-controls-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;transition:opacity .25s ease;z-index:40}.yt-controls-layer.visible{opacity:1}.yt-controls-layer.hidden{opacity:0;cursor:none}.yt-controls-layer.hidden *{pointer-events:none!important}.yt-top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;padding-top:max(16px,env(safe-area-inset-top));padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));background:linear-gradient(180deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 65%,transparent 100%);pointer-events:auto}.yt-title-group{display:flex;align-items:center;gap:12px;max-width:80%}.yt-badge{display:inline-flex;align-items:center;font-family:Space Mono,monospace;font-size:.65rem;font-weight:800;letter-spacing:.08em;background:var(--accent-red);color:#fff;padding:2px 7px;border-radius:2px;flex-shrink:0}.yt-meta-text{display:flex;align-items:baseline;gap:8px;overflow:hidden;white-space:nowrap}.yt-song-title{font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis}.yt-artist-sub{font-size:.82rem;color:var(--text-secondary);font-weight:500;overflow:hidden;text-overflow:ellipsis}.yt-center-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:36px;pointer-events:auto;z-index:45}.yt-hub-btn{width:52px;height:52px;border-radius:50%;background:#0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.yt-hub-btn:hover{transform:scale(1.12);background:#000c;border-color:#fff6}.yt-hub-btn:active{transform:scale(.92)}.yt-hub-main-play{width:66px;height:66px;background:#000000b3;border:1.5px solid rgba(255,255,255,.3);box-shadow:0 8px 30px #000000b3}.yt-hub-main-play:hover{background:var(--accent-red);border-color:var(--accent-red);box-shadow:0 0 25px #c0181899}.yt-auto-next-banner{position:absolute;top:76px;right:24px;background:#0e0e0ee6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);padding:12px 16px;display:flex;align-items:center;gap:16px;box-shadow:0 12px 30px #000000bf;pointer-events:auto;z-index:50;animation:ytSlideDown .3s cubic-bezier(.16,1,.3,1);max-width:calc(100vw - 48px)}@keyframes ytSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.yt-next-info{display:flex;flex-direction:column;gap:3px}.yt-next-chip{font-family:Space Mono,monospace;font-size:.62rem;font-weight:800;letter-spacing:.08em;color:var(--accent-red)}.yt-next-countdown-num{font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;color:#fff;margin-left:6px}.yt-next-title{font-size:.85rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.yt-next-buttons{display:flex;align-items:center;gap:8px;flex-shrink:0}.yt-next-cancel-btn{font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;color:var(--text-secondary);background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.yt-next-cancel-btn:hover{background:#ffffff2e;color:#fff}.yt-next-play-btn{font-family:Space Mono,monospace;font-size:.72rem;font-weight:800;color:#fff;background:var(--accent-red);padding:6px 14px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 0 15px #c0181880}.yt-next-play-btn:hover{background:var(--accent-red-hover);transform:scale(1.04)}@media(max-width:768px){.yt-auto-next-banner{top:auto;bottom:80px;left:14px;right:14px;justify-content:space-between;padding:10px 12px}.yt-next-title{max-width:150px;font-size:.78rem}}.yt-bottom-bar{display:flex;flex-direction:column;padding:0 20px 14px;padding-bottom:max(14px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.5) 65%,transparent 100%);pointer-events:auto}.yt-seekbar-container{width:100%;height:20px;display:flex;align-items:center;position:relative;cursor:pointer;touch-action:none}.yt-seekbar-rail{width:100%;height:3px;background:#ffffff40;position:relative;transition:height .1s ease}.yt-seekbar-container:hover .yt-seekbar-rail{height:5px}.yt-seekbar-buffered{position:absolute;left:0;top:0;bottom:0;background:#fff6}.yt-seekbar-played{position:absolute;left:0;top:0;bottom:0;background:red}.yt-seekbar-thumb{position:absolute;top:50%;width:13px;height:13px;background:red;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .12s ease}.yt-seekbar-container:hover .yt-seekbar-thumb,.yt-seekbar-container:active .yt-seekbar-thumb{transform:translate(-50%,-50%) scale(1)}.yt-seekbar-tooltip{position:absolute;bottom:24px;background:#1c1c1ce6;padding:3px 7px;border-radius:2px;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;color:#fff;pointer-events:none;transform:translate(-50%);white-space:nowrap;box-shadow:0 4px 10px #000c}.yt-controls-row{display:flex;align-items:center;justify-content:space-between;height:44px}.yt-ctrls-left,.yt-ctrls-right{display:flex;align-items:center;gap:12px}.yt-icon-btn{color:#fff;padding:8px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.yt-icon-btn:hover{opacity:.85;transform:scale(1.1)}.yt-icon-btn:active{transform:scale(.92)}.yt-header-actions{display:flex;align-items:center;gap:10px}.yt-list-btn{position:relative;background:#ffffff14;border:1px solid rgba(255,255,255,.15)}.yt-list-btn.active,.yt-list-btn:hover{background:#fff3;border-color:#fff}.yt-mv-badge-count{position:absolute;top:-2px;right:-2px;background:var(--accent-red);color:#fff;font-family:Space Mono,monospace;font-size:.6rem;font-weight:800;padding:1px 4px;border-radius:9999px;line-height:1}.yt-close-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50%}.yt-mv-drawer{position:absolute;top:0;right:0;bottom:0;width:320px;max-width:85vw;background:#0a0a0af0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;z-index:55;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:-10px 0 40px #000c;pointer-events:auto}.yt-mv-drawer.open{transform:translate(0)}.yt-mv-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.yt-drawer-title-row{display:flex;align-items:center;gap:8px}.yt-drawer-heading{font-family:Space Mono,monospace;font-size:.82rem;font-weight:800;letter-spacing:.1em;color:#fff}.yt-drawer-count{font-family:Space Mono,monospace;font-size:.62rem;font-weight:700;color:var(--text-muted);background:#ffffff0f;padding:2px 6px;border-radius:2px}.yt-drawer-close-btn{width:30px;height:30px;border-radius:50%;background:#ffffff14;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.yt-drawer-close-btn:hover{background:#fff3;transform:scale(1.08)}.yt-mv-drawer-list{flex:1;overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:8px}.yt-mv-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.yt-mv-item:hover{background:#ffffff14;border-color:#ffffff26;transform:translate(-2px)}.yt-mv-item.active{background:#c0181826;border-color:var(--accent-red)}.yt-mv-thumb-box{position:relative;width:68px;height:48px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:#000}.yt-mv-thumb-img{width:100%;height:100%;object-fit:cover}.yt-mv-thumb-track{position:absolute;bottom:2px;right:3px;background:#000000bf;padding:1px 4px;border-radius:2px;font-family:Space Mono,monospace;font-size:.58rem;font-weight:700;color:#fff}.yt-mv-playing-tag{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;gap:2px}.yt-live-bar{width:3px;background:var(--accent-red);border-radius:1px;animation:ytBarJump .8s ease-in-out infinite alternate}.yt-live-bar.bar-1{height:8px;animation-delay:.1s}.yt-live-bar.bar-2{height:16px;animation-delay:.3s}.yt-live-bar.bar-3{height:11px;animation-delay:.2s}@keyframes ytBarJump{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.yt-mv-info{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:2px}.yt-mv-title{font-size:.85rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt-mv-artist{font-size:.7rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt-mv-check-badge{color:var(--accent-red);margin-right:4px}@media(max-width:600px)and (orientation:portrait){.yt-mv-drawer{top:auto;left:0;right:0;bottom:0;width:100%;max-width:100vw;height:52vh;border-left:none;border-top:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md) var(--radius-md) 0 0;transform:translateY(100%)}.yt-mv-drawer.open{transform:translateY(0)}}.yt-vol-cluster{display:flex;align-items:center;gap:6px}.yt-vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:65px;height:3px;background:#ffffff4d;border-radius:2px;outline:none;cursor:pointer}.yt-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer}.yt-time-display{font-family:Space Mono,monospace;font-size:.75rem;font-weight:500;color:#ffffffe6;display:flex;align-items:center;gap:5px;margin-left:6px}.yt-time-separator{opacity:.4}.yt-time-total{opacity:.6}@media(max-width:768px){.yt-top-bar{padding:10px 14px}.yt-song-title{font-size:.92rem;max-width:160px}.yt-artist-sub{font-size:.7rem;max-width:120px}.yt-vol-cluster .yt-vol-slider{display:none}.yt-ctrls-left{gap:6px}.yt-time-display{font-size:.68rem;margin-left:2px}.yt-center-hub{gap:24px}.yt-hub-btn{width:46px;height:46px}.yt-hub-main-play{width:58px;height:58px}}@media(max-height:500px)and (orientation:landscape){.yt-top-bar{padding:6px 20px}.yt-bottom-bar{padding:0 20px 8px}.yt-controls-row{height:38px}.yt-center-hub{gap:32px}.yt-hub-btn{width:44px;height:44px}.yt-hub-main-play{width:54px;height:54px}.yt-video-element{height:100vh;width:100vw}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.modal-backdrop.open{opacity:1;pointer-events:auto}.eq-modal-card{width:90%;max-width:600px;background:#0d0d0d;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 60px #000000e6}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-family:Space Grotesk,sans-serif;font-size:1rem;letter-spacing:.1em}.eq-presets-bar{display:flex;align-items:center;gap:8px}.eq-presets-bar label{font-size:.8rem;color:var(--text-secondary)}.eq-select{flex:1;background:#ffffff0d;border:1px solid var(--border-subtle);color:#fff;padding:5px 8px;border-radius:var(--radius-sm);font-family:inherit;font-size:.8rem;outline:none}@media(max-width:900px){.hide-mobile{display:none!important}.app-container{padding:6px 12px 10px}.app-header{height:46px;padding-bottom:6px}.header-center-logo{top:calc(50% - 3px)}.n0l4b3l-brand{font-size:.8rem;gap:4px}.n0l4b3l-header-sigil{height:20px;max-width:120px}.tracklist-toggle-btn{padding:5px 8px;gap:5px}.bg-cover{position:fixed;top:0;left:0;right:0;height:52vh;background-size:cover;background-position:top center;mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.8) 40%,rgba(0,0,0,.15) 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.8) 40%,rgba(0,0,0,.15) 80%,transparent 100%);z-index:-3}.bg-cover.is-square{max-width:100vw;max-height:42vh;background-size:contain;background-position:top center}.bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0003,#000000a6 35%,#000 65%,#000);z-index:-2}.main-layout{grid-template-columns:1fr;grid-template-rows:1fr auto;gap:12px}.lyrics-section{order:-1;z-index:5;padding-left:0;padding-right:0;min-width:0;max-height:calc(100vh - 46px - var(--player-bar-height) - 100px)}.player-card-section{order:1;display:flex;justify-content:center;width:100%;padding:0 2px}.cover-card{display:flex;flex-direction:row;align-items:center;max-width:100%;width:100%;margin:0 auto;gap:12px;background:#0e0e0ea6;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:8px 12px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.media-box{width:54px;height:54px;min-width:54px;min-height:54px;border-radius:var(--radius-sm);flex-shrink:0;box-shadow:0 4px 12px #0009}.song-meta{margin:0!important;padding:0;flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;height:54px}.track-tag-row{display:flex;align-items:center;gap:6px;width:100%;justify-content:flex-start;line-height:1}.song-title{font-size:1rem;font-weight:800;line-height:1.2;text-align:left;width:100%;margin:0;color:#fff}.song-artist{font-size:.72rem;line-height:1.2;text-align:left;width:100%;margin:0;color:var(--text-secondary)}.track-number-label{font-family:Space Mono,monospace;font-size:.58rem;font-weight:700;letter-spacing:.06em;color:var(--text-muted);line-height:1;display:inline-flex;align-items:center}.video-mode-chip{height:16px;padding:0 5px;font-size:.55rem;font-weight:700;gap:3px;line-height:1;display:inline-flex;align-items:center;border-radius:2px}.mobile-cover-mv-btn{display:inline-flex;align-items:center;gap:5px;background:#c018182e;border:1px solid var(--accent-red);color:#fff;padding:5px 9px;border-radius:var(--radius-sm);font-family:Space Mono,monospace;font-size:.58rem;font-weight:700;letter-spacing:.08em;flex-shrink:0;cursor:pointer;box-shadow:0 0 10px #c0181859;transition:all var(--transition-fast);margin-left:auto}.mobile-cover-mv-btn:hover{background:var(--accent-red);transform:scale(1.04)}.lyrics-container{gap:20px;padding:80px 10px;box-sizing:border-box}.lyric-line{font-size:1.2rem;text-align:center;max-width:100%;width:100%;white-space:normal;word-break:break-word;overflow-wrap:break-word;box-sizing:border-box}.lyric-line.active{font-size:1.45rem;transform:none}.lyric-line.intro-line{font-size:.85rem;justify-content:center}.player-bar{grid-template-columns:1fr;height:auto;padding:6px 0 4px;align-items:center}.player-bar-left,.player-bar-right{display:none!important}.controls-row{gap:16px;justify-content:center;width:100%}.mobile-vol-wrapper{display:inline-flex;position:relative;align-items:center;justify-content:center}.mobile-vol-trigger{width:32px;height:32px;color:var(--text-secondary);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center}.mobile-vol-trigger:hover,.mobile-vol-trigger.active{color:#fff;background:#ffffff1a}.mobile-volume-popover{position:absolute;bottom:44px;left:50%;transform:translate(-50%);background:#0f0f0ff5;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 12px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #000000d9;z-index:100;animation:popoverFadeIn .15s ease-out}.mobile-vol-slider{width:100px;height:4px;accent-color:var(--accent-red);cursor:pointer}}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}