.landing{position:relative;min-height:100dvh;display:grid;place-items:center;padding:2rem;overflow:hidden}.landing-bloom{position:absolute;border-radius:50%;pointer-events:none}.landing-bloom-1{width:min(820px,92vmin);height:min(820px,92vmin);left:50%;top:34%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,92,138,.22),rgba(255,92,138,.05) 45%,transparent 62%)}.landing-bloom-2{width:360px;height:360px;left:18%;top:70%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(169,140,255,.12),transparent 65%)}.landing-inner{position:relative;max-width:560px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.1rem}.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}.logo{display:flex;align-items:center;gap:.26em;white-space:nowrap;margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(2.4rem,7vw,4.4rem);line-height:1;color:#ffeaf2;text-shadow:0 0 4px #fff,0 0 9px #ff9dbe,0 0 18px #ff5c8a,0 0 34px #ff5c8a,0 0 58px #ff2e6e,0 0 92px #ff2e6e;animation:ck-neon 4.2s infinite}.logo-dot{flex:0 0 auto;width:.29em;height:.29em;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff,0 0 14px #ff5c8a,0 0 26px #ff5c8a,0 0 42px #ff2e6e}@keyframes ck-neon{0%,18%,22%,25%,53%,57%,to{opacity:1}20%,23%,55%{opacity:.55}}.landing-sub{max-width:460px;margin:0;color:var(--ink-dim);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.5}.reassure{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem}.reassure li{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--ink-faint)}.reassure-dot{width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 7px var(--good)}.stage{display:flex;flex-direction:column;min-height:100dvh}@media(min-width:760px)and (min-height:600px)and (min-aspect-ratio:1 / 1){.stage{height:100dvh;min-height:0;overflow:hidden}}.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem .75rem;padding:.55rem .9rem;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;flex-wrap:wrap;justify-content:flex-end;gap:.5rem .7rem;color:var(--ink-dim);font-size:.86rem}@media(max-width:520px){.topbar-count{display:none}}.room-chip b{font-family:var(--font-display);letter-spacing:.12em;color:var(--ink)}.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-grid{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:12px;padding:12px}.stage-main{display:flex;flex-direction:column;gap:10px;min-width:0}.stage-side{display:flex;flex-direction:column;gap:12px}@media(min-width:760px)and (min-height:600px)and (min-aspect-ratio:1 / 1){.stage-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:16px;padding:16px;align-items:stretch}.stage-main{min-height:0}.stage-side{min-height:0;overflow-y:auto;scrollbar-width:thin}}.stage-title{flex:0 0 auto;min-width:0}.stage-title-eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.16em;font-size:.66rem;font-weight:600;color:var(--ink-faint)}.stage-title-text{font-family:var(--font-display);font-weight:600;font-size:clamp(1.2rem,2.6vw,1.7rem);line-height:1.12;margin:.1rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-title-text.is-untitled{font-weight:500;color:var(--ink-dim)}.player-host{width:100%;display:flex;align-items:center;justify-content:center}.player-frame{position:relative;aspect-ratio:16 / 9;width:100%;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}@media(min-width:760px)and (min-height:600px)and (min-aspect-ratio:1 / 1){.player-host{flex:1 1 auto;min-height:0}.player-frame{width:auto;height:100%;max-width:100%}}.player-overlay{position:absolute;inset:0;z-index:3}.player-checking{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;background:#0a080e99;color:var(--ink-dim);font-size:.9rem}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--spark);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-lock{display:flex;align-items:flex-end;justify-content:center;padding-bottom:1.2rem;background:linear-gradient(to top,rgba(10,8,14,.45),transparent 45%)}.player-lock-badge{font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--ink);background:#14111cd9;border:1px solid var(--line);border-radius:999px;padding:.45rem 1rem}.player-external{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem;text-align:center;background:radial-gradient(circle at 50% 35%,#241a2e,#0a080e)}.player-external-thumb{width:min(46%,360px);height:auto;border-radius:var(--radius);box-shadow:var(--shadow);opacity:.9}.player-external-badge{font-family:var(--font-display);font-weight:600;font-size:1rem;color:var(--ink);background:#14111cd9;border:1px solid var(--line);border-radius:999px;padding:.45rem 1.1rem}.done-wrap{display:flex;flex-direction:column;align-items:center;gap:.4rem}.done-stage{font-size:clamp(1.05rem,2.2vw,1.45rem);padding:.85rem 2rem;border-radius:var(--radius)}.done-stage-hint{font-size:.82rem;color:var(--ink-dim)}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}.stagebar{flex:0 0 auto;border-top:1px solid var(--line-soft);padding:.7rem 12px;display:flex;flex-direction:column;align-items:center;gap:.55rem}.stagebar-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.7rem}.stagebar-queue{display:flex;align-items:center;justify-content:center;min-width:0}@media(min-width:760px)and (min-height:600px)and (min-aspect-ratio:1 / 1){.stagebar{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:16px;padding:.6rem 16px;align-items:center}}.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;flex:0 0 auto}.t-btn:hover:not(:disabled){background:var(--line)}.t-btn:disabled{opacity:.4;cursor:default}.go-btn{flex:0 0 auto;font-size:1.05rem;padding:.7rem 1.5rem}.music-vol{display:flex;align-items:center;gap:.45rem;flex:0 0 auto}.music-vol input{width:110px}.stagebar-hint{margin:0;font-size:.82rem;color:var(--ink-dim);text-align:center}@media(min-width:760px)and (min-height:600px)and (min-aspect-ratio:1 / 1){.stagebar-hint{grid-column:1 / -1}}.queue-peek{display:flex;align-items:center;gap:.55rem;position:relative;min-width:0;font-size:.86rem}.queue-peek.empty{color:var(--ink-faint)}.peek-next{color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:16ch}.peek-next b{color:var(--ink);font-weight:600}.peek-btn{flex:0 0 auto;background:var(--raised);border:1px solid var(--line);color:var(--ink-dim);border-radius:999px;padding:.3rem .7rem;font-size:.8rem;font-weight:600}.peek-btn:hover{color:var(--ink)}.queue-popover{position:absolute;bottom:calc(100% + 8px);right:0;width:min(340px,80vw);max-height:50vh;overflow-y:auto;scrollbar-width:thin;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:.7rem .85rem;z-index:40}.queue-popover .eyebrow{margin-bottom:.4rem}.side-qr{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);padding:.9rem .8rem}.side-qr-cta{font-family:var(--font-display);font-weight:600;font-size:1.05rem;margin:0;color:var(--spark-2)}.side-singers .eyebrow{margin-bottom:.5rem}.side-singers .chips{display:flex;flex-direction:column;gap:.5rem}.muted{color:var(--ink-dim)}.small{font-size:.82rem}.qr-canvas{width:100%;max-width:200px;aspect-ratio:1 / 1;height:auto;background:#fff;border-radius:14px;padding:10px}.side-qr .qr-canvas{max-width:140px;padding:8px}.stage[data-phase=idle] .player-host{display:none}.stage[data-phase=idle] .stage-grid{grid-template-columns:1fr}.stage[data-phase=idle] .stage-main{flex:1 1 auto;display:grid;place-items:center;padding:1.5rem 1rem}.idle{display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;gap:1.6rem 2.4rem;width:100%;max-width:900px}.idle-scan{display:flex;flex-direction:column;align-items:center;gap:.9rem}.idle-eyebrow{margin:0}.idle-qr .qr-canvas{max-width:216px;margin:0}.idle-how{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:360px}.idle-how-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(1.4rem,2.4vw,1.8rem)}.how-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem}.how-step{display:flex;align-items:flex-start;gap:.85rem}.how-num{flex:0 0 auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:1rem;color:#fff;background:linear-gradient(180deg,var(--spark-2),var(--spark));box-shadow:0 0 14px color-mix(in srgb,var(--spark) 50%,transparent)}.how-text{min-width:0}.how-step-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--ink)}.how-step-body{margin:.1rem 0 0;font-size:.85rem;color:var(--ink-dim);line-height:1.45}@media(min-width:760px)and (min-aspect-ratio:1 / 1){.idle{grid-template-columns:1.05fr .95fr;justify-items:stretch;gap:2.4rem}.idle-how{max-width:none}}.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)}.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-measured{margin-top:.3rem;font-size:.72rem;color:var(--good)}.stats-measured b{color:var(--good);font-size:.82rem}.stats-weak{color:#ffd34e}.stats-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.6rem;padding-top:.5rem;border-top:1px solid var(--line-soft)}.probe-btn{flex:0 0 auto;background:var(--raised);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:.3rem .7rem;font-size:.76rem;font-weight:600}.probe-btn:hover:not(:disabled){border-color:var(--spark)}.probe-btn:disabled{opacity:.5;cursor:default}.stats-note{margin:.5rem 0 0;font-family:var(--font-ui);line-height:1.3}@media(max-width:520px){.stats-hud{left:10px;right:10px;bottom:10px;width:auto;max-width:none}}