:root{--clr-navy-900:#081223;--clr-navy-800:#121F3A;--clr-navy-700:#1E3474;--clr-banner:#1a2a6c;--clr-banner-hover:#162154;--clr-peach-400:#F9A158;--clr-text-100:#FDFDFE;--clr-text-300:#C6CEDF;--clr-blue-500:#1B61E0;--clr-blue-600:#174FB6;--clr-scroll-thumb:var(--clr-navy-800);--clr-border-light:#304688;--shadow-lg:0 14px 34px rgba(0,0,0,.55);--shadow-md:0 8px 20px rgba(0,0,0,.35);--shadow-sm:0 3px 8px rgba(0,0,0,.18);--radius:.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--banner-icon-h:2.5rem;--banner-pad-v:var(--space-2);--banner-h:calc(var(--banner-icon-h) + (2*var(--banner-pad-v)));--banner-offset:var(--space-2);--banner-total-space:calc(var(--banner-h) + var(--banner-offset)*2);--container-top-spacing:var(--space-5);--container-gap:var(--space-4);--lyrics-max-h:25rem}body,html{background:radial-gradient(ellipse at 20% 20%,var(--clr-navy-800) 0%,var(--clr-navy-900) 100%)}html{box-sizing:border-box}*,::after,::before{box-sizing:inherit;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:"Roboto",sans-serif;min-height:100vh;display:grid;grid-template-columns:1fr;padding:calc(var(--banner-h) + var(--space-5))0 var(--space-5)}.container,.smart-banner{border-radius:var(--radius)}.smart-banner,body{color:var(--clr-text-100)}.smart-banner{display:flex;align-items:center;padding:var(--banner-pad-v) .625rem;position:fixed;top:var(--banner-offset);left:.625rem;background:var(--clr-banner);border:1px solid var(--clr-border-light);box-shadow:var(--shadow-sm);z-index:1000;text-decoration:none;transition:background-color .3s;width:auto;max-width:calc(100% - 1.25rem);min-height:var(--banner-icon-h)}.smart-banner:hover{background:var(--clr-banner-hover)}.smart-banner .icon{width:var(--banner-icon-h);height:var(--banner-icon-h);border-radius:var(--radius);margin-right:.625rem;flex-shrink:0}.smart-banner .meta{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0}.smart-banner .author,.smart-banner .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-banner .name{font-size:.875rem;font-weight:700;color:var(--clr-text-100)}.smart-banner .author{font-size:.75rem;color:var(--clr-text-300)}.smart-banner .btn{background:var(--clr-blue-500);padding:.5rem .9375rem;border-radius:.9375rem;font-size:.75rem;font-weight:700;margin-left:.9375rem;white-space:nowrap;transition:background .25s}.playlist-controls button:hover,.smart-banner .btn:hover{background:var(--clr-blue-600)}.container{width:90%;max-width:1200px;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--container-gap);grid-template-areas:"player playlist""lyrics .";background:var(--clr-navy-800);box-shadow:var(--shadow-lg);padding:var(--container-gap);margin:auto;align-items:start}.container.single-song-mode{grid-template-columns:1fr;grid-template-areas:"player""lyrics";justify-items:center;max-width:900px;margin-inline:auto}.container.single-song-mode .lyrics-container,.container.single-song-mode .player{max-width:700px;width:100%}.player{grid-area:player;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.artwork{width:100%;max-width:25rem;border-radius:var(--radius);box-shadow:var(--shadow-md);transition:transform .3s,opacity .3s}.artwork:hover{opacity:.92;transform:scale(1.05)}.details{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.playlist-section h3,.song-title{font-size:1.5rem;font-weight:700;color:var(--clr-peach-400)}.lyrics-container,.plyr--audio{width:100%;background:var(--clr-navy-700);padding:var(--space-2) var(--space-3);border-radius:var(--radius);box-shadow:var(--shadow-md)}audio{display:none}.lyrics-container{grid-area:lyrics;padding:var(--space-4);max-height:var(--lyrics-max-h);overflow-y:auto}.song-lyrics{font-size:1rem;line-height:1.6;white-space:pre-line;color:var(--clr-text-300)}.playlist-section{grid-area:playlist;display:flex;flex-direction:column;background:var(--clr-navy-700);padding:var(--space-4);border-radius:var(--radius);box-shadow:var(--shadow-md);min-width:260px;min-height:0;overflow:hidden;align-self:stretch}.playlist-section h3{font-size:1.2rem;text-align:center;margin-bottom:var(--space-3);font-weight:600}#playlist-name{color:var(--clr-text-300);font-weight:400}#playlist-tracks{flex:1;min-height:0;max-height:calc(100% - 3rem);list-style:none;margin:0;padding:0;overflow-y:auto;border:1px solid var(--clr-navy-900);border-radius:calc(var(--radius)/2)}#playlist-tracks li{padding:var(--space-3) var(--space-4);font-size:.9rem;cursor:pointer;color:var(--clr-text-300);border-bottom:1px solid var(--clr-navy-900);transition:background .2s ease}#playlist-tracks li:last-child{border-bottom:none}#playlist-tracks li:hover{background:var(--clr-navy-800);color:var(--clr-text-100)}#playlist-tracks li.active-track{background:var(--clr-peach-400);color:var(--clr-navy-900);font-weight:600}.playlist-controls{display:flex;gap:var(--space-3);justify-content:space-between;margin-top:var(--space-4)}.playlist-controls button{flex:1;padding:var(--space-2) var(--space-3);background:var(--clr-blue-500);color:var(--clr-text-100);border:0;border-radius:calc(var(--radius)/2);font-size:.9rem;cursor:pointer;transition:background .25s}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-thumb{background:var(--clr-scroll-thumb);border-radius:.25rem}.plyr{--plyr-audio-controls-background:var(--clr-navy-700);--plyr-audio-control-color:var(--clr-text-100);--plyr-audio-control-color-hover:var(--clr-peach-400);--plyr-audio-control-background-hover:rgba(249,161,88,.12);--plyr-control-radius:calc(var(--radius)/2);--plyr-control-icon-size:20px;--plyr-color-main:var(--clr-peach-400);--plyr-tooltip-background:var(--clr-navy-800);--plyr-tooltip-color:var(--clr-text-300);--plyr-tooltip-shadow:var(--shadow-sm);--plyr-font-family:'Roboto',sans-serif}.plyr__control--active{color:var(--clr-peach-400)!important;background-color:rgba(249,161,88,.2)!important}.plyr__play-large{display:none!important}@media (max-width:992px){.container{grid-template-columns:1fr;grid-template-areas:"player""playlist""lyrics"}.playlist-section{margin-top:var(--space-4)}}@media (max-width:480px){.smart-banner{top:.25rem;left:50%;transform:translateX(-50%);width:auto;max-width:95%;min-width:50%;padding:var(--space-1) var(--space-2)}.smart-banner .author{display:none}.smart-banner .name{font-size:.8rem}.artwork{max-width:18.75rem}body{padding-top:calc(var(--banner-total-space) + var(--container-top-spacing) - .625rem)}.container{width:95%}.details{gap:.3125rem}.song-title{font-size:1.375rem}.lyrics-container{max-height:25rem;padding:.9375rem}.plyr__control{padding:calc(var(--space-2))!important}.plyr--audio .plyr__progress input[type=range]{height:10px!important}.plyr--full-ui input[type=range]::-moz-range-thumb,.plyr--full-ui input[type=range]::-ms-thumb,.plyr--full-ui input[type=range]::-webkit-slider-thumb{height:18px!important;width:18px!important}.error-icon{max-width:12rem!important}}.error-icon{width:100%;max-width:15rem;height:auto;color:var(--clr-text-300);opacity:.6;margin:0 auto;display:none}.song-title.error-state{color:var(--clr-text-300);opacity:.8;font-size:1.25rem}.video-container{width:100%;max-width:25rem;margin:0 auto;aspect-ratio:var(--video-aspect, 16 / 9);background:#000;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md)}.video-container[hidden]{display:none!important}.video-container .plyr,.video-container .plyr__video-wrapper,.video-container video{width:100%;height:100%}.video-container video{display:block;object-fit:contain;background:#000}@media (max-width:480px){.video-container{max-width:100%;max-height:70vh}}@media (orientation:landscape) and (max-height:480px){.video-container{max-height:75vh}}.scene-stage{position:relative;width:100%;max-width:25rem;margin:0 auto;aspect-ratio:var(--video-aspect, 9 / 16);background:#000;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md)}.scene-fallback[hidden],.scene-stage[hidden],.scene-video[hidden]{display:none!important}.scene-fallback,.scene-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;display:block}.scene-fullscreen-btn{position:absolute;top:.5rem;right:.5rem;z-index:2;background:rgba(0,0,0,.55);color:#fff;border:0;border-radius:.5rem;padding:.4rem .5rem;cursor:pointer;line-height:0;opacity:.85;transition:opacity .2s}.scene-fullscreen-btn:focus-visible,.scene-fullscreen-btn:hover{opacity:1}.scene-fullscreen-btn[hidden]{display:none!important}.scene-stage:fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;aspect-ratio:auto;border-radius:0;box-shadow:none}.scene-stage:-webkit-full-screen{width:100vw;height:100vh;max-width:none;max-height:none;aspect-ratio:auto;border-radius:0;box-shadow:none}.scene-stage.scene-stage--pseudo-fullscreen{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;aspect-ratio:auto;border-radius:0;box-shadow:none;background:#000;z-index:9999}.scene-stage:fullscreen .scene-fallback,.scene-stage:fullscreen .scene-video{object-fit:contain}.scene-stage.scene-stage--pseudo-fullscreen .scene-fallback,.scene-stage.scene-stage--pseudo-fullscreen .scene-video,.scene-stage:-webkit-full-screen .scene-fallback,.scene-stage:-webkit-full-screen .scene-video{object-fit:contain}@media (max-width:480px){.scene-stage{max-width:100%;max-height:70vh;border-radius:.5rem}}