:root{--accent:#1ed760;--accent-2:#22d3ee;--ink:#eaf1f9;--muted:#9fb0c3;--panel-2:rgba(255,255,255,0.07);--panel-border:rgba(255,255,255,0.12);--nav-h:56px;--card:58vw}@media (min-width:560px){:root{--card:270px}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:#05070d}body{margin:0;padding:0;background:transparent;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);-webkit-text-size-adjust:100%}.ambient{position:fixed;inset:0;z-index:-3;pointer-events:none}.amb-layer{position:absolute;inset:-12%;background-size:cover;background-position:50%;filter:blur(80px) saturate(1.5) brightness(.5);transform:scale(1.25);opacity:0;transition:opacity .7s ease}.amb-layer.show{opacity:1}.amb-veil{position:absolute;inset:0;background:radial-gradient(120% 70% at 50% 42%,rgba(5,8,14,.3),rgba(5,8,14,.82) 75%),linear-gradient(180deg,rgba(5,8,14,.86) 0,rgba(5,8,14,.5) 30%,rgba(5,8,14,.7))}.star-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.star{position:absolute;background-color:#fff;border-radius:50%;animation:twinkle linear infinite;box-shadow:0 0 5px #fff}@keyframes twinkle{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.5)}}.player{flex:1 0 auto;width:100%;display:flex;flex-direction:column;padding-top:calc(var(--nav-h) + env(safe-area-inset-top) + 8px)}.player-head{text-align:center;padding:8px 16px 4px}.eyebrow{margin:0 0 4px;font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--accent);opacity:.85}.player-title{margin:0;font-size:clamp(24px,7.5vw,36px);font-weight:800;letter-spacing:.2em;background:linear-gradient(120deg,#ffffff 0,#c2d0e0 55%,var(--accent) 120%);-webkit-background-clip:text;background-clip:text;color:transparent}.filter-bar{display:flex;gap:8px;padding:12px 16px 4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid var(--panel-border);background:var(--panel-2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,transform .1s}.chip:active{transform:scale(.95)}.chip .chip-count{font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:rgba(255,255,255,.1);color:var(--muted)}.chip.active{background:var(--accent);border-color:var(--accent);color:#07130b;box-shadow:0 6px 18px rgba(30,215,96,.35)}.chip.active .chip-count{background:rgba(0,0,0,.22);color:#07130b}.flow-wrap{flex:1 1 auto;min-height:0}.flow,.flow-wrap{display:flex;align-items:center}.flow{gap:0;width:100%;overflow-x:auto;overflow-y:hidden;perspective:1100px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:24px calc((100% - var(--card)) / 2)}.flow::-webkit-scrollbar{display:none}.disc{flex:0 0 var(--card);scroll-snap-align:center;display:flex;justify-content:center}.disc-inner{position:relative;display:block;width:var(--card);height:var(--card);text-decoration:none;transform-style:preserve-3d;will-change:transform,opacity}.vinyl{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;place-items:center;z-index:1;will-change:transform}.vinyl-disc{width:94%;height:94%;border-radius:50%;background:repeating-radial-gradient(circle at center,#0b0b0b 0,#0b0b0b 2px,#1c1c1c 3px,#0b0b0b 4px);box-shadow:0 10px 30px rgba(0,0,0,.6),inset 0 0 30px rgba(0,0,0,.9);display:grid;place-items:center}.vinyl-disc:before{content:"";position:absolute;width:30%;height:30%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 60%)}.vinyl-label{width:36%;height:36%;border-radius:50%;background-size:cover;background-position:50%;box-shadow:0 0 0 4px rgba(0,0,0,.55);position:relative}.vinyl-label:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:#05070d;transform:translate(-50%,-50%);box-shadow:0 0 0 2px rgba(255,255,255,.25)}.disc.is-active .vinyl-disc{animation:spin 6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.cover{position:absolute;inset:0;z-index:2;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.55);transition:box-shadow .3s}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover img.is-fallback{object-fit:contain;padding:24%;opacity:.7;background:#0d1118}.disc.is-active .cover{box-shadow:0 22px 50px rgba(0,0,0,.6),0 0 40px rgba(30,215,96,.35)}.stage-info{text-align:center;padding:8px 24px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:6px}.si-group{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.si-title{margin:0;font-size:clamp(20px,6vw,28px);font-weight:800;color:#fff;max-width:90vw;line-height:1.25}.si-title.flip{animation:npFlip .4s ease}@keyframes npFlip{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.play-fab{margin-top:8px;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#46e57f,var(--accent) 70%);color:#06210f;display:grid;place-items:center;text-decoration:none;box-shadow:0 10px 26px rgba(30,215,96,.5);transition:transform .15s;animation:fabPulse 2.6s ease-in-out infinite}.play-fab:active{transform:scale(.92)}.play-ico{font-size:22px;margin-left:3px;line-height:1}@keyframes fabPulse{0%,to{box-shadow:0 10px 26px rgba(30,215,96,.45)}50%{box-shadow:0 10px 34px rgba(30,215,96,.75)}}.swipe-hint{margin:6px 0 0;font-size:12px;color:var(--muted);letter-spacing:.02em}.flow-empty{width:100%;text-align:center;color:var(--muted);font-size:14px;padding:40px 0}.custom-toggler .toggler-icon{display:block;width:30px;height:2px;margin:6px 0;background-color:#fff;transition:all .3s cubic-bezier(.2,.8,.2,1)}.custom-toggler{border:none}.custom-toggler:focus{box-shadow:none;outline:none}.custom-toggler[aria-expanded=true] .toggler-icon:first-child{transform:rotate(-45deg) translate(-5px,6px)}.custom-toggler[aria-expanded=true] .toggler-icon:nth-child(2){opacity:0}.custom-toggler[aria-expanded=true] .toggler-icon:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}footer{flex-shrink:0;width:100%;background-color:rgba(0,0,0,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#B7B7B7;font-size:12px;padding:12px 0 calc(12px + env(safe-area-inset-bottom))}footer,footer p{text-align:center}footer p{margin:0;max-width:90%;word-wrap:break-word}@media (prefers-reduced-motion:reduce){.disc.is-active .vinyl-disc,.play-fab,.si-title.flip,.star{animation:none!important}.amb-layer{transition:none!important}}