.code-input{font-size:1.25rem;font-weight:700}.join-card{align-content:start}.join-card h1{margin:0;font-size:1.5rem}.join-card form{gap:12px;display:grid}.browse .result{grid-template-columns:minmax(0,1fr) auto}.room{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;width:100%;max-width:1200px;margin:0 auto;padding:12px;display:grid}.col{gap:12px;min-width:0;display:grid}.room>.card,.col>.card{gap:8px;padding:12px 14px;display:grid}.queue-card{align-content:start;min-width:0}#main:has(>#roomScreen.resting){display:grid}.room.resting{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:stretch}.room.resting>.col,.room.resting>.queue-card{display:none}.room>.rest-card{text-align:center;grid-column:1/-1;justify-items:center;gap:12px;width:100%;max-width:560px;margin:24px auto;padding:32px 20px}.room.resting>.rest-card{align-content:center;max-width:720px;margin:0 auto}.rest-title{margin:0;font-size:2rem}.rest-title:focus{outline:none}.rest-text{margin:0;font-size:1.15rem}.rest-clock{margin:0}#restClock{font-variant-numeric:tabular-nums;color:var(--accent);font-size:3.2rem;font-weight:800}.rest-now{overflow-wrap:anywhere;margin:0}.now-body{gap:6px;display:grid}.now-song .art{border-radius:10px;width:84px;height:84px}.now-song .song-title{white-space:normal;font-size:1.2rem}.now-body .song-by{margin:0}.now-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.now-body{align-content:center;min-height:112px}#searchMsg{min-height:1.45em}.status-row{flex-wrap:wrap;align-items:center;gap:4px 14px;min-height:30px;display:flex}.status-row .waiting{margin:0}.status-row .waiting:empty{display:none}#waiting.full{color:var(--warn);font-weight:600}.my-checks{background:var(--warn-soft);border-radius:10px;gap:4px;margin:8px 0 0;padding:8px 12px;font-size:.9rem;list-style:none;display:grid}.my-checks[hidden]{display:none}.credits{flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;display:flex}.credits-pill{background:var(--accent-soft);border:1px solid var(--accent-line);min-height:30px;color:var(--accent);font-variant-numeric:tabular-nums;border-radius:99px;align-items:center;gap:6px;padding:3px 12px;display:inline-flex}.credits.empty .credits-pill{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}.credits small{font-size:.8rem}.segmented{background:var(--card2);border:1px solid var(--line);border-radius:12px;gap:3px;padding:3px;display:flex}.segmented[hidden]{display:none}.segmented button{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:9px;flex:1 1 0;font-weight:650}.segmented button:hover:not(:disabled){background:var(--card);color:var(--ink)}.segmented button[aria-pressed=true]{background:var(--card);color:var(--accent);box-shadow:0 1px 2px #1018281f, inset 0 0 0 1px var(--accent-line)}.jump{white-space:nowrap;border-radius:99px;min-width:7.2em;min-height:44px;font-weight:700}.jump[aria-disabled=true]{opacity:.6;cursor:default}.down-left{border:1px solid var(--line);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:99px;margin-left:4px;padding:0 8px;font-weight:600;display:inline-block}.down-left[hidden]{display:none}.down-left.empty{color:var(--warn);border-color:var(--warn)}.vote.down[aria-disabled=true]{opacity:.5;cursor:default}.vote[hidden],.vote .n:empty{display:none}.jump.done{opacity:1;background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.jtag,.ptag{color:var(--accent);font-weight:650}.qitem.pushed,.qitem.jumped{border-color:var(--accent-line)}.eq{vertical-align:-1px;align-items:flex-end;gap:2px;height:.8em;margin-right:6px;display:inline-flex}.eq i{background:currentColor;border-radius:1px;width:3px;height:30%}.now:not(.playing) .eq{display:none}.now.playing .eq i{animation:1s ease-in-out infinite eq}.now.playing .eq i:nth-child(2){animation-delay:-.4s}.now.playing .eq i:nth-child(3){animation-delay:-.7s}@keyframes eq{0%,to{height:25%}50%{height:100%}}.now.mine{border-color:var(--accent-line);background:linear-gradient(var(--accent-soft), var(--card) 70%)}.now.mine .song-by{color:var(--accent);font-weight:650}.now.cheer{animation:.9s ease-out 2 cheer}@keyframes cheer{0%{box-shadow:0 0 0 0 var(--accent-line)}to{box-shadow:0 0 0 16px #0000}}@media (prefers-reduced-motion:reduce){.now.playing .eq i,.now.cheer{animation:none}.now.playing .eq i:nth-child(2){height:100%}.now.playing .eq i:nth-child(3){height:60%}}.search-msg.busy{align-items:center;gap:8px;display:flex}.search-msg.busy:before{content:"";border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite spin}@media (prefers-reduced-motion:reduce){.search-msg.busy:before{animation-duration:3s}}.results.stale{opacity:.5;transition:opacity .2s}.results:empty{display:none}.pill .dot{flex:none}.bell-pill{white-space:nowrap;flex:none;font-weight:600}.bell-pill b{font-variant-numeric:tabular-nums;font-weight:750}.bell-pill.cleanup{border-color:var(--accent);background:var(--accent-soft)}.search-row{gap:8px;display:flex}.shelves .note{margin:0 0 6px}.search-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search-tools[hidden],.shelves[hidden]{display:none}.search-tools select.text{flex:9em;width:auto;min-width:0;max-width:14em;min-height:40px;padding-block:6px}.only-checked{white-space:nowrap;align-items:center;gap:6px;min-height:40px;font-weight:650;display:inline-flex}.only-checked input{width:18px;height:18px;accent-color:var(--accent)}.results,.queue{gap:6px;margin:0;padding:0;list-style:none;display:grid}.result,.qitem{background:var(--card2);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:grid}.result{grid-template-columns:minmax(0,1fr) auto auto}.suggest{min-width:96px;min-height:44px}.suggest.status:disabled{opacity:1;color:var(--muted);cursor:default;background:0 0;border-color:#0000;font-weight:650}.suggest.status{text-align:right;min-width:0;max-width:8.5em;padding-inline:4px}.tag{background:var(--ok-soft);color:var(--ok);border-radius:99px;padding:2px 7px;font-size:.75rem;font-weight:700}.tags{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.unchecked-tag{background:var(--warn-soft);color:var(--warn)}.count{color:var(--muted);letter-spacing:0;font-weight:600}.qitem{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"rank song votes""rank by votes";row-gap:2px}.qitem .rank{text-align:center;width:1.6em;color:var(--muted);grid-area:rank;font-size:1.1rem;font-weight:750}.qitem .song{grid-area:song}.qitem .qby{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-area:by;padding-left:64px;font-size:.82rem;overflow:hidden}.qitem.mine{border-color:var(--accent-line);background:var(--accent-soft)}.qitem.mine .qby{color:var(--accent);font-weight:600}.qitem.next .rank{color:var(--accent)}.votes{grid-area:votes;gap:6px;display:flex}.vote{font-variant-numeric:tabular-nums;border-radius:99px;min-width:64px;min-height:44px;font-weight:700}.vote.up[aria-pressed=true]{background:var(--ok-soft);border-color:var(--ok);color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok)}.vote.down[aria-pressed=true]{background:var(--bad-soft);border-color:var(--bad);color:var(--bad);box-shadow:inset 0 0 0 1px var(--bad)}.empty-note{text-align:center;padding:12px 0}.net-banner{z-index:15;background:var(--warn-soft);width:max-content;max-width:calc(100% - 24px);color:var(--warn);border:1px solid var(--warn);box-shadow:var(--shadow);text-align:center;border-radius:99px;padding:8px 14px;font-size:.9rem;font-weight:650;position:fixed;top:80px;left:50%;transform:translate(-50%)}.toast{pointer-events:none}.toast.party{border-left-color:var(--accent);background:var(--accent-soft);font-weight:650}@media (width<=760px){.room{grid-template-columns:1fr;padding:10px}.room>.col{display:contents}.titlebar{gap:6px;padding:6px 10px}.in-room .titlebar{flex-wrap:nowrap;min-width:0}.in-room .brand-name{display:none}.in-room .pill{flex:0 auto;min-width:0}.in-room #roomPillText{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.in-room .bell-pill{flex:none}.in-room .bell-words{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.in-room .toplink,.in-room .themebtn{white-space:nowrap;flex:none}.net-banner{top:62px}.brand img{width:40px;height:40px}.qitem .qby{padding-left:0}.qitem{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"rank song song""rank by votes"}.qitem .art{width:44px;height:44px}.vote{min-width:60px;min-height:48px}.jump{min-width:6.4em;min-height:48px;padding-inline:8px}.suggest{min-height:48px}}@media (width<=560px){.result{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"song btn""tags btn";row-gap:4px}.result>.song{grid-area:song}.result>.tag,.result>.tags{grid-area:tags;justify-content:flex-start;justify-self:start;margin-left:64px}.result>.suggest,.result>.refused{grid-area:btn}.result .song-title,.qitem .song-title{white-space:normal;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box}.suggest.primary{min-width:84px}}.refused{align-items:center;gap:2px;display:inline-flex}button.why{min-width:44px;min-height:44px;color:var(--accent);background:0 0;border:0;padding:4px 8px;font-weight:650;text-decoration:underline}button.why:hover{background:var(--accent-soft)}.cleanup-note{font-size:1.1rem}.class-of{color:var(--muted);margin:0 0 8px;font-weight:650}.class-of:before{content:"🎓 "}#nickGen .code-row{gap:8px;display:flex}.nick-shown{flex:1;align-items:center;min-width:0;font-weight:700;display:flex}#nickRoll{flex:none}.intro{box-sizing:border-box;max-width:1180px;color:var(--muted);text-align:center;margin:12px auto 0;padding:10px 16px;font-size:.92rem}.intro b{color:var(--ink)}.intro a{white-space:nowrap}.in-room .intro{display:none}.coupon-open{font-size:.95rem}.coupon-form{border:1px solid var(--line);background:var(--card2);border-radius:10px;gap:6px;margin:4px 0 10px;padding:10px 12px;display:grid}.coupon-form[hidden]{display:none}.coupon-line{gap:8px;display:flex}.coupon-line .text{flex:1;min-width:0}.find-by{gap:6px;display:flex}.find-by button{flex:1 1 0;min-height:44px;font-weight:650}.find-by button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--ink);box-shadow:inset 0 0 0 1px var(--accent)}.fav-pane{gap:8px;display:grid}.fav-pane .note{margin:0}.fav-pane .results{max-height:60vh;overflow:auto}.fav-tag{background:var(--accent-soft);color:var(--accent)}.top5{gap:4px;margin:0;padding:0;list-style:none;display:grid}.top5-row{border-radius:8px;grid-template-columns:1.8em minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 8px;display:grid}.top5-row.crown{background:var(--accent-soft);border:1px solid var(--accent-line)}.top5-rank{text-align:center;color:var(--muted);font-weight:750}.top5-row.crown .top5-rank{font-size:1.2rem}.top5-net{font-variant-numeric:tabular-nums}.top5-row .song-title{font-size:.95rem}
