:root{--paper: #e8e4da;--ink: #141414;--mute: #5f5a52;--rule: #c3bcae;--song: var(--ink);--grot: "Archivo", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--edge: 24px;--edge-bottom: 40px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--mono);overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}:focus-visible{outline:1px dashed var(--song);outline-offset:2px}#gl{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab;z-index:0}#gl.is-dragging{cursor:grabbing}#labels{position:fixed;inset:0;pointer-events:none;z-index:2}.lbl{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:.7em;padding:7px 9px;border:0;background:none;white-space:nowrap;cursor:pointer;pointer-events:auto;transform-origin:0 0;will-change:transform,opacity;font:800 13px/1 var(--grot);font-variation-settings:"wdth" 72;letter-spacing:.04em;text-transform:uppercase}.lbl.is-flipped{flex-direction:row-reverse}.lbl__num{font-family:var(--mono);font-weight:500;font-size:.8em;letter-spacing:.08em;color:var(--mute)}.lbl:hover,.lbl.is-active{color:var(--song)}.chrome{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:calc(22px + env(safe-area-inset-top,0px));padding-left:max(var(--edge),env(safe-area-inset-left,0px));padding-right:max(var(--edge),env(safe-area-inset-right,0px));pointer-events:none}.wordmark{font:900 15px/1 var(--grot);letter-spacing:.06em;text-transform:uppercase}.meta{font-size:11px;letter-spacing:.14em;color:var(--mute)}#big{position:fixed;left:0;right:0;bottom:env(safe-area-inset-bottom,0px);z-index:3;pointer-events:none;mix-blend-mode:multiply;overflow:hidden}#title{display:block;width:max-content;font-family:var(--grot);font-weight:800;font-variation-settings:"wdth" 62;font-size:20vw;line-height:.78;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;color:var(--song);transition:color 1s}#player{position:fixed;z-index:4;right:max(var(--edge),env(safe-area-inset-right,0px));bottom:calc(var(--title-h, 0px) + 16px + env(safe-area-inset-bottom,0px));width:min(320px,calc(100% - 2 * var(--edge)));display:flex;flex-direction:column;gap:14px}#status{font:500 11px/1.4 var(--mono);letter-spacing:.18em;color:var(--ink);font-variant-numeric:tabular-nums}.controls{display:flex;align-items:center;gap:10px}.ctl{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--rule);border-radius:999px;background:transparent;cursor:pointer}.ctl:hover{border-color:var(--ink)}.ctl--play{width:56px;height:56px;border:0;background:var(--ink);color:var(--paper)}.ctl--play .ico-play{display:none}.ctl--play.is-paused .ico-play{display:block}.ctl--play.is-paused .ico-pause{display:none}.bar{display:flex;align-items:center;gap:12px;font:400 10px/1 var(--mono);letter-spacing:.1em;color:var(--mute);font-variant-numeric:tabular-nums}.track{flex:1;min-width:0;height:2px;background:var(--rule);position:relative}#fill{position:absolute;inset:0 auto 0 0;width:0%;background:var(--ink)}#hint{position:fixed;z-index:4;margin:0;right:max(var(--edge),env(safe-area-inset-right,0px));top:calc(56px + env(safe-area-inset-top,0px));font:500 11px/1 var(--mono);letter-spacing:.2em;color:var(--mute)}@media(max-width:760px){:root{--edge: 16px}#player{left:var(--edge);right:var(--edge);width:auto}.lbl{font-size:10px;padding:5px 6px}}