@font-face{font-family:Hanken Grotesk;src:url(/fonts/HankenGrotesk-latin.woff2)format("woff2");font-weight:100 900;font-display:optional}@font-face{font-family:Inter;src:url(/fonts/Inter.woff2)format("woff2");font-weight:200 700;font-display:optional}:root{--bg:#000;--text:#e2e2e2;--text-muted:#9a9a96;--accent:#24cb71;--siren:#ff2f2f;--font-body:"Hanken Grotesk", "Inter", system-ui, sans-serif;--font-chrome:"Inter", system-ui, sans-serif;--fs-md:1.3rem;--fs-sm:.9375rem;--edge:clamp(1.25rem, 5vw, 3rem);--col:560px;--dock-h:clamp(200px, calc(min(100vw - 2 * var(--edge), var(--col)) * .5625), 220px);--out-h:44px;--dur:.225s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;overflow-x:clip}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{height:100svh;width:min(100%, calc(var(--col) + 2 * var(--edge)));padding-inline:var(--edge);padding-bottom:env(safe-area-inset-bottom,0px);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid}.bar{justify-content:flex-end;padding-block:.25rem;display:flex}.ask{width:44px;height:44px;font-family:var(--font-chrome);color:var(--text-muted);place-items:center;font-size:1.05rem;display:grid}.about{width:100%;max-width:none;height:100%;max-height:none;padding:var(--edge);background:var(--bg);color:var(--text);border:0;margin:0;position:fixed;inset:0}.about::backdrop{background:var(--bg)}.about .close{top:.25rem;right:calc(var(--edge) - .5rem);width:56px;height:56px;color:var(--text);place-items:center;display:grid;position:absolute}.about .close svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:26px;height:26px}.credits{min-height:100%;font-size:var(--fs-md);overflow-wrap:anywhere;place-content:center;gap:1.1rem;line-height:1.3;list-style:none;display:grid}.credits a{color:inherit;box-shadow:inset 0 -1.25px 0 0 var(--text);transition:background-color var(--dur) ease, color var(--dur) ease, box-shadow var(--dur) ease;text-decoration:none}.credits a:hover,.credits a:focus-visible{background-color:var(--accent);color:var(--bg);box-shadow:inset 0 -1.25px 0 0 var(--accent);outline:none}.about{overscroll-behavior:contain;overflow-y:auto}.credits{min-height:0;padding-block:2.5rem 1.5rem}.attrib{max-width:34rem;font-family:var(--font-chrome);font-size:var(--fs-sm);color:var(--text-muted);margin:0 auto 2rem;line-height:1.5}.attrib h2{letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin-bottom:.75rem;font-size:.6875rem;font-weight:600}.attrib p{margin-bottom:.75rem}.attrib a{color:var(--text);text-underline-offset:2px;text-decoration:underline}.attrib .notice{border-left:2px solid var(--siren);margin-bottom:1.25rem;padding-left:.75rem}.authors{gap:.6rem;list-style:none;display:grid}.authors li{gap:.1rem;display:grid}.authors .who{color:var(--text)}.authors .what{opacity:.75;font-size:.8125rem}main{grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);gap:clamp(1.25rem,4vh,2.25rem);min-height:0;padding-top:clamp(.5rem,2vh,1.5rem);display:grid}.clock{min-height:0;position:relative}.mirror{width:100%;height:100%;transition:opacity var(--dur) ease;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.mirror.is-dim{opacity:.6}.mirror-box{position:relative;overflow:hidden;transform:translate(0)}.mirror.is-estimate .mirror-box{outline:1px dashed var(--text-muted);outline-offset:-1px}.mirror.is-buffering{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}.meta{text-align:center}.track,.artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track{font-size:var(--fs-md);line-height:1.3}.artist{font-family:var(--font-chrome);font-size:var(--fs-sm);color:var(--text-muted);margin-top:.15rem;line-height:1.4}.banger{height:1.5rem;font-family:var(--font-chrome);letter-spacing:.08em;text-transform:uppercase;color:var(--siren);justify-content:center;align-items:center;gap:8px;margin-top:.4rem;font-size:.6875rem;display:flex}.banger[hidden]{display:none}.banger-dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px;animation:1.6s ease-in-out infinite pulse-dot;box-shadow:0 0 10px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.status{font-family:var(--font-chrome);font-size:var(--fs-sm);color:var(--text-muted);min-height:1.4em;margin-top:.35rem}.controls{padding-bottom:var(--out-h);justify-content:center;align-items:center;gap:clamp(.65rem,4.5vw,1.6rem);display:flex;position:relative}button{color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity var(--dur) ease;background:0 0;border:0}button:hover{opacity:.6}button:active{opacity:.35}.chip{width:44px;height:44px;color:var(--text-muted);border-radius:0;place-items:center;display:grid}.chip svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter;width:24px;height:24px}.chip svg .solid{fill:currentColor;stroke:none}.chip.is-on{color:var(--text)}.chip .one{font-family:var(--font-chrome);text-anchor:middle;fill:currentColor;stroke:var(--bg);stroke-width:3px;paint-order:stroke fill;font-size:10px;font-weight:600;display:none}.chip.is-one .one{display:block}.play{border-radius:0;place-items:center;width:60px;height:60px;display:grid}.play svg{width:100%;height:100%}.play .disc{fill:var(--text);stroke:none}.play .mark{fill:var(--bg);stroke:none}.play:disabled{cursor:default;opacity:1}.play:disabled .disc{fill:none;stroke:var(--text-muted);stroke-width:1px}.play:disabled .mark{fill:var(--text-muted)}.dock{height:var(--dock-h);margin-inline:calc(-1 * var(--edge));place-items:center;display:grid}.dock iframe,.dock>div{width:100%;max-width:calc(var(--col) + 2 * var(--edge));border:0;display:block}.dock[data-platform=youtube] iframe,.dock[data-platform=youtube]>div{height:100%}.dock[data-platform=soundcloud] iframe{height:166px}.dock[data-platform=bandcamp] iframe{height:42px;max-width:min(100%, var(--col))}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}