:root{--bg: #07041a;--ink: #f4ecff;--muted: #b9aee0;--pink: #ff4fd8;--teal: #00e0c6;--yellow: #ffe066;--panel: rgba(18, 10, 40, .92);--line: rgba(255, 255, 255, .14);--display: "Arial Black", "Trebuchet MS", Impact, system-ui, sans-serif;--hand: "Marker Felt", "Chalkboard SE", "Comic Sans MS", "Segoe Print", cursive;--ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--ui);overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}kbd{background:#ffffff1f;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:0 5px;font-size:.85em}.app{position:fixed;top:0;right:0;bottom:0;left:0}.stage-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.stage-canvas{display:block;touch-action:manipulation;cursor:pointer}.landing{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;overflow:auto;z-index:20;background:radial-gradient(ellipse at 50% 30%,#501e8c59,#050214d9)}.landing-card{max-width:620px;text-align:center}.eyebrow{letter-spacing:.25em;font-size:12px;color:var(--teal);margin:0 0 8px}.logo{font-family:var(--display);font-size:clamp(42px,9vw,96px);line-height:.9;margin:0;display:flex;flex-direction:column;text-shadow:3px 3px 0 var(--pink),-2px -1px 0 var(--teal)}.logo span:last-child{font-size:.55em;letter-spacing:.08em}.logo.small{font-size:40px;flex-direction:row;justify-content:center;gap:12px}.logo.small span:last-child{font-size:1em}.tagline{color:var(--muted);font-size:17px;margin:18px auto 6px;max-width:480px}.murmur{font-style:italic;opacity:.55;font-size:13px;animation:murmur 4s ease-in-out infinite}@keyframes murmur{50%{opacity:.25}}.warning{margin:18px auto;padding:12px 14px;border:1px solid rgba(255,224,102,.4);background:#ffe06612;border-radius:12px;font-size:14px;text-align:left}.landing-toggles{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px}.landing-toggles label{display:flex;gap:6px;align-items:center;cursor:pointer}.doors{margin-top:8px;font-family:var(--display);font-size:26px;padding:16px 38px;border-radius:999px;border:3px solid #fff;background:linear-gradient(135deg,var(--pink),#7b2cff);box-shadow:0 0 40px #ff4fd899}.doors:disabled{opacity:.7;cursor:wait}.hint{color:var(--muted);font-size:13px;margin-top:16px}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.hud>*{pointer-events:auto}.topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:max(10px,env(safe-area-inset-top)) 16px 10px;background:linear-gradient(#050214cc,#05021400);pointer-events:none}.topbar>*{pointer-events:auto}.now{font-size:15px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.now b{font-family:var(--display);letter-spacing:.03em}.meta{color:var(--muted);font-size:13px}.live-dot{width:10px;height:10px;border-radius:50%;background:#ff2e4d;box-shadow:0 0 10px #ff2e4d;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.3}}.section-chip{font-size:11px;font-weight:800;letter-spacing:.06em;padding:3px 8px;border-radius:999px;background:#00e0c629;color:var(--teal);border:1px solid rgba(0,224,198,.4)}.tools{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.tool,.lighter-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:10px;background:#140a2dbf;border:1px solid var(--line);font-size:15px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tool:hover,.tool.active{border-color:var(--pink);background:#ff4fd829}.tool-label{font-size:13px}.tool:focus-visible,.cheer:focus-visible,.lighter-btn:focus-visible,.big-btn:focus-visible,.mx-btn:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.panel{position:absolute;top:64px;right:16px;width:min(380px,calc(100vw - 32px));max-height:calc(100% - 170px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel h2{margin:0 0 4px;font-family:var(--display);font-size:20px}.panel h3{margin:16px 0 6px;font-size:14px;color:var(--muted)}.panel-sub{margin:0 0 12px;color:var(--muted);font-size:13px}.close{position:absolute;top:10px;right:12px;background:none;border:0;font-size:16px;opacity:.7}.mixer{list-style:none;padding:0;margin:0 0 12px}.mixer li{display:grid;grid-template-columns:30px 1fr 36px 36px 50px;align-items:center;gap:6px;padding:6px 0;border-bottom:1px dashed var(--line);transition:opacity .2s}.mixer li.silent .mx-name{opacity:.4;text-decoration:line-through}.mx-emoji{font-size:22px}.mx-btn{border:1px solid var(--line);background:#ffffff0d;border-radius:8px;padding:5px 0;font-weight:800}.mx-btn.on.mute{background:#ff2e4d;border-color:#ff2e4d}.mx-btn.on.solo{background:var(--yellow);color:#1a1030;border-color:var(--yellow)}.mx-meter{height:8px;border-radius:4px;background:#ffffff14;overflow:hidden}.mx-meter span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--teal),var(--yellow),var(--pink));animation:meter .5s ease-in-out infinite alternate;transform-origin:left}@keyframes meter{0%{transform:scaleX(.35)}to{transform:scaleX(.95)}}.reduce-motion .mx-meter span{animation:none;transform:scaleX(.7)}.slider{display:grid;gap:6px;font-size:13px;color:var(--muted)}.slider input{width:100%;accent-color:var(--pink)}.panel-setlist{background:#fbf6e6;color:#22192e;border:none;box-shadow:4px 10px 30px #0000008c;font-family:var(--hand);left:16px;right:auto}.panel-setlist .close{color:#22192e}.paper h2{font-family:var(--hand);font-size:30px;color:#c2185b;transform:rotate(-2deg)}.paper .panel-sub{color:#6b5d7a}.tape{position:absolute;top:-10px;left:50%;width:110px;height:26px;transform:translate(-50%) rotate(3deg);background:#fff0a0bf;box-shadow:0 2px 4px #0003}.setlist{list-style:none;padding:0;margin:0}.setlist li{display:grid;grid-template-columns:28px 1fr auto;gap:6px;align-items:start;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.12);font-size:20px}.setlist li small{display:block;font-size:12px;color:#7d6f8c;font-family:var(--ui)}.setlist li.played .sl-title{text-decoration:line-through;text-decoration-color:#c2185b;text-decoration-thickness:3px;opacity:.6}.setlist li.now .sl-title{color:#c2185b}.setlist li.locked{opacity:.6}.sl-num{color:#c2185b}.sl-act{display:flex;gap:4px;font-size:14px;font-family:var(--ui);color:#c2185b;font-weight:700}.sl-act button{border:2px solid #22192e;background:#fff;color:#22192e;border-radius:8px;padding:2px 8px;font-weight:800;font-size:12px}.sl-act button:hover{background:#ffe066}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.chip{border:1px solid var(--line);background:#ffffff0d;padding:6px 12px;border-radius:999px}.chip.on{background:var(--teal);color:#08202a;border-color:var(--teal);font-weight:700}.mic-note{font-family:var(--display);font-size:34px;text-align:center;margin:10px 0;color:var(--yellow)}.big-btn{width:100%;margin-top:8px;padding:12px;border-radius:12px;border:2px solid #fff;background:linear-gradient(135deg,var(--pink),#7b2cff);font-weight:800;font-size:16px}.big-btn.alt{background:linear-gradient(135deg,var(--teal),#2a7fff)}.err{color:#ff8aa0;font-size:13px}.dropzone{border:2px dashed var(--line);border-radius:14px;padding:28px 12px;text-align:center;color:var(--muted);cursor:pointer}.dropzone.drag,.dropzone:hover{border-color:var(--teal);color:var(--ink);background:#00e0c60f}.fineprint{font-size:12px;color:var(--muted)}.linkish{background:none;border:0;padding:0;color:var(--pink);text-decoration:underline;font-size:12px}.setlist li.headliner-row .sl-title{color:#7b2cff}.setting{display:flex;gap:10px;align-items:flex-start;padding:7px 0;cursor:pointer}.setting input{margin-top:3px;accent-color:var(--pink)}.setting small{display:block;color:var(--muted);font-size:12px}.keys{padding-left:18px;font-size:13px;line-height:1.8;color:var(--muted)}.namecard{position:absolute;left:24px;top:30%;max-width:330px;padding:14px 18px;background:#0a051ceb;border:3px solid;border-radius:14px;box-shadow:0 12px 40px #00000080}.nc-role{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.nc-name{font-family:var(--display);font-size:24px;margin:4px 0}.nc-fact{color:var(--muted);font-size:14px}.subtitles{position:absolute;left:50%;bottom:96px;transform:translate(-50%);width:min(900px,calc(100vw - 32px));text-align:center;pointer-events:none}.subtitles>*{pointer-events:auto}.lyric,.caption{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 8px;padding:8px 14px;background:#050214c7;border-radius:12px;font-size:clamp(16px,2.2vw,24px);font-weight:700;text-shadow:0 2px 4px #000}.lyric-who{font-size:.8em;color:var(--muted)}.syl{opacity:.55;transition:color .08s,opacity .08s}.syl.done{opacity:.85}.syl.on{opacity:1;color:var(--yellow)}.translate{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);background:#ffffff0f;font-weight:600}.speaker{color:var(--pink)}.bottombar{position:absolute;left:0;right:0;bottom:0;display:flex;gap:10px;align-items:center;padding:10px 16px max(12px,env(safe-area-inset-bottom));background:linear-gradient(#05021400,#050214d9)}.hype{flex:1;min-width:0}.hype-track{height:14px;border-radius:999px;background:#ffffff1a;overflow:hidden;border:1px solid var(--line)}.hype-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--yellow),var(--pink));box-shadow:0 0 18px var(--pink);transition:width .1s linear}.hype-label{font-size:12px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hype-label b{color:var(--ink);text-transform:uppercase}.encore-badge{color:var(--yellow);margin-left:6px}.cheer{padding:12px 22px;border-radius:999px;border:3px solid #fff;background:linear-gradient(135deg,#ff7a1a,var(--pink));font-family:var(--display);font-size:18px;user-select:none;-webkit-user-select:none;touch-action:none}.cheer small{font-family:var(--ui);font-size:11px;opacity:.8}.cheer.on{transform:scale(1.08) rotate(-2deg);box-shadow:0 0 30px var(--pink)}.fun-row{display:flex;gap:6px}.tool.fun{font-size:18px}.tool.fun:active{transform:scale(.92)}@media (max-width: 1000px){.tool.fun .tool-label{display:none}}.lighter-btn.glow{border-color:var(--yellow);box-shadow:0 0 20px #ffe06699}.credits{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;grid-template-columns:1fr minmax(260px,360px);gap:24px;padding:32px;background:#050214db}.credits-roll{overflow:hidden;position:relative;text-align:center;-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}.credit-line{margin:18px 0}.credit-role{display:block;color:var(--muted);font-size:12px;letter-spacing:.15em;text-transform:uppercase}.credit-name{font-family:var(--display);font-size:22px}.credits-set{align-self:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.credits-set h3{margin:0 0 8px}.credits-set ol{padding-left:20px}.credits-set li small{color:var(--muted)}.credits-buttons{display:grid;gap:6px}.rotate-hint{display:none}@media (max-width: 760px){.tool-label{display:none}.tool{padding:7px 9px}.now .meta{display:none}.cheer{padding:10px 14px;font-size:15px}.cheer small{display:none}.namecard{left:12px;right:12px;top:auto;bottom:150px;max-width:none}.credits{grid-template-columns:1fr;padding:16px;overflow:auto}.credits-roll{min-height:40vh}.subtitles{bottom:76px}}@media (max-height: 620px){.logo{font-size:clamp(34px,7vw,64px)}.tagline{font-size:14px;margin-top:8px}.murmur{display:none}.warning{margin:8px auto;padding:8px 12px;font-size:13px}.doors{font-size:20px;padding:10px 28px}.hint{margin-top:8px}}@media (max-height: 480px){.tool-label,.cheer small{display:none}.panel{top:52px;max-height:calc(100% - 110px)}.subtitles{bottom:64px}.namecard{top:56px;bottom:auto}}@media (orientation: portrait) and (max-width: 600px){.rotate-hint{display:block;position:absolute;top:60px;left:16px;right:16px;text-align:center;padding:8px;border-radius:10px;background:#ffe06626;color:var(--yellow);font-size:13px;z-index:5;pointer-events:none}}@media (prefers-reduced-motion: reduce){.live-dot,.murmur{animation:none}}.score-chip{margin-left:6px;padding:3px 10px;border-radius:999px;border:1px solid rgba(255,224,102,.5);background:#ffe0661f;color:var(--yellow);font-weight:800;font-size:13px}.tool.rec{border-color:#ff2e4d;background:#ff2e4d40;animation:blink 1s steps(2) infinite}.tool:disabled{cursor:default}.toasts{position:absolute;top:64px;left:50%;transform:translate(-50%);display:grid;gap:6px;pointer-events:none;z-index:12}.toast{display:flex;gap:10px;align-items:center;padding:8px 14px;border-radius:12px;background:#140a2df2;border:2px solid var(--yellow);box-shadow:0 0 24px #ffe06666}.toast small,.shop small,.badges small{display:block;color:var(--muted);font-size:12px;font-weight:400}.toast-icon{font-size:26px}.shop,.badges,.shout-log{list-style:none;padding:0;margin:0 0 8px}.shop li,.badges li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;border-bottom:1px dashed var(--line)}.shop .mx-btn{padding:5px 10px;white-space:nowrap}.badges li{justify-content:flex-start;opacity:.45}.badges li.got{opacity:1}.badge-icon{font-size:24px;width:32px;text-align:center}.shout-form{display:flex;gap:6px;margin-bottom:10px}.shout-form input{flex:1;min-width:0;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:#ffffff0f;color:var(--ink);font:inherit}.shout-form .mx-btn{padding:6px 12px}.shout-log li{padding:6px 0;border-bottom:1px dashed var(--line);font-size:13px}.chip.swatch i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:2px;vertical-align:middle}.chip:disabled{opacity:.5}.remix-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.remix-grid .big-btn{margin:0;font-size:14px;padding:10px 6px}.setting select{margin-left:auto;background:#ffffff14;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:4px 6px;font:inherit}.clip-ready{position:absolute;left:50%;bottom:150px;transform:translate(-50%);padding:8px 14px;border-radius:12px;background:#140a2df2;border:1px solid var(--teal);font-size:14px;display:flex;gap:8px;align-items:center}.clip-ready a{color:var(--teal);font-weight:800}.credits-score{font-size:15px;line-height:1.8}.credits-score span{font-size:22px;margin-right:2px}@media (orientation: portrait) and (max-width: 600px){.tools{max-width:60vw}.fun-row,.bottombar{flex-wrap:wrap}.hype{flex-basis:100%}.toasts{top:110px;width:calc(100vw - 32px)}.subtitles{bottom:200px}.clip-ready{bottom:260px}}.paper .covers-head{font-family:var(--hand);font-size:20px;color:#7b2cff;margin:14px 0 0;transform:rotate(-1deg)}.party-invite{display:flex;gap:14px;align-items:center;margin:8px 0 12px}.party-invite img{border-radius:10px;border:4px solid #fbf6e6}.party-code{font-family:var(--display);font-size:40px;letter-spacing:.12em;color:var(--yellow)}.party-url{display:block;font-size:12px;word-break:break-all;background:#ffffff0f;padding:4px 6px;border-radius:6px;margin-bottom:4px}.roster{list-style:none;padding:0;margin:0 0 10px}.roster li{padding:4px 0;display:flex;align-items:center;gap:6px}.roster i{width:12px;height:12px;border-radius:50%;display:inline-block}.roster small{color:var(--muted)}.join-card{margin:10px auto 0;max-width:420px;display:grid;gap:10px}.join-card .chips{justify-content:center}.emote-bar{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;padding:4px;border-radius:14px;background:#140a2dbf;border:1px solid var(--line)}.emote-btn{font-size:20px;background:none;border:0;padding:4px 6px;border-radius:8px}.emote-btn:hover,.emote-btn:focus-visible{background:#ffffff1f}@media (max-width: 760px),(max-height: 520px){.emote-btn{font-size:16px;padding:1px 3px}}.section-chip.warn{background:#ff7a1a2e;color:#ffb37a;border-color:#ff7a1a80}