@font-face{font-family:Atkinson Hyperlegible;src:url(/assets/AtkinsonHyperlegible-400-5vSe1ecE.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/assets/AtkinsonHyperlegible-700-CZN78WKG.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Fraunces;src:url(/assets/Fraunces-600-4zUXJ5xf.woff2) format("woff2");font-weight:600;font-display:swap}:root{--stage: #131110;--stage-raised: #1c1917;--stage-control: #292521;--line: #3c3630;--ink: #f4efe6;--ink-muted: #b0a79b;--ink-faint: #8a8278;--brand: #f2b544;--on-brand: #1c1507;--voice: #5fcdbf;--flag: #ff8f6b;--ok: var(--voice);--focus: var(--brand);--scrim: rgba(19, 17, 16, .72);--sans: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--display: "Fraunces", Georgia, serif;--mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-pill: 999px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--stage);color:var(--ink);font:400 16px/24px var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.t-lyric{font:700 40px/48px var(--sans)}.t-lyric-next{font:400 26px/34px var(--sans)}.t-count{font:700 96px/96px var(--sans)}.t-title{font:600 32px/36px var(--display);letter-spacing:-.01em}.t-heading{font:600 20px/26px var(--display)}.t-label{font:700 13px/18px var(--sans);letter-spacing:.02em}.t-mono{font:400 13px/18px var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--ink-muted)}.faint{color:var(--ink-faint)}.btn{height:40px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:0;display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;background:var(--stage-control);color:var(--ink);transition:background .12s}.btn:hover{background:var(--line)}.btn.primary{background:var(--brand);color:var(--on-brand)}.btn.text{background:transparent;color:var(--brand)}.btn.text.ink{color:var(--ink)}.btn.text:hover{background:var(--stage-control)}.btn:disabled{color:var(--ink-faint);background:var(--stage-control);cursor:default}.round{width:40px;height:40px;padding:0;justify-content:center;border-radius:var(--radius-pill)}.icon{display:inline-flex;width:20px;height:20px;flex:none}.icon svg{width:100%;height:100%}.segmented{display:inline-flex;background:var(--stage-control);border-radius:var(--radius-md);padding:0}.segmented button{height:40px;padding:var(--space-2) var(--space-4);border:0;background:transparent;border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.segmented button[aria-checked=true]{background:var(--brand);color:var(--on-brand)}.dot{width:8px;height:8px;border-radius:50%;background:var(--voice);display:inline-block}kbd{font:400 13px/18px var(--mono);background:var(--stage-control);border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 6px}.scrim{position:fixed;inset:0;background:var(--scrim);z-index:20}.panel{background:var(--stage-raised);border-radius:var(--radius-lg);padding:var(--space-6);z-index:21}.switch{width:40px;height:24px;border-radius:var(--radius-pill);background:var(--stage-control);border:0;position:relative;cursor:pointer;padding:0}.switch:after{content:"";position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:var(--ink);transition:left .12s}.switch[aria-checked=true]{background:var(--brand)}.switch[aria-checked=true]:after{left:20px;background:var(--on-brand)}input[type=range]{-webkit-appearance:none;appearance:none;height:4px;border-radius:var(--radius-pill);cursor:pointer;background:linear-gradient(var(--brand),var(--brand)) 0 / var(--fill, 50%) 100% no-repeat,var(--stage-control)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--brand);border:2px solid var(--stage)}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--brand);border:2px solid var(--stage)}.login{min-height:100%;display:grid;place-content:center;gap:var(--space-8);justify-items:center;padding:var(--space-6)}.login-form{width:min(360px,100%);display:grid;gap:var(--space-4)}.login-form h1{margin:0}.login-form label{display:grid;gap:var(--space-1)}.field{height:40px;padding:0 var(--space-3);background:var(--stage);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);font:400 16px/24px var(--sans)}.flag-text{color:var(--flag);margin:0}.library{max-width:880px;margin:0 auto;padding:var(--space-12) var(--space-6);display:grid;gap:var(--space-6);align-content:start}.library-head{display:flex;justify-content:space-between;align-items:center}.library-tools{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.public-access.open{display:inline-flex;align-items:center;gap:var(--space-2);padding-left:var(--space-3);border-radius:var(--radius-pill);background:var(--stage-control)}.search{display:flex;align-items:center;gap:var(--space-3);height:40px;padding:0 var(--space-3);background:var(--stage-raised);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink-muted)}.search input{flex:1;background:none;border:0;outline:none;color:var(--ink)}.search:focus-within{outline:2px solid var(--focus);outline-offset:2px}.group{margin:var(--space-4) 0 var(--space-2)}.songs{list-style:none;margin:0;padding:0}.songs li+li{border-top:1px solid var(--line)}.song{width:100%;display:grid;grid-template-columns:56px 1fr auto 20px;gap:var(--space-4);align-items:center;padding:var(--space-3);background:var(--stage);border:0;border-radius:var(--radius-md);text-align:left;cursor:pointer}.song:hover,.song:focus-visible{background:var(--stage-raised)}.cover{width:56px;height:56px;border-radius:var(--radius-md);background:var(--stage-control);display:grid;place-items:center}.cover img{width:36px;opacity:.45}.song-text{display:grid}.song-title{display:flex;align-items:center;gap:var(--space-2)}.chip{background:var(--stage-control);border-radius:var(--radius-pill);padding:2px var(--space-3)}.play-hint{color:var(--brand);visibility:hidden}.song:hover .play-hint,.song:focus-visible .play-hint{visibility:visible}.stage{height:100%;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);gap:var(--space-8);padding:var(--space-12)}.stage-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6)}.stage-title{display:flex;gap:var(--space-6);align-items:flex-start}.stage-title a{padding-top:2px}.stage-title h1,.stage-title p{margin:0}.stage-tools{display:flex;gap:var(--space-3);align-items:center}.lyrics{display:grid;place-content:center;justify-items:center;text-align:center;gap:var(--space-6);min-height:0}.lyrics p{margin:0}.current{display:grid;gap:var(--space-6);justify-items:center;max-width:1200px}.word{position:relative;display:inline-block;margin:0 .12em;white-space:nowrap}.word.sung{color:var(--ink)}.word.next,.word.now{color:var(--ink-faint)}.word .fill{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:var(--brand)}.countdown{display:grid;justify-items:center;gap:var(--space-2)}.wait{display:flex;align-items:center;gap:var(--space-4);width:min(480px,70vw)}.wait-bar{flex:1;height:6px;border-radius:var(--radius-pill);background:var(--stage-control);overflow:hidden}.wait-bar div{height:100%;background:var(--brand)}.wait-count{min-width:1.5em;text-align:right;color:var(--ink-muted);font-variant-numeric:tabular-nums}.wait-count.soon{color:var(--brand)}.lead-count{position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:.5em;font-size:.7em;color:var(--brand);font-variant-numeric:tabular-nums}.cue-cursor{position:absolute;top:.12em;bottom:.12em;width:.08em;margin-left:-.08em;border-radius:var(--radius-pill);background:var(--brand)}.counter{margin-top:var(--space-2)}.transport{display:grid;gap:var(--space-4)}.progress{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-4);align-items:center}.bar{position:relative;height:20px;cursor:pointer;touch-action:none}.bar:before{content:"";position:absolute;left:0;right:0;top:8px;height:4px;border-radius:var(--radius-pill);background:var(--stage-control)}.bar-fill{position:absolute;left:0;top:8px;height:4px;border-radius:var(--radius-pill);background:var(--brand)}.bar-mark{position:absolute;top:8px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--voice)}.transport-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-4)}.transport-main{display:flex;gap:var(--space-4);align-items:center}.transport-side{display:flex;gap:var(--space-2);justify-content:flex-end}.btn.play{width:56px;height:56px;padding:0;justify-content:center;border-radius:var(--radius-pill);background:var(--brand);color:var(--on-brand)}.btn.play:disabled{background:var(--stage-control);color:var(--ink-faint)}.btn[aria-pressed=true]{color:var(--brand)}.volume{display:flex;align-items:center;gap:var(--space-3)}.volume input{width:120px}.pct{width:4ch;text-align:right}.options{position:fixed;top:112px;right:var(--space-12);width:360px;display:grid;gap:var(--space-4)}.option-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.options .segmented button{padding:var(--space-2) var(--space-3)}.pitch{display:flex;align-items:center;gap:var(--space-3)}.pitch-value{width:3ch;text-align:center}.shortcuts{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 32px));max-height:calc(100% - 64px);overflow:auto;display:grid;gap:var(--space-6)}.shortcuts h2{margin:0 0 var(--space-2)}.shortcuts dl{margin:0;display:grid;gap:var(--space-2)}.shortcut{display:flex;justify-content:space-between;gap:var(--space-4)}.shortcut dt,.shortcut dd{margin:0}@media (max-width: 720px){.stage{padding:var(--space-6);gap:var(--space-6)}.stage-head{flex-direction:column}.t-lyric{font-size:30px;line-height:38px}.t-lyric-next{font-size:20px;line-height:28px}.transport-row{grid-template-columns:1fr;justify-items:center}.transport-side{justify-content:center}.stage-title{min-width:0}.stage-title h1{overflow-wrap:anywhere}.stage-tools{flex-wrap:wrap;width:100%}.segmented button{padding:var(--space-2) var(--space-3)}.options{left:var(--space-4);right:var(--space-4);width:auto;top:var(--space-12);max-height:calc(100% - 2 * var(--space-12));overflow-y:auto}.option-row{flex-wrap:wrap}.song{grid-template-columns:56px 1fr auto}.play-hint{display:none}}.chip.unpublished{color:var(--flag)}