:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0820;--panel:#171030;--line:#2a1f4d;--ink:#ece9f7;--dim:#9a91bd;--accent:#ff3ea5;--accent2:#22d3ee}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:15px/1.45 system-ui,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;gap:14px;max-width:1320px;margin:0 auto;padding:16px;display:flex}.bar{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.brand{letter-spacing:-.02em;font-size:22px;font-weight:700}.brand span{color:var(--dim);text-transform:uppercase;letter-spacing:.12em;margin-left:10px;font-size:12px;font-weight:500}.stat{color:var(--dim);font-variant-numeric:tabular-nums;font-size:13px}.stage{border:1px solid var(--line);background:#06030f;border-radius:16px;justify-content:center;display:flex;position:relative;overflow:hidden}#scene{width:auto;max-width:100%;height:auto;max-height:calc(100vh - 230px);display:block}.start{text-align:center;background:linear-gradient(#0000 55%,#06030f8c);place-content:end center;justify-items:center;gap:10px;padding-bottom:12%;display:grid;position:absolute;inset:0}.start[hidden]{display:none}.start p{color:#d9d3f0;text-shadow:0 1px 6px #000000e6;margin:0;font-size:13px}button{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:9px 14px}button:hover{border-color:#46379a}#startButton{background:linear-gradient(90deg, var(--accent), #8b5cf6);border:none;padding:14px 26px;font-size:16px;font-weight:600}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;gap:18px;padding:14px 16px;display:flex}.group{flex-direction:column;gap:8px;display:flex}.group.grow{flex:1;min-width:260px}.label{text-transform:uppercase;letter-spacing:.1em;color:var(--dim);font-size:11px}.row{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:999px;padding:7px 12px;font-size:14px}.chip.on{background:linear-gradient(90deg, var(--accent), #8b5cf6);border-color:#0000;font-weight:600}.preview{border:1px solid var(--line);opacity:.85;background:#000;border-radius:12px;width:168px;position:fixed;bottom:14px;right:14px;transform:scaleX(-1)}.preview[hidden],body.plain .bar,body.plain .panel,body.plain .preview{display:none}body.plain .app{gap:0;max-width:none;padding:0}body.plain .stage{border:none;border-radius:0;align-items:center;height:100vh}body.plain #scene{max-height:100vh}.stage:before{content:"";background-image:var(--backdrop);filter:blur(42px)brightness(.45)saturate(1.2);z-index:0;background-position:50%;background-size:cover;position:absolute;inset:-40px;transform:scale(1.1)}.stage>canvas{z-index:1;position:relative}.start,.hud,.recNote,.clip{z-index:2}.hud{background:linear-gradient(#0000,#06030fcc);justify-content:center;align-items:center;gap:16px;padding:16px 14px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.hud[hidden]{display:none}.wear{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.wear button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171030b8;border:1px solid #ece9f738;border-radius:50%;place-items:center;width:56px;height:56px;padding:0;display:grid}.wear button img{object-fit:contain;pointer-events:none;width:34px;height:34px}.wear button.on{background:linear-gradient(135deg, var(--accent), #8b5cf6);border-color:#0000}.rec{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171030b8;border:3px solid #ffffffd9;border-radius:50%;flex:none;place-items:center;width:68px;height:68px;padding:0;display:grid;position:relative}.rec .dot{background:#ff2d55;border-radius:50%;width:26px;height:26px;transition:border-radius .15s,width .15s,height .15s}.rec.on .dot{border-radius:5px;width:22px;height:22px}.rec .time{color:var(--ink);font-variant-numeric:tabular-nums;opacity:0;font-size:12px;position:absolute;bottom:-20px}.rec.on .time{opacity:1}.recNote{background:#06030fb3;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.recNote:before{content:"";background:#ff2d55;border-radius:50%;width:9px;height:9px;animation:1s infinite blink}@keyframes blink{50%{opacity:.25}}.recNote[hidden],.clip[hidden]{display:none}.clip{background:#06030fe6;place-content:center;gap:16px;padding:20px;display:grid;position:absolute;inset:0}.clip video{background:#000;border-radius:14px;max-width:100%;max-height:70vh}.clipButtons{justify-content:center;gap:10px;display:flex}.clipButtons .primary{background:linear-gradient(90deg, var(--accent), #8b5cf6);border:none;padding:12px 22px;font-weight:600}.hudRows{flex-direction:column;align-items:center;gap:10px;display:flex}.who{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.who button{color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171030b8;border:1px solid #ece9f738;border-radius:999px;padding:7px 15px;font-size:14px}.who button.on{background:linear-gradient(135deg, var(--accent), #8b5cf6);border-color:#0000;font-weight:600}.invite{color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171030b8;border:1px solid #ece9f738;border-radius:999px;flex:none;padding:11px 16px}.invite.done{background:linear-gradient(135deg, var(--accent), #8b5cf6);border-color:#0000}