.sh-wrap{--sh-h:calc(100dvh - 65px);--sh-ink:#f3f1ec;--sh-muted:#b9b5c7;--sh-line:#ffffff1a;--sh-gem:linear-gradient(100deg, #5ee7ff, #b18cff 55%, #ff7ad9);height:var(--sh-h);color:var(--sh-ink);background:#05040b;position:relative;overflow:hidden}.sh{scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;height:100%;overflow-y:auto}.sh::-webkit-scrollbar{display:none}.sh-item{height:var(--sh-h);scroll-snap-align:start;scroll-snap-stop:always;cursor:pointer;place-items:center;padding:14px 0;display:grid;position:relative}.sh-stage{aspect-ratio:9/16;isolation:isolate;max-width:calc(100vw - 32px);height:100%;box-shadow:0 0 0 1px var(--sh-line), 0 40px 90px #0009;background:radial-gradient(120% 80% at 50% 0,#1a1433,#07060f 70%);border-radius:24px;position:relative;overflow:hidden}.sh-bg{object-fit:cover;filter:blur(36px)saturate(1.5)brightness(.5);z-index:-2;width:124%;height:124%;position:absolute;inset:-12%}.sh-glow{z-index:-1;pointer-events:none;background:radial-gradient(60% 40% at 20% 20%,#5ee7ff38,#0000 70%),radial-gradient(60% 45% at 85% 70%,#ff7ad92e,#0000 70%),linear-gradient(#05040b1a 40%,#05040be0 100%);position:absolute;inset:0}.sh-art{aspect-ratio:1;width:70%;position:absolute;top:11%;left:50%;transform:translate(-50%)}.sh-art img,.sh-art__blank{object-fit:cover;background:#1d1936;border-radius:22px;width:100%;height:100%;animation:15s ease-in-out infinite alternate paused shDrift;display:block;position:relative;box-shadow:0 0 0 1px #ffffff14,0 24px 60px #0000008c}.sh-ring{background:var(--sh-gem);opacity:0;filter:blur(14px);animation:shPulse var(--beat,.6s) ease-out infinite;border-radius:30px;animation-play-state:paused;position:absolute;inset:-6%}.sh-art.live img,.sh-art.live .sh-ring{animation-play-state:running}.sh-art.nobeat .sh-ring{animation-duration:1.6s}@keyframes shDrift{0%{transform:scale(1)translate(0)}to{transform:scale(1.06)translate(-1.5%,1%)}}@keyframes shPulse{0%{opacity:.55;transform:scale(.96)}70%{opacity:0;transform:scale(1.08)}to{opacity:0;transform:scale(1.08)}}.sh-lyric{pointer-events:none;gap:6px;display:grid;position:absolute;top:63%;left:7%;right:22%}.sh-lyric__now{font:800 clamp(19px, 2.4vh, 26px)/1.2 var(--font-unbounded,"Space Grotesk"), sans-serif;letter-spacing:-.01em;text-wrap:balance;background:var(--sh-gem);color:#0000;filter:drop-shadow(0 2px 12px #0009);-webkit-background-clip:text;background-clip:text;margin:0;animation:.35s ease-out both shIn}.sh-lyric__next{color:#f3f1ec8c;text-wrap:balance;margin:0;font-size:14px;line-height:1.35}@keyframes shIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sh-meta{gap:6px;display:grid;position:absolute;bottom:5.5%;left:6%;right:22%}.sh-chips{flex-wrap:wrap;gap:6px;display:flex}.sh-chip{letter-spacing:.1em;color:var(--sh-muted);border:1px solid var(--sh-line);background:#ffffff12;border-radius:999px;align-items:center;padding:4px 9px;font-size:10.5px;font-weight:800;display:inline-flex}.sh-chip.gem{color:#0b0918;background:var(--sh-gem);border-color:#0000}.sh-cap{color:var(--sh-ink);margin:2px 0 0;font-size:15px;line-height:1.4}.sh-title{color:var(--sh-ink);text-wrap:balance;margin:0;font-size:clamp(17px,2.2vh,21px);font-weight:800;line-height:1.2}.sh-artist{color:#cfc6ff;justify-self:start;font-size:14px;font-weight:700;text-decoration:none}.sh-artist:hover{text-decoration:underline}.sh-rail{bottom:7%;left:calc(50% + (var(--sh-h) - 28px) * 9 / 32 + 14px);z-index:3;gap:12px;display:grid;position:absolute}.sh-rail .sh-rail__btn{color:var(--sh-ink);font:700 11.5px var(--v-body,system-ui), sans-serif;cursor:pointer;background:0 0;border:0;justify-items:center;gap:4px;padding:0;text-decoration:none;display:grid}.sh-rail__orb{border:1px solid var(--sh-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .15s,background .15s;display:grid}.sh-rail__orb svg{width:22px;height:22px}.sh-rail .sh-rail__btn:hover .sh-rail__orb{background:#ffffff24;transform:scale(1.06)}.sh-rail .sh-rail__btn.on .sh-rail__orb{background:var(--sh-gem);color:#0b0918;border-color:#0000}.sh-rail .sh-rail__btn:focus-visible .sh-rail__orb{outline-offset:3px;outline:2px solid #5ee7ff}.sh-bar{width:calc((var(--sh-h) - 28px) * 9 / 16);z-index:3;pointer-events:none;background:#ffffff14;border-radius:0 0 24px 24px;max-width:calc(100vw - 32px);height:3px;position:absolute;bottom:14px;left:50%;overflow:hidden;transform:translate(-50%)}.sh-bar i{background:var(--sh-gem);transform-origin:0;height:100%;transition:transform .25s linear;display:block;transform:scaleX(0)}.sh-item .sh-start__btn{z-index:4;color:var(--sh-ink);font:800 14px var(--v-body,system-ui), sans-serif;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;justify-items:center;gap:8px;padding:0;display:grid;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.sh-start__btn svg{box-sizing:content-box;background:var(--sh-gem);color:#0b0918;border-radius:50%;width:34px;height:34px;padding:22px;box-shadow:0 0 0 10px #b18cff2e,0 20px 50px #00000080}.sh-item.paused .sh-art img{filter:brightness(.8)}.sh-nav{z-index:5;gap:12px;display:grid;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.sh-nav .sh-nav__btn{border:1px solid var(--sh-line);width:46px;height:46px;color:var(--sh-ink);cursor:pointer;background:#ffffff12;border-radius:50%;place-items:center;padding:0;display:grid}.sh-nav .sh-nav__btn svg{width:22px;height:22px}.sh-nav .sh-nav__btn:disabled{opacity:.3;cursor:default}.sh-hint{max-width:260px;color:var(--sh-muted);z-index:5;margin:0;font-size:12.5px;line-height:1.5;position:absolute;bottom:18px;left:22px}.sh-hint b{color:var(--sh-ink)}.sh-hint span{opacity:.7;margin-top:6px;display:block}.sh-toast{z-index:6;border:1px solid var(--sh-line);background:#0f0c1eeb;border-radius:999px;padding:10px 16px;font-size:13.5px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.sh-empty{text-align:center;color:#c9c6d4;align-content:center;place-items:center;gap:14px;min-height:60vh;padding:24px 16px;display:grid}@media (max-width:1100px){.sh-hint{display:none}}@media (max-width:900px){.sh-rail{left:auto;right:calc(50% - (var(--sh-h) - 28px) * 9 / 32 + 8px);gap:8px;bottom:5%}.sh-rail__orb{width:40px;height:40px}.sh-rail__orb svg{width:19px;height:19px}.sh-rail .sh-rail__btn{font-size:10px}.sh-art{width:60%;left:44%}.sh-nav{display:none}}@media (max-height:760px){.sh-rail{gap:8px}.sh-rail__orb{width:40px;height:40px}.sh-rail .sh-rail__btn{font-size:10.5px}.sh-lyric{top:60%}}@media (max-width:640px){.sh-item{padding:0}.sh-stage{aspect-ratio:auto;width:100%;max-width:none;height:100%;box-shadow:none;border-radius:0}.sh-art{width:68%;top:7%;left:50%}.sh-rail{gap:6px;bottom:17%;left:auto;right:8px}.sh-rail__orb{width:40px;height:40px}.sh-rail__orb svg{width:19px;height:19px}.sh-rail .sh-rail__btn{font-size:10px}.sh-bar{border-radius:0;width:100%;max-width:none;bottom:0}.sh-lyric,.sh-meta{right:20%}.sh-meta{bottom:4%}}@media (prefers-reduced-motion:reduce){.sh-art img,.sh-ring,.sh-lyric__now{animation:none!important}.sh-bar i{transition:none}}