html,body,#root{height:100%;margin:0}body{color:#f4f4f5;-webkit-font-smoothing:antialiased;background:#101012;font-family:Inter Variable,system-ui,-apple-system,sans-serif}.screen{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;min-height:100%;padding:6vh 8vw 8vh;display:flex;position:relative}.brand{letter-spacing:.04em;color:#a0a0a6;margin:0;font-size:clamp(14px,2vw,20px)}.hint{color:#d4d4d8;max-width:26ch;margin:0;font-size:clamp(18px,2.6vw,28px)}.code{letter-spacing:.12em;margin:0;font-family:Geist Mono Variable,ui-monospace,Menlo,monospace;font-size:clamp(64px,16vw,180px);font-weight:600;line-height:1}.muted{color:#6b6b70;margin:0;font-size:clamp(13px,1.6vw,18px)}.paired{text-align:left;background-position:50%;background-size:cover;justify-content:flex-end;align-items:flex-start}.viz{width:100%;height:100%;display:block;position:absolute;inset:0}.overlay{pointer-events:none;background:linear-gradient(#0000000d 0%,#0000001f 32%,#00000073 62%,#000000d1 100%);position:absolute;inset:0}.paired--viz .overlay{background:linear-gradient(#00000005 0%,#0000001a 38%,#00000080 64%,#000000e0 100%)}.content{z-index:1;text-shadow:0 1px 2px #000000d9,0 6px 28px #0000008c;flex-direction:column;gap:.4rem;max-width:min(92vw,56rem);display:flex;position:relative}.paired .brand{color:#ffffffb8}.room{letter-spacing:-.02em;color:#fff;margin:0;font-size:clamp(40px,8vw,110px);font-weight:600;line-height:1}.channel{color:#ffffffeb;margin:0;font-size:clamp(22px,3.6vw,44px)}.track{color:#ffffffe0;margin:.2rem 0 0;font-size:clamp(16px,2.2vw,28px)}.track span{color:#ffffff9e}.status{color:#ffffffad;margin:.4rem 0 0;font-size:clamp(14px,1.8vw,20px)}.unpair{color:#a1a1aa;font:inherit;cursor:pointer;opacity:.5;background:#ffffff14;border:0;border-radius:8px;padding:6px 12px;font-size:13px;position:absolute;top:16px;right:16px}.unpair:hover{opacity:1}.start{z-index:2;color:#111;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:12px;margin-top:1.5rem;padding:16px 28px;font-size:clamp(16px,2vw,22px);font-weight:600;position:relative}.move{text-align:center;background:#0e0e10;justify-content:space-between;align-items:stretch;gap:0;padding:4vh 5vw 3vh}.move-head{color:#ffffff8c;justify-content:space-between;gap:2rem;padding-right:6rem;font-size:clamp(14px,1.8vw,22px);display:flex}.move-state{color:#30d158}.move-state--paused{color:#ff9f0a}.move-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.4rem;display:flex}.move-phase{letter-spacing:.18em;text-transform:uppercase;color:var(--phase);margin:0;font-size:clamp(22px,4vw,56px);font-weight:600}.move-round{color:#ffffffa6;margin:0;font-size:clamp(16px,2.4vw,32px)}.move-clock{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff;margin:.2rem 0 0;font-family:Geist Mono Variable,ui-monospace,Menlo,monospace;font-size:clamp(120px,30vw,380px);font-weight:600;line-height:.95}.move-clock--hot{color:var(--phase)}.move-progress{background:#ffffff1f;border-radius:999px;width:min(70vw,40rem);height:clamp(6px,1vh,12px);margin-top:1.5vh;overflow:hidden}.move-progress>div{background:var(--phase);border-radius:999px;height:100%;transition:width .2s linear}.move-next{color:#ffffffb3;margin:1.2vh 0 0;font-size:clamp(16px,2.4vw,30px)}.move-track{color:#ffffff73;margin:.4vh 0 0;font-size:clamp(13px,1.6vw,20px)}.move-track span{color:#ffffff4d}.move-strip{gap:3px;height:clamp(8px,1.4vh,16px);display:flex}.move-strip>div{border-radius:3px}.idle .room{color:#fff}