:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-0:#eef1f7;--bg-1:#fff;--card:#fff;--card-2:#f7f9fc;--ink:#0d1017;--ink-soft:#5a6473;--ink-faint:#5f6673;--line:#1016241a;--line-2:#1016240f;--shadow:0 1px 1px #0c12220a, 0 8px 18px -10px #0c12222e, 0 44px 90px -50px #0c122280;--edge:#ffffffe6;--focus:#4c8dff;--btn-bg:linear-gradient(180deg, #23283340, #0d1017), linear-gradient(180deg, #262c38, #0e1219);--btn-ink:#fff;--panel:#0a0d14;--panel-2:#12161f;--panel-line:#ffffff17;--panel-ink:#eaeef6;--panel-soft:#97a1b3;--font-display:"Sora", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--ease:cubic-bezier(.62, 0, .2, 1);--spring:cubic-bezier(.28, 1.5, .44, 1);--radius:26px;--w:404px;--x:0;--p:.275;--mark:.5625}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg-0:#05060a;--bg-1:#0d1017;--card:#11141c;--card-2:#161a24;--ink:#eef1f7;--ink-soft:#98a2b3;--ink-faint:#8b94a6;--line:#ffffff1a;--line-2:#ffffff0e;--shadow:0 2px 4px #0006, 0 46px 100px -50px #000;--edge:#ffffff24;--btn-bg:linear-gradient(180deg, #fff, #dfe5ee);--btn-ink:#0b0e14}}.stage:has(.player[data-tier="0"]){--tone:#2fdca0}.stage:has(.player[data-tier="1"]){--tone:#ffc247}.stage:has(.player[data-tier="2"]){--tone:#ff8038}.stage:has(.player[data-tier="3"]){--tone:#ff4d69}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--bg-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}svg{display:block}.stage{background:radial-gradient(120% 110% at 50% 0%, var(--bg-1), var(--bg-0) 62%);flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100svh;padding:28px 20px 24px;display:flex;position:relative;overflow:hidden}.ambient{z-index:0;pointer-events:none;background:radial-gradient(28% 26% at 34% 34%, color-mix(in srgb, var(--tone,#2fdca0), transparent 30%), transparent 70%), radial-gradient(30% 28% at 68% 70%, color-mix(in srgb, var(--tone,#2fdca0), transparent 55%), transparent 68%);filter:blur(60px);opacity:.28;transition:opacity .6s var(--ease), background .7s var(--ease);position:absolute;inset:-30%}.stage:has(.player[data-tier="2"]) .ambient{opacity:.4}.stage:has(.player[data-tier="3"]) .ambient{opacity:.55}.stage:after{content:"";z-index:5;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url(/textures/grain.png);background-size:300px;position:absolute;inset:0}.foot{z-index:1;text-align:center;max-width:46ch;color:var(--ink-faint);font-size:11.5px;line-height:1.55;position:relative}.foot b{color:var(--ink-soft);font-weight:600}.player{z-index:1;width:var(--w);border-radius:var(--radius);background:linear-gradient(180deg, var(--card), var(--card-2));border:1px solid var(--line);max-width:100%;box-shadow:var(--shadow);isolation:isolate;padding:18px;position:relative}.player:before{content:"";background:linear-gradient(90deg, transparent, var(--edge), transparent);pointer-events:none;border-radius:1px;height:1px;position:absolute;top:0;left:22px;right:22px}.bar{align-items:center;gap:10px;padding:0 4px 14px;display:flex}.bar__brand{font-family:var(--font-display);letter-spacing:.14em;align-items:center;gap:6px;font-size:14px;font-weight:800;display:inline-flex}.bar__dot{background:var(--ink-faint);opacity:.7;border-radius:50%;width:5px;height:5px}.bar__chip{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);background:color-mix(in srgb, var(--ink), transparent 96%);border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700}.bar__more{color:var(--ink-faint);border-radius:10px;margin-left:auto;padding:6px}.bar__more svg{fill:currentColor;width:20px;height:20px}.bar__more:hover{color:var(--ink);background:color-mix(in srgb, var(--ink), transparent 94%)}.now{align-items:center;gap:36px;padding:0 4px;display:flex}.art{will-change:transform;flex:none;width:88px;height:88px;position:relative}.cover{z-index:1;background:#0b0e14;border-radius:14px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 1px 1px #0000004d,0 14px 26px -14px #000000b3,inset 0 0 0 1px #ffffff14}.cover__art{object-fit:cover;width:100%;height:100%;display:block}.cover__gloss{mix-blend-mode:soft-light;background:linear-gradient(148deg,#ffffff38,#0000 42%);position:absolute;inset:0}.disc{background:radial-gradient(circle,#d8dee9 0 6px,#0d1017 6px 9px,#0000 9px),repeating-radial-gradient(circle,#ffffff29 0 1px,#0000 1px 3px),radial-gradient(circle at 34% 28%,#333a47,#06080d 72%);border-radius:50%;width:80px;height:80px;margin-top:-40px;animation:3.6s linear infinite spin;position:absolute;top:50%;right:-27px;box-shadow:0 8px 18px -8px #000,inset 0 0 0 1px #ffffff17}.player.is-paused .disc{animation-play-state:paused}@keyframes spin{to{transform:rotate(360deg)}}.now__meta{min-width:0}.now__track{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:21px;font-weight:700;overflow:hidden}.now__artist{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.now__artist span{opacity:.5;margin:0 6px}.now__badge{letter-spacing:.11em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:7px;margin-top:10px;font-size:10.5px;font-weight:600;display:inline-flex}.now__eq{align-items:flex-end;gap:2px;height:11px;display:inline-flex}.now__eq i{transform-origin:50% 100%;width:2.5px;height:100%;animation:eq .9s var(--ease) infinite alternate;background:currentColor;border-radius:2px}.now__eq i:nth-child(2){animation-duration:.62s}.now__eq i:nth-child(3){animation-duration:1.1s}.now__eq i:nth-child(4){animation-duration:.76s}@keyframes eq{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.player.is-paused .now__eq i{animation-play-state:paused}.seek{padding:16px 4px 0}.seek__rail{background:color-mix(in srgb, var(--ink), transparent 90%);border-radius:999px;height:4px;position:relative;overflow:hidden}.seek__fill{background:var(--ink);opacity:.82;border-radius:999px;width:35%;position:absolute;inset:0 auto 0 0}.seek__times{font-variant-numeric:tabular-nums;color:var(--ink-faint);justify-content:space-between;margin-top:7px;font-size:11px;display:flex}.transport{justify-content:center;align-items:center;gap:10px;padding:10px 4px 18px;display:flex}.tbtn{width:40px;height:40px;color:var(--ink-soft);transition:color .2s, background .2s, transform .2s var(--spring);border-radius:50%;place-items:center;display:grid}.tbtn svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.tbtn:hover{color:var(--ink);background:color-mix(in srgb, var(--ink), transparent 94%)}.tbtn:active{transform:scale(.92)}.tbtn--play{width:54px;height:54px;color:var(--btn-ink);background:var(--btn-bg);transition:transform .2s var(--spring), filter .2s var(--ease);box-shadow:0 10px 22px -12px #000000b3,inset 0 1px #ffffff80,inset 0 -1px #00000024}.tbtn--play:hover{color:var(--btn-ink);filter:brightness(1.06)}.tbtn--play svg{stroke-width:2.6px;width:21px;height:21px}.tbtn--play .tbtn__play{fill:currentColor;stroke:none;display:none}.player.is-paused .tbtn--play .tbtn__play{display:block}.player.is-paused .tbtn--play .tbtn__pause{display:none}:where(.tbtn,.bar__more,.vol__mute):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hear{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--panel-line);box-shadow:inset 0 1px 0 #ffffff0f, inset 0 0 0 1px #00000080, 0 18px 40px -30px #000, 0 10px 46px -28px color-mix(in srgb, var(--tone), transparent 55%);color:var(--panel-ink);transition:box-shadow .6s var(--ease);transform:translate3d(var(--shx,0px), var(--shy,0px), 0);border-radius:18px;padding:14px 14px 12px;position:relative}.hear__head{align-items:center;gap:8px;display:flex}.hear__title{letter-spacing:.16em;text-transform:uppercase;color:var(--panel-soft);font-size:10.5px;font-weight:700}.hear__title span{opacity:.55}.hear__tier{letter-spacing:.1em;text-transform:uppercase;color:var(--tone);background:color-mix(in srgb, var(--tone), transparent 88%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone), transparent 72%);transition:color .4s var(--ease), background .4s var(--ease), box-shadow .4s var(--ease);border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.hear__tier:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.scene{background:radial-gradient(80% 90% at 50% 108%, color-mix(in srgb, var(--tone), transparent 84%), transparent 70%), linear-gradient(180deg, #070911, #0b0f18);height:176px;transition:background .6s var(--ease);border-radius:12px;margin-top:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.scene:after{content:"";z-index:2;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 46px 6px #0000008c,inset 0 -30px 40px -30px #000000e6}.trace{width:100%;height:100%;position:absolute;inset:0}.scene__floor{background:radial-gradient(50% 50% at 50% 50%, color-mix(in srgb, var(--tone), transparent 62%), transparent 72%);width:168px;height:20px;opacity:calc(.35 + var(--x) * .5);border-radius:50%;margin-left:-84px;position:absolute;bottom:22px;left:50%}.rungs{z-index:1;position:absolute;inset:0}.rung{opacity:0;width:152px;height:152px;transition:opacity .36s var(--ease), transform .6s var(--spring);will-change:transform, opacity;margin:-76px 0 0 -76px;position:absolute;top:50%;left:50%;transform:translateY(34px)scale(.82)}.rung.is-past{transform:translateY(-30px)scale(.68)}.rung.is-on{opacity:1;transform:none}.rung .ink{fill:var(--tone)}.rung .ink--soft{fill:color-mix(in srgb, var(--tone), #fff 34%)}.rung .hi{fill:#080b12}.rung .glass{fill:color-mix(in srgb, var(--tone), #000 62%)}.rung .hub{fill:color-mix(in srgb, var(--tone), #000 55%)}.rung .slot{fill:color-mix(in srgb, var(--tone), #000 58%)}.rung .maw{fill:#06080e}.rung .ring{fill:none;stroke:var(--tone);stroke-width:6px}.rung .ring--thick{stroke-width:11px}.rung .blade path{fill:color-mix(in srgb, var(--tone), #fff 6%)}.rung .blade:nth-child(2n) path{fill:color-mix(in srgb, var(--tone), #000 26%)}.rung .spinner{fill:color-mix(in srgb, var(--tone), #fff 42%)}.rung .swirl{fill:none;stroke:#06080e;stroke-width:3.4px;stroke-linecap:round}.rung .waves path{fill:none;stroke:var(--tone);stroke-width:6px;stroke-linecap:round;opacity:0}.rung.is-on .waves path:first-child{opacity:clamp(0, calc(var(--x) * 3.4), .95)}.rung.is-on .waves path:nth-child(2){opacity:clamp(0, calc(var(--x) * 3.4 - .9), .8)}.rung.is-on .waves path:nth-child(3){opacity:clamp(0, calc(var(--x) * 3.4 - 1.8), .65)}.rung .waves--flat path{stroke-width:7px}.rung .cone{transform-origin:80px 110px;animation:pump 1.05s var(--ease) infinite}.rung .cone--hi{transform-origin:80px 45px;animation-duration:.66s}@keyframes pump{0%,to{transform:scale(1)}50%{transform:scale(1.055)}}.scene__src{z-index:3;letter-spacing:.09em;text-transform:uppercase;color:var(--panel-soft);font-size:10.5px;font-weight:600;position:absolute;top:11px;left:12px}.scene__read{z-index:3;font-family:var(--font-display);color:var(--panel-ink);text-shadow:0 2px 18px #0009;align-items:baseline;gap:5px;display:flex;position:absolute;bottom:8px;left:12px}.scene__read b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:800}.scene__read span{color:var(--panel-soft);font-size:14px;font-weight:600}.verdict{border-bottom:1px solid var(--panel-line);grid-template-columns:1fr auto;align-items:baseline;column-gap:12px;min-height:62px;padding:12px 2px 10px;display:grid}.verdict__label{letter-spacing:.08em;text-transform:uppercase;color:var(--panel-soft);font-size:11px;font-weight:600}.verdict__value{font-family:var(--font-display);letter-spacing:-.02em;color:var(--tone);text-align:right;font-variant-numeric:tabular-nums;transition:color .4s var(--ease);grid-area:1/2;font-size:25px;font-weight:800}.verdict__note{color:var(--panel-soft);grid-column:1/-1;margin-top:5px;font-size:12px;line-height:1.4}.verdict.is-flash .verdict__value{animation:flash .42s var(--ease)}@keyframes flash{0%{transform:scale(1)}34%{transform:scale(1.09)}to{transform:scale(1)}}.dose{align-items:center;gap:10px;padding:11px 2px 13px;display:flex}.dose__rail{background:#ffffff17;border-radius:999px;flex:1;height:5px;position:relative;overflow:hidden}.dose__fill{background:linear-gradient(90deg, color-mix(in srgb, var(--tone), transparent 45%), var(--tone));transform-origin:0;border-radius:999px;width:100%;position:absolute;inset:0 auto 0 0;transform:scaleX(0)}.dose__label{letter-spacing:.03em;color:var(--panel-soft);font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.dose__label b{color:var(--panel-ink);font-weight:700}.dose.is-over .dose__label b{color:var(--tone)}.vol{align-items:center;gap:12px;padding-top:4px;display:flex}.vol__mute{width:32px;height:32px;color:var(--panel-soft);border-radius:9px;flex:none;place-items:center;transition:color .2s,background .2s;display:grid}.vol__mute:hover{color:var(--panel-ink);background:#ffffff12}.vol__mute svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.vol__mute .vol__off{display:none}.player.is-muted .vol__mute .vol__off{display:block}.player.is-muted .vol__mute .vol__on{display:none}.vol__rail{border-radius:12px;flex:1;height:34px;position:relative}.vol__rail:has(:focus-visible){box-shadow:0 0 0 2px var(--focus)}.vol__track{background:#ffffff1c;border-radius:999px;height:7px;margin-top:-3.5px;position:absolute;top:50%;left:0;right:0;box-shadow:inset 0 1px 2px #00000080}.vol__zone{top:50%;left:calc(11px + var(--mark) * (100% - 22px));pointer-events:none;background:repeating-linear-gradient(112deg,#ff6e7857 0 2px,#0000 2px 5px);border-radius:0 999px 999px 0;height:7px;margin-top:-3.5px;position:absolute;right:11px}.vol__fill{height:7px;width:calc(11px + var(--p) * (100% - 22px));background:linear-gradient(90deg, color-mix(in srgb, var(--tone), #fff 24%), var(--tone));box-shadow:0 0 14px -2px color-mix(in srgb, var(--tone), transparent 40%);border-radius:999px;margin-top:-3.5px;position:absolute;top:50%;left:0}.vol__line{top:-3px;left:calc(11px + var(--mark) * (100% - 22px));letter-spacing:.08em;color:var(--panel-soft);pointer-events:none;white-space:nowrap;font-size:8.5px;font-weight:700;position:absolute;transform:translate(-50%)}.vol__line i{background:repeating-linear-gradient(180deg, var(--panel-soft) 0 3px, transparent 3px 5px);opacity:.75;border-radius:1px;width:2px;height:15px;margin-left:-1px;position:absolute;top:13px;left:50%}.player[data-tier="2"] .vol__line,.player[data-tier="3"] .vol__line{color:var(--tone)}.vol__input{appearance:none;cursor:grab;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.vol__input:active{cursor:grabbing}.vol__input::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--tone);width:22px;height:22px;box-shadow:0 3px 10px #0000008c, 0 0 0 0 color-mix(in srgb, var(--tone), transparent 60%);transition:box-shadow .25s var(--ease), transform .18s var(--spring);background:linear-gradient(90deg,#0000 44.5%,#0b0e1466 44.5% 46.5%,#0000 46.5% 53.5%,#0b0e1466 53.5% 55.5%,#0000 55.5%),linear-gradient(#fff,#dde3ec);border-radius:50%}.vol__input:hover::-webkit-slider-thumb{transform:scale(1.1)}.vol__input:active::-webkit-slider-thumb{box-shadow:0 3px 10px #0000008c, 0 0 0 7px color-mix(in srgb, var(--tone), transparent 78%)}.vol__input::-moz-range-thumb{border:3px solid var(--tone);background:#fff;border-radius:50%;width:22px;height:22px;box-shadow:0 3px 10px #0000008c}.vol__input::-moz-range-track{background:0 0}.vol__pct{text-align:right;font-variant-numeric:tabular-nums;width:38px;color:var(--panel-soft);flex:none;font-size:12px;font-weight:600}.player[data-tier="2"] .hear{box-shadow:inset 0 1px 0 #ffffff0f, inset 0 0 0 1px #00000080, 0 18px 40px -30px #000, 0 12px 52px -26px color-mix(in srgb, var(--tone), transparent 42%)}.player[data-tier="3"] .hear{box-shadow:inset 0 1px 0 #ffffff0f, inset 0 0 0 1px #00000080, 0 18px 40px -30px #000, 0 14px 60px -22px color-mix(in srgb, var(--tone), transparent 30%)}@media (prefers-reduced-motion:reduce){.rung{transition:opacity 1ms linear;transform:none}.rung.is-past,.rung:not(.is-on){transform:none}.disc,.now__eq i,.rung .cone,.verdict.is-flash .verdict__value{animation:none}.hear{transform:none}*{scroll-behavior:auto}}@media (prefers-contrast:more){.player{border-color:var(--ink)}.hear{border-color:#fff6}.verdict__note,.dose__label,.scene__src{color:#d5dbe6}.vol__track{background:#ffffff3d}}@media (width<=460px){:root{--w:100%}.stage{gap:16px;padding:18px 14px}.player{border-radius:22px;padding:15px 14px 14px}.scene{height:158px}.scene__read b{font-size:34px}.verdict__value{font-size:21px}.now__track{font-size:19px}.foot{font-size:10.5px}}@media (height<=720px){.scene{height:150px}.transport{padding-bottom:12px}}