:root{--font:"Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;--display-stretch:120%;--display-weight:850;--display-tracking:.01em;--caps-stretch:100%;--caps-weight:500;--caps-tracking:.08em;--text-stretch:100%;--text-weight:500;--outline-stroke:.028em;--c-ground:#d4d3cb;--c-fg:#000;--c-reverse-ground:#000;--c-reverse-fg:#fff;--lh-tiny:.85;--lh-small:.95;--lh-text:1.35;--fs-small:clamp(12px, 1.5vw, 18px);--fs-medium:clamp(16px, 2vw, 26px);--fs-large:clamp(28px, 4vw, 56px);--fs-xlarge:clamp(46px, 12vw, 180px);--gap:clamp(10px, 2vw, 30px);--ease-out-expo:cubic-bezier(.19, 1, .22, 1);--ease-in-out-cubic:cubic-bezier(.645, .045, .355, 1);--ease-reveal:cubic-bezier(.215, .61, .355, 1);--t-regular:.25s var(--ease-in-out-cubic);--t-reveal:1.1s var(--ease-reveal);--shadow-crisp:6px 6px 0 #000;--rule:2px;--touch:44px}.reverse{--c-ground:#000;--c-fg:#fff}*{box-sizing:border-box}html,body{margin:0}html{scrollbar-width:thin;scrollbar-color:var(--c-fg) transparent}body{background:var(--c-ground);color:var(--c-fg);font-family:var(--font);font-stretch:var(--text-stretch);font-weight:var(--text-weight);line-height:var(--lh-text);-webkit-font-smoothing:antialiased}button,input{font:inherit;letter-spacing:inherit}.loading__brand,.loading__start,.stem__name,.stem__toggle,.stem__toggle--solo,.stem__level-open,.sheet__title,.sheet__close,.transport__bright,.intro,.lyrics{font-family:var(--font);font-stretch:var(--display-stretch);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);text-transform:uppercase;line-height:var(--lh-tiny)}.loading__kicker,.loading__status,.intro__artist{font-family:var(--font);font-stretch:var(--caps-stretch);font-weight:var(--caps-weight);letter-spacing:var(--caps-tracking);text-transform:uppercase;line-height:var(--lh-small)}.outline,.lyrics .lyrics__line[data-fill="0"],.lyrics .lyrics__line--next{color:#0000;-webkit-text-stroke:var(--outline-stroke) var(--c-fg)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.icon{flex:none;width:24px;height:24px;display:block}.app{grid-template-rows:minmax(180px,1fr) auto auto;min-height:100dvh;display:grid}.app[data-state=loading] .stems,.app[data-state=loading] .lyrics,.app[data-state=loading] .intro,.app[data-state=loading] .transport{visibility:hidden}.app[data-state=ready] .loading{display:none}.loading{z-index:20;background:var(--c-ground);opacity:1;transition:opacity .4s var(--ease-in-out-cubic);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);display:grid;position:fixed;inset:0}.loading--exit{opacity:0;pointer-events:none}.loading__head,.loading__copy{padding:0 var(--gap)}.loading__head{padding-top:calc(var(--gap) + env(safe-area-inset-top))}.loading__brand{white-space:nowrap;color:#0000;-webkit-text-stroke:var(--outline-stroke) var(--c-fg);margin:0;font-size:13vw;line-height:.85;overflow:hidden}.loading__brand span{display:inline}.loading__kicker{justify-content:space-between;margin:.4em 0 0;font-size:clamp(11px,2.1vw,30px);display:flex}.loading__copy{padding-top:var(--gap);padding-bottom:var(--gap);align-content:center;gap:1em;max-width:44ch;font-size:clamp(17px,1.9vw,30px);display:grid}.loading__body{margin:0}.loading__body:empty{display:none}.loading__bar{align-items:center;gap:var(--gap);padding:var(--gap);padding-bottom:calc(var(--gap) + env(safe-area-inset-bottom));background:var(--c-ground);color:var(--c-fg);grid-template-columns:1fr auto;min-height:96px;display:grid}.loading__progress{gap:10px;display:grid}.loading__status{font-size:var(--fs-small);margin:0}.loading__track{height:var(--rule);background:#ffffff4d;overflow:hidden}.loading__track span{background:var(--c-fg);width:0%;height:100%;transition:width .3s var(--ease-in-out-cubic);display:block}.loading__start{min-width:10rem;min-height:64px;font-size:var(--fs-large);background:var(--c-fg);color:var(--c-ground);cursor:pointer;border:0;border-radius:0;padding:0 clamp(24px,4vw,56px)}@media (max-width:699px){.loading__brand span{width:max-content;display:block}.loading__brand{font-size:26vw}.loading__bar{grid-template-columns:1fr}.loading__start{width:100%}}@media (prefers-reduced-motion:reduce){.loading,.loading__track span{transition:none}}input[type=range]{appearance:none;cursor:pointer;--track:currentColor;background:0 0;margin:0}input[type=range]::-webkit-slider-runnable-track{height:var(--rule);background:var(--track)}input[type=range]::-moz-range-track{height:var(--rule);background:var(--track);border:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:currentColor;border:0;border-radius:0;width:18px;height:28px;margin-top:-13px}input[type=range]::-moz-range-thumb{background:currentColor;border:0;border-radius:0;width:18px;height:28px}.stage{background:var(--c-reverse-ground);place-items:center;min-height:0;display:grid;container-type:size}.stage__frame{aspect-ratio:16/9;max-width:100%;height:min(100cqh,56.25cqw);position:relative;container-type:inline-size}@supports not (height:1cqh){.stage__frame{height:min(60dvh,56.25vw)}}.stage__frame video{object-fit:contain;width:100%;height:100%;display:block}.stage__fullscreen{top:var(--gap);right:var(--gap);min-width:var(--touch);min-height:var(--touch);color:var(--c-fg);border:var(--rule) solid var(--c-fg);cursor:pointer;opacity:.85;background:0 0;border-radius:0;place-items:center;padding:0;display:grid;position:absolute}.stage__fullscreen:hover,.stage__fullscreen:focus-visible{opacity:1}.stage__frame:fullscreen{aspect-ratio:auto;background:#000;width:100%;height:100%;max-height:none}.stems{column-gap:var(--gap);padding:0 var(--gap);grid-template-columns:1fr 1fr;align-content:start;display:grid}.stem{gap:var(--gap);border-bottom:var(--rule) solid var(--c-fg);grid-template-columns:clamp(7rem,13vw,11rem) 1fr auto auto;grid-template-areas:"name level mute solo";align-items:center;min-height:54px;padding:3px 0;display:grid}.stem__name{min-width:0;transition:opacity var(--t-regular);grid-area:name;align-items:center;gap:8px;font-size:clamp(15px,1.5vw,22px);display:flex}.stem__name-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.stem__level{width:100%;height:var(--touch);color:var(--c-fg);grid-area:level}.stem__fill,.stem__level-open{display:none}.stem__toggle{min-width:var(--touch);min-height:var(--touch);font-size:var(--fs-small);color:var(--c-fg);border:var(--rule) solid var(--c-fg);cursor:pointer;transition:background var(--t-regular), color var(--t-regular);background:0 0;border-radius:0;place-items:center;padding:0;display:grid}.stem__toggle-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stem__toggle[aria-pressed=true]{background:var(--c-fg);color:var(--c-ground)}.stem__toggle--mute{grid-area:mute}.stem__toggle--solo{grid-area:solo}.stem[data-silent=true] .stem__name{opacity:.4}@media (max-width:699px){.app{grid-template-rows:clamp(150px,34dvh,320px) minmax(0,1fr) auto}.stage__frame{aspect-ratio:auto;width:100%;height:100%}.stage__frame video{object-fit:cover}.stems{grid-template-rows:repeat(3,minmax(88px,1fr));align-content:stretch;gap:8px;min-height:0;padding:8px}.stem{--tile-bg:var(--c-fg);--tile-ink:var(--c-ground);background:var(--tile-bg);min-height:0;color:var(--tile-ink);border:var(--rule) solid var(--c-fg);transition:background var(--t-regular), color var(--t-regular), opacity var(--t-regular);grid-template-columns:1fr;grid-template-areas:"name";align-content:center;gap:0;padding:10px 12px;position:relative;overflow:hidden}.stem[data-muted=true]{--tile-bg:var(--c-ground);--tile-ink:var(--c-fg)}.stem[data-silent=true]{opacity:.5}.stem[data-silent=true] .stem__name{opacity:1}.stem__name{color:inherit;align-self:center;justify-items:start;gap:6px;font-size:clamp(15px,4.2vw,22px);display:grid}.stem__name .icon{width:32px;height:32px}.stem__fill{transform-origin:0;height:6px;transform:scaleX(var(--level,1));transition:transform var(--t-regular);background:currentColor;display:block;position:absolute;bottom:0;left:0;right:0}.stem__toggle--mute{z-index:1;background:0 0;border:0;min-width:0;min-height:0;padding:0;position:absolute;inset:0}.stem__toggle--mute[aria-pressed=true]{background:0 0}.stem__toggle--mute .icon{display:none}.stem__toggle--solo,.stem__level-open{z-index:2;min-width:var(--touch);min-height:var(--touch);color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;right:0}.stem__toggle--solo{border-left:var(--rule) solid currentColor;border-bottom:var(--rule) solid currentColor;top:0}.stem__toggle--solo[aria-pressed=true]{background:var(--tile-ink);color:var(--tile-bg)}.stem__level-open{border-left:var(--rule) solid currentColor;border-top:var(--rule) solid currentColor;font-size:16px;display:grid;bottom:0}.stem .stem__level{display:none}}.sheet{z-index:10;opacity:0;transition:opacity var(--t-regular);background:#0000008c;align-items:end;display:grid;position:fixed;inset:0}.sheet[data-open=true]{opacity:1}.sheet[hidden]{display:none}.sheet__panel{gap:var(--gap);padding:var(--gap);padding-bottom:calc(var(--gap) + env(safe-area-inset-bottom));background:var(--c-ground);color:var(--c-fg);border-top:var(--rule) solid var(--c-fg);transition:transform .5s var(--ease-out-expo);display:grid;transform:translateY(100%)}.sheet[data-open=true] .sheet__panel{transform:translateY(0)}.sheet__title{font-size:var(--fs-large);margin:0}.sheet__slot .stem__level{width:100%;height:56px;color:var(--c-fg);display:block}.sheet__actions{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}.sheet__actions .stem__toggle{min-height:var(--touch);border:var(--rule) solid var(--c-fg);color:var(--c-fg);font-size:var(--fs-small);background:0 0;grid-area:auto;justify-content:center;align-items:center;gap:10px;padding:0 14px;display:flex;position:static;inset:auto}.sheet__actions .stem__toggle[aria-pressed=true]{background:var(--c-fg);color:var(--c-ground)}.sheet__actions .stem__toggle .icon{display:block}.sheet__actions .stem__toggle-text{clip-path:none;width:auto;height:auto;position:static;overflow:visible}.sheet__close{min-height:var(--touch);font-size:var(--fs-medium);background:var(--c-fg);color:var(--c-ground);cursor:pointer;border:0;padding:0 14px}@media (prefers-reduced-motion:reduce){.sheet,.sheet__panel,.stem,.stem__fill,.stem__name{transition:none}}.transport{gap:var(--gap);padding:calc(var(--gap) * .6) var(--gap);background:var(--c-ground);color:var(--c-fg);padding-bottom:calc(var(--gap) * .6 + env(safe-area-inset-bottom));grid-template-columns:auto 1fr auto;grid-template-areas:"play scrub bright";align-items:center;display:grid;position:sticky;bottom:0}.transport__play{min-width:64px;min-height:var(--touch);background:var(--c-fg);color:var(--c-ground);cursor:pointer;border:0;border-radius:0;grid-area:play;place-items:center;display:grid}.transport__play .icon{width:28px;height:28px}.transport__scrub{width:100%;height:var(--touch);color:var(--c-fg);grid-area:scrub}.transport__bright{grid-area:bright;gap:2px;font-size:13px;display:grid}.transport__bright input{width:120px;height:var(--touch);color:var(--c-fg)}@media (min-width:700px){.transport__bright{grid-auto-flow:column;align-items:center;gap:10px}}@media (max-width:480px){.transport{grid-template-columns:auto 1fr;grid-template-areas:"play scrub""bright bright"}.transport__bright{grid-template-columns:auto 1fr;grid-auto-flow:column;align-items:center;gap:10px}.transport__bright input{width:100%}}input[type=range]:focus-visible,button:focus-visible{outline:3px solid var(--c-fg);outline-offset:2px}.transport :focus-visible,.stage__fullscreen:focus-visible{outline-color:var(--c-fg)}.intro{pointer-events:none;text-align:center;word-spacing:.08em;color:var(--c-reverse-fg);transition:opacity var(--t-reveal), transform var(--t-reveal);background:#0006;align-content:center;justify-items:center;gap:.08em;padding:.4em;font-size:clamp(20px,7.5cqi,64px);display:grid;position:absolute;inset:0}.intro p{margin:0}.intro__artist{font-size:max(12px,.3em);margin-bottom:.3em!important}.intro__title{text-wrap:balance;color:#0000;-webkit-text-stroke:var(--outline-stroke) var(--c-fg);font-size:1em}.intro--exit{opacity:0;transform:translateY(-20px)}.intro[hidden]{display:none}.lyrics{pointer-events:none;color:var(--c-reverse-fg);text-align:center;background:linear-gradient(#0000,#000000b3);grid-template-rows:auto auto;align-content:end;gap:.15em;padding:.2em .4em .3em;font-size:clamp(16px,6cqi,60px);display:grid;position:absolute;inset:55% 0 0;overflow:hidden}.lyrics__line{word-spacing:.08em;text-wrap:balance;overflow-wrap:break-word;color:var(--c-reverse-fg);transition:opacity var(--t-reveal), transform var(--t-reveal), color var(--t-regular);grid-column:1;margin:0}.lyrics__line--live,.lyrics__line--exit{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;grid-row:1;font-size:1em;display:-webkit-box;overflow:hidden}.lyrics__line--long{font-size:.7em}.lyrics__line--next{opacity:.7;grid-row:2;font-size:max(.45em,13px)}.lyrics__line--live{opacity:calc(.35 + .65 * var(--vocal,1));transform:translateY(0)}.lyrics__line--live.lyrics__line--enter{opacity:0;transform:translateY(20px)}.lyrics__line--exit{opacity:0;position:absolute;left:0;right:0;transform:translateY(-20px)}.lyrics__line[hidden],.lyrics[hidden]{display:none}@media (prefers-reduced-motion:reduce){.lyrics__line,.intro{transition:none}.lyrics__line--enter,.lyrics__line--exit,.intro--exit{transform:none}}