@keyframes soniva-bloom{0%{opacity:0;transform:scale(.975)}to{opacity:1;transform:none}}@keyframes soniva-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}:root{--clr-midnight:#070D1D;--clr-wall:#0E1830;--clr-hairline:rgba(163,182,224,.16);--clr-ember:#EF5D3C;--aura-tint:#F9A158;--clr-navy-900:#070D1D;--clr-navy-800:#0E1830;--clr-navy-700:rgba(16,27,53,.88);--clr-banner:rgba(14,24,48,.92);--clr-banner-hover:rgba(20,33,63,.94);--clr-peach-400:#F9A158;--clr-text-100:#F5F7FD;--clr-text-300:#A6B1CB;--clr-blue-500:#F9A158;--clr-blue-600:#EF5D3C;--clr-scroll-thumb:rgba(163,182,224,.28);--clr-border-light:rgba(163,182,224,.16);--font-display:'Bricolage Grotesque','Schibsted Grotesk',system-ui,sans-serif;--font-body:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;--font-mono:ui-monospace,'SF Mono','Cascadia Mono','Roboto Mono',Menlo,monospace;--ease-out:cubic-bezier(.22,1,.36,1);--shadow-lg:0 24px 60px rgba(2,6,16,.6),0 4px 14px rgba(2,6,16,.4);--shadow-md:0 12px 32px rgba(2,6,16,.45),0 2px 8px rgba(2,6,16,.3);--shadow-sm:0 3px 10px rgba(2,6,16,.35);--radius:1rem;--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;--playlist-header-h:3rem}html{box-sizing:border-box;background:var(--clr-midnight);color-scheme:dark}#playlist-tracks,.lyrics-container,html{scrollbar-width:thin;scrollbar-color:rgba(163,182,224,.28) transparent}*,::after,::before{box-sizing:inherit;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:0 0;color:var(--clr-text-100);min-height:100vh;display:grid;grid-template-columns:1fr;padding:calc(var(--banner-h) + var(--space-5))0 var(--space-5)}::selection{background:rgba(249,161,88,.32);color:var(--clr-text-100)}.soniva-aura{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(120% 90%at 12% -5%,#131f44 0%,transparent 60%),radial-gradient(110% 85%at 88% 105%,#1c1233 0%,transparent 58%),var(--clr-midnight)}.soniva-aura__art{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background-size:cover;background-position:50% 38%;opacity:0;transition:opacity 1.1s ease}.soniva-aura--on .soniva-aura__art{opacity:.55}.soniva-aura--blur .soniva-aura__art{top:-14%;right:-14%;bottom:-14%;left:-14%;filter:blur(64px) saturate(1.4)}.soniva-aura__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(90% 75%at 50% 38%,transparent 0,rgba(7,13,29,.42) 100%),linear-gradient(180deg,rgba(7,13,29,.66)0,rgba(7,13,29,.34) 32%,rgba(7,13,29,.46) 68%,rgba(7,13,29,.82) 100%)}.container[data-page-state=empty-playlist]~.soniva-aura .soniva-aura__art,.container[data-page-state=error]~.soniva-aura .soniva-aura__art{opacity:0}.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);color:var(--clr-text-100);border:1px solid var(--clr-hairline);border-radius:calc(var(--banner-icon-h)/2 + var(--banner-pad-v));box-shadow:var(--shadow-sm);z-index:1000;text-decoration:none;transition:background-color .25s ease,border-color .25s ease;width:auto;max-width:calc(100% - 1.25rem);min-height:var(--banner-icon-h)}@supports ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))){.smart-banner{background:rgba(14,24,48,.58);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4)}}.smart-banner:hover{background:var(--clr-banner-hover);border-color:rgba(249,161,88,.3)}.smart-banner .icon{width:var(--banner-icon-h);height:var(--banner-icon-h);border-radius:.75rem;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-family:var(--font-display);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-peach-400);color:var(--clr-midnight);padding:.5rem 1.05rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.04em;margin-left:.9375rem;white-space:nowrap;transition:background .2s ease}.playlist-controls button:hover,.smart-banner .btn:hover{background:var(--clr-ember)}.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:0 0;border-radius:var(--radius);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:1.25rem;border:1px solid rgba(245,247,253,.08);box-shadow:0 30px 70px rgba(2,6,16,.55),0 0 90px rgba(249,161,88,.14);transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out)}.artwork:hover{transform:scale(1.015);box-shadow:0 34px 80px rgba(2,6,16,.6),0 0 120px rgba(249,161,88,.2)}.details{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%}.song-title{font-family:var(--font-display);font-size:clamp(1.7rem,4.5vw,2.4rem);font-weight:700;line-height:1.08;letter-spacing:-.015em;color:var(--clr-text-100);text-wrap:balance;max-width:26ch}.made-with{font-size:.85rem;color:var(--clr-text-300);text-decoration:none;background:rgba(7,13,29,.55);padding:.35rem .7rem;border-radius:999px;transition:color .2s ease,background .2s ease}.made-with strong{color:var(--clr-peach-400);font-weight:700}.made-with:hover{color:var(--clr-text-100);background:rgba(7,13,29,.78)}.made-with:focus-visible{outline:2px solid var(--clr-peach-400);outline-offset:2px}.container[data-page-state=pending] .made-with{visibility:hidden}.lyrics-container,.plyr--audio{width:100%;background:var(--clr-navy-700);border:1px solid var(--clr-hairline);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) var(--space-5);max-height:var(--lyrics-max-h);overflow-y:auto}.lyrics-container[data-state=ready]::before{content:"Lyrics";display:block;font-family:var(--font-mono);font-size:.66rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--clr-peach-400);opacity:.75;margin-bottom:var(--space-3)}.song-lyrics{font-family:var(--font-body);font-size:1.02rem;line-height:1.75;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:1px solid var(--clr-hairline);border-radius:var(--radius);box-shadow:var(--shadow-md);min-width:260px;min-height:0;overflow:hidden;align-self:stretch}#playlist-name,.playlist-section h3{color:var(--clr-text-100);font-weight:700;overflow:hidden}.playlist-section h3{display:flex;align-items:baseline;gap:.6rem;height:calc(var(--playlist-header-h) - var(--space-3));margin-bottom:var(--space-3);white-space:nowrap;font-size:1.05rem;text-align:left}.playlist-eyebrow{font-family:var(--font-mono);font-size:.66rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--clr-peach-400);opacity:.85;flex-shrink:0}#playlist-name{font-family:var(--font-display);text-overflow:ellipsis;min-width:0}#playlist-tracks{flex:1;min-height:0;max-height:calc(100% - var(--playlist-header-h));list-style:none;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(7,13,29,.55);border-radius:calc(var(--radius)/2);background:rgba(7,13,29,.32)}#playlist-tracks li{padding:var(--space-3) var(--space-4);font-size:.9rem;font-weight:500;cursor:pointer;color:var(--clr-text-300);border-bottom:1px solid rgba(163,182,224,.07);transition:background .2s ease,color .2s ease,transform .2s var(--ease-out)}#playlist-tracks li:last-child{border-bottom:none}#playlist-tracks li:hover{background:rgba(163,182,224,.07);color:var(--clr-text-100);transform:translateX(3px)}#playlist-tracks li.active-track{background:rgba(249,161,88,.13);color:#ffcfa0;font-weight:700;box-shadow:inset 3px 0 0 var(--clr-peach-400);transform:none}.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-peach-400);color:var(--clr-midnight);border:0;border-radius:calc(var(--radius)/2);font-size:.9rem;font-weight:700;cursor:pointer;transition:background .2s ease}::-webkit-scrollbar{width:.45rem}::-webkit-scrollbar-thumb{background:var(--clr-scroll-thumb);border-radius:999px}@supports (border-color:color-mix(in srgb,red 10%,blue)){.lyrics-container,.playlist-section{border-color:color-mix(in srgb,var(--aura-tint) 14%,var(--clr-hairline))}.artwork{box-shadow:0 30px 70px rgba(2,6,16,.55),0 0 90px color-mix(in srgb,var(--aura-tint) 26%,transparent)}.artwork:hover{box-shadow:0 34px 80px rgba(2,6,16,.6),0 0 120px color-mix(in srgb,var(--aura-tint) 36%,transparent)}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--aura-tint) 30%,rgba(163,182,224,.22))}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--aura-tint) 45%,rgba(163,182,224,.22))}}.plyr{--plyr-audio-controls-background:transparent;--plyr-audio-control-color:var(--clr-text-100);--plyr-audio-control-color-hover:var(--clr-midnight);--plyr-audio-control-background-hover:var(--clr-peach-400);--plyr-control-radius:.6rem;--plyr-control-icon-size:20px;--plyr-color-main:var(--clr-peach-400);--plyr-range-track-height:5px;--plyr-tooltip-background:var(--clr-wall);--plyr-tooltip-color:var(--clr-text-300);--plyr-tooltip-shadow:var(--shadow-sm);--plyr-font-family:var(--font-body)}.plyr--audio .plyr__time,.plyr--video .plyr__time{font-family:var(--font-mono);font-size:.76rem;letter-spacing:.03em;font-variant-numeric:tabular-nums;color:var(--clr-text-300)}.plyr__control--active{color:var(--clr-peach-400)!important;background-color:rgba(249,161,88,.16)!important}.plyr__play-large{display:none!important}.plyr--full-ui input[type=range]:focus-visible{outline:2px solid var(--clr-peach-400);outline-offset:3px}.container[data-page-state=ready] .artwork{animation:soniva-bloom .7s var(--ease-out) backwards}.container[data-page-state=ready] .details{animation:soniva-rise .6s var(--ease-out) .08s backwards}.container[data-page-state=ready] .playlist-section{animation:soniva-rise .6s var(--ease-out) .14s backwards}.container[data-page-state=ready] .lyrics-container{animation:soniva-rise .6s var(--ease-out) .2s backwards}@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{font-size:.66rem}.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:.45rem}.song-title{font-size:1.45rem}.lyrics-container{max-height:25rem;padding:.9375rem}.made-with{font-size:.8rem}.plyr__control{padding:calc(var(--space-2))!important}.plyr--audio .plyr__progress input[type=range]{height:10px!important}.plyr--full-ui input[type=range]::-webkit-slider-thumb{height:18px!important;width:18px!important}.plyr--full-ui input[type=range]::-moz-range-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:0 0 0 1px var(--clr-hairline),var(--shadow-lg)}.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:0 0 0 1px var(--clr-hairline),var(--shadow-lg)}.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:.6rem;right:.6rem;z-index:2;background:rgba(7,13,29,.58);color:#fff;border:1px solid rgba(245,247,253,.14);border-radius:.65rem;padding:.45rem .55rem;cursor:pointer;line-height:0;opacity:.85;transition:opacity .2s,background .2s}.scene-fullscreen-btn:focus-visible,.scene-fullscreen-btn:hover{opacity:1;background:rgba(7,13,29,.8)}.scene-fullscreen-btn:focus-visible{outline:2px solid var(--clr-peach-400);outline-offset:2px}.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:.65rem}}@media (prefers-reduced-motion:reduce){.container[data-page-state=ready] .artwork,.container[data-page-state=ready] .details,.container[data-page-state=ready] .lyrics-container,.container[data-page-state=ready] .playlist-section{animation:none!important}#playlist-tracks li,.artwork,.made-with,.smart-banner,.smart-banner .btn,.soniva-aura__art{transition:none!important}#playlist-tracks li:hover,.artwork:hover{transform:none!important}}