.landing{position:relative;min-height:100dvh;display:grid;place-items:center;padding:2rem;overflow:hidden}.landing-glow{position:absolute;width:70vmax;height:70vmax;border-radius:50%;background:radial-gradient(circle,rgba(255,92,138,.18),transparent 60%);filter:blur(20px);pointer-events:none}.landing-inner{position:relative;max-width:540px;text-align:center}.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:600;color:var(--ink-faint);margin:0 0 .6rem}.wordmark{font-family:var(--font-display);font-weight:700;font-size:clamp(2.6rem,6vw,4rem);line-height:1.02;margin:0 0 1rem}.landing-sub{color:var(--ink-dim);font-size:1.05rem;margin:0 0 2rem}.stage{height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.1rem;border-bottom:1px solid var(--line-soft);flex:0 0 auto}.brand{font-family:var(--font-display);font-weight:600;font-size:1.05rem;display:flex;align-items:center;gap:.5rem}.brand-dot{width:11px;height:11px;border-radius:50%;background:var(--spark);box-shadow:0 0 12px var(--spark)}.topbar-meta{display:flex;align-items:center;gap:.7rem;color:var(--ink-dim);font-size:.86rem}.room-chip b{font-family:var(--font-display);letter-spacing:.12em;color:var(--ink)}.dot-sep{width:4px;height:4px;border-radius:50%;background:var(--ink-faint)}.live-pill{text-transform:uppercase;letter-spacing:.1em;font-size:.66rem;font-weight:600;padding:.16rem .5rem;border-radius:999px;border:1px solid var(--line);color:var(--ink-dim)}.live-open{color:var(--good);border-color:color-mix(in srgb,var(--good) 50%,transparent)}.live-connecting{color:#ffd34e}.live-closed{color:var(--bad)}.stage-body{flex:1 1 auto;min-height:0}.player-host{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.player-frame{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}#yt-player{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.stage[data-phase=lobby] .player-frame{width:100%;max-height:100%}.stage[data-phase=playing] .player-frame{height:100%;max-width:100%}.stage[data-phase=idle] .player-host{display:none}.muted{color:var(--ink-dim)}.small{font-size:.82rem}.qr-canvas{width:100%;height:auto;max-width:300px;background:#fff;border-radius:14px;padding:10px}.qr-url{font-family:ui-monospace,monospace;font-size:.62rem;line-height:1.3;color:var(--ink-faint);word-break:break-all;margin:.5rem 0 0}.stage[data-phase=idle] .stage-body{display:grid;place-items:center;padding:2rem}.idle-card{text-align:center;max-width:420px}.idle-card .qr-canvas{margin:.4rem 0 .2rem}.idle-title{font-family:var(--font-display);font-weight:600;font-size:1.6rem;margin:.6rem 0 .3rem}.idle-sub{color:var(--ink-dim);margin:0}.stage[data-phase=lobby] .stage-body{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;padding:18px;align-items:center}.lobby{height:100%;max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);padding:1.2rem;scrollbar-width:thin}.lobby-head .lobby-title{font-family:var(--font-display);font-weight:600;font-size:1.35rem;margin:.2rem 0 0;line-height:1.15}.lobby-join{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;background:var(--panel-2);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:1rem .8rem}.lobby-join .qr-canvas{width:168px;padding:8px}.lobby-cta{font-family:var(--font-display);font-weight:600;font-size:1.15rem;margin:0;color:var(--spark-2)}.lobby-join-text .small{margin:.1rem 0 0}.lobby-singers .chips{display:flex;flex-direction:column;gap:.5rem}.lets-go{width:100%;font-size:1.2rem;padding:.95rem;border-radius:14px}.ghost-btn{background:transparent;border:1px solid var(--line);color:var(--ink-dim);border-radius:10px;padding:.5rem;font-size:.85rem}.ghost-btn:hover{color:var(--ink)}.lobby-lineup{border-top:1px solid var(--line-soft);padding-top:.8rem}.stage[data-phase=playing] .stage-body{display:flex;flex-direction:column;padding:14px;gap:12px}.stage[data-phase=playing] .player-host{flex:1 1 auto;min-height:0}.playbar{flex:0 0 auto;display:flex;align-items:center;gap:1rem;padding:.6rem .9rem;background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius)}.playbar-left{display:flex;align-items:center;gap:.6rem;flex:0 0 auto}.t-btn{background:var(--raised);border:1px solid var(--line);color:var(--ink);width:44px;height:44px;border-radius:50%;font-size:1.05rem;display:grid;place-items:center}.t-btn:hover{background:var(--line)}.now-playing{display:flex;flex-direction:column;max-width:240px}.np-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-faint)}.np-title{font-family:var(--font-display);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playbar-singers{flex:1 1 auto;display:flex;gap:.5rem;flex-wrap:wrap;overflow:hidden;justify-content:center}.music-vol{display:flex;align-items:center;gap:.45rem;flex:0 0 auto}.music-vol input{width:90px}.chip{display:flex;align-items:center;gap:.5rem;background:var(--panel-2);border:1px solid var(--line-soft);border-left:3px solid var(--accent);border-radius:10px;padding:.45rem .6rem}.chip.is-muted{opacity:.55}.chip-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:0 0 auto}.chip-name{font-weight:600;font-size:.85rem;flex:0 0 auto}.chip-vu{flex:1 1 auto;min-width:36px;height:6px;border-radius:4px;background:#161320;overflow:hidden}.chip-vu>i{display:block;height:100%;width:0;background:var(--accent);box-shadow:0 0 8px var(--accent);transition:width .06s linear}.chip-btn{background:transparent;border:0;color:var(--ink-faint);font-size:.8rem;padding:.1rem .25rem;border-radius:6px;flex:0 0 auto}.chip-btn.kick:hover{color:var(--bad)}.chip.compact{padding:.3rem .55rem;background:var(--panel)}.chip.compact .chip-vu{min-width:28px;width:40px;flex:0 0 auto}.lineup-row{display:flex;align-items:center;gap:.5rem;padding:.35rem 0}.lineup-thumb{width:52px;height:31px;object-fit:cover;border-radius:6px;flex:0 0 auto;background:#000}.lineup-title{flex:1 1 auto;min-width:0;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink-dim)}.stats-toggle{background:transparent;border:1px solid var(--line);border-radius:8px;padding:.1rem .4rem;font-size:.85rem;line-height:1.2;filter:grayscale(.4)}.stats-toggle.on{border-color:var(--spark);filter:none}.stats-hud{position:fixed;left:14px;bottom:14px;z-index:50;width:340px;max-width:calc(100vw - 28px);background:#14111cf0;backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:12px;padding:.7rem .85rem;font-family:ui-monospace,monospace;font-size:.74rem;box-shadow:var(--shadow)}.stats-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--ink-dim);margin-bottom:.5rem}.stats-out{color:var(--ink-dim);padding-bottom:.5rem;border-bottom:1px solid var(--line-soft)}.stats-out b,.stats-metrics b{color:var(--ink)}.stats-singer{padding:.5rem 0 .3rem}.stats-name{display:flex;align-items:center;gap:.4rem;font-weight:600;margin-bottom:.25rem}.stats-metrics{display:flex;flex-wrap:wrap;gap:.3rem .7rem;color:var(--ink-dim)}.stats-good{color:var(--good)}.stats-bad{color:#ffd34e}.stats-est b{color:var(--spark-2)}.stats-note{margin:.5rem 0 0;font-family:var(--font-ui);line-height:1.3}@media(max-width:980px){.stage[data-phase=lobby] .stage-body{grid-template-columns:minmax(0,1fr) 300px}}