@font-face{font-family:Unbounded;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/unbounded-q9FShnFhsN.woff2) format("woff2");unicode-range:U+20,U+41-5A,U+B7}@font-face{font-family:Unbounded;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/unbounded-q9FShnFhsN.woff2) format("woff2");unicode-range:U+20,U+41-5A,U+B7}:root{--bg: #05060f;--panel: rgba(7, 11, 26, .78);--panel-border: rgba(56, 232, 255, .22);--text: #eef6ff;--muted: #8fa3c4;--cyan: #38e8ff;--magenta: #ff3ecf;--violet: #8b5cff;--mint: #2effc4;--amber: #ffb547;--holo: linear-gradient(100deg, #b8f6ff 0%, #38e8ff 40%, #8b5cff 72%, #ff7ae0 100%);--cta: linear-gradient(135deg, #8b5cff, #ff3ecf);--font: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, -apple-system, sans-serif;--font-logo: "Unbounded", var(--font);color-scheme:dark}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(56,232,255,.3) transparent}[hidden]{display:none!important}html,body{height:100%}body{margin:0;overflow:hidden;background:var(--bg);color:var(--text);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}a{color:var(--cyan)}button{font:inherit;font-weight:700;color:#fff;background:var(--cta);border:0;border-radius:10px;padding:9px 14px;cursor:pointer;transition:filter .15s,transform .15s,opacity .15s}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button.ghost{background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}button.small{padding:6px 10px;font-size:12.5px}button.big{width:100%;padding:13px;font-size:15.5px;font-weight:800;box-shadow:0 12px 30px -12px #8b5cffe6,inset 0 1px #ffffff40}input,textarea{font:inherit;color:var(--text);background:#38e8ff0a;border:1px solid rgba(120,180,255,.18);border-radius:10px;padding:10px 12px;min-width:0;outline:none}input:focus,textarea:focus{border-color:#38e8ffb3;box-shadow:0 0 0 3px #38e8ff24}input::placeholder,textarea::placeholder{color:#8fa3c4d9}#stage{position:fixed;inset:0;z-index:0;background:var(--bg)}#css3d{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#000}#gl{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;touch-action:none;outline:none}.yt-wrap{background:#000}.yt-wrap iframe{display:block;width:100%;height:100%;border:0}#join{position:fixed;inset:0;z-index:10;overflow-y:auto;background:radial-gradient(80% 60% at 12% 0%,rgba(56,232,255,.12),transparent 60%),radial-gradient(60% 50% at 90% 100%,rgba(255,62,207,.1),transparent 60%),linear-gradient(90deg,#05060fed,#05060fb8 50%,#05060f80)}.join-wrap{min-height:calc(100% - 52px);max-width:1200px;margin:0 auto;padding:32px clamp(16px,4vw,48px) 20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);align-items:center;gap:clamp(28px,6vw,88px)}.hero{display:grid;gap:18px;justify-items:start;position:relative}.scan{width:min(420px,100%);height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--magenta),transparent);box-shadow:0 0 14px var(--cyan);animation:scan 3.2s ease-in-out infinite}@keyframes scan{50%{transform:scaleX(.35);opacity:.5}}.marquee{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid rgba(56,232,255,.4);border-radius:999px;background:#38e8ff0f;font:700 10.5px var(--font-logo);letter-spacing:.26em;color:var(--cyan)}.rec{width:7px;height:7px;border-radius:50%;background:var(--magenta);box-shadow:0 0 10px var(--magenta);animation:blink 1.6s infinite;flex:none}@keyframes blink{50%{opacity:.3}}.logo{margin:0;display:grid;line-height:.95}.logo-word{font:900 clamp(52px,7.2vw,112px) var(--font-logo);letter-spacing:.02em;background:var(--holo);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 30px rgba(56,232,255,.35))}.logo-sub{margin-top:10px;padding-left:.2em;font:700 clamp(12px,1.5vw,19px) var(--font-logo);letter-spacing:.62em;color:#cfe9ff}.tagline{margin:0;color:#d3def2;font-size:clamp(14.5px,1.4vw,17px);line-height:1.7}.tagline b{color:var(--cyan)}.features{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(640px,100%)}.features li{display:grid;gap:2px;padding:12px;border-radius:12px;background:linear-gradient(180deg,#38e8ff12,#8b5cff0a);border:1px solid rgba(56,232,255,.16)}.f-ico{font-size:18px}.features b{font-size:14px}.features small{color:var(--muted);font-size:12px}.card{display:grid;gap:14px;padding:20px;border-radius:18px;background:linear-gradient(180deg,#0c1228f0,#060814f2);border:1px solid rgba(56,232,255,.16);border-top-color:#38e8ff8c;box-shadow:0 30px 80px -30px #000000e6,0 0 40px -20px #38e8ff59}.card-head{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px dashed rgba(56,232,255,.3)}.card-head .step{grid-row:span 2;writing-mode:vertical-rl;transform:rotate(180deg);padding:8px 4px;border-radius:6px;background:var(--holo);color:#04101c;font:900 9.5px var(--font-logo);letter-spacing:.2em}.card-head b{font-size:18px}.card-sub{color:var(--muted);font-size:12.5px}.field{display:grid;gap:6px;font-size:13px;font-weight:700;color:#dbe7fb}.colors{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:30px;height:30px;padding:0;border-radius:50%;background:var(--c);border:2px solid rgba(255,255,255,.15);box-shadow:inset 0 -6px 10px #00000040}.swatch[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 3px #38e8ff8c,0 0 14px var(--c),inset 0 -6px 10px #00000040}#rules-box{display:grid;gap:6px;padding:12px 14px;border-radius:12px;background:#ffffff09;border:1px solid rgba(255,255,255,.1);font-size:12.5px;line-height:1.55}.rules-head{font-size:13.5px;font-weight:800;color:#ffb4d9}.rules-list{margin:0;padding-left:18px;display:grid;gap:2px;color:#d6deee}#rules-box a{font-size:12px}.agree{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#fff;cursor:pointer}.agree input{width:18px;height:18px;flex:none;accent-color:var(--magenta)}#rules-box.need{animation:shake .4s;border-color:var(--magenta)}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.sec-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sec-title{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:var(--cyan)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}#rooms{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px;max-height:232px;overflow-y:auto}#rooms .empty{padding:8px 2px}.room{width:100%;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;text-align:left;font-weight:600;background:#38e8ff0a;border:1px solid rgba(56,232,255,.14);border-left:3px solid var(--cyan)}.room .thumb{width:64px;height:36px;border-radius:6px;background:#101830 center / cover}.r-info{display:grid;min-width:0}.r-info b,.r-info small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.r-info small{color:#a9dff0;font-size:12px;font-weight:500}.r-count{color:var(--muted);font-size:12px}#create{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.create-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.max-field{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:13px}.max-field input{width:72px;text-align:center}.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seg label{position:relative;cursor:pointer}.seg input{position:absolute;opacity:0;pointer-events:none}.seg span{display:grid;gap:2px;padding:10px;border-radius:10px;text-align:center;font-size:13.5px;font-weight:700;border:1px solid rgba(255,255,255,.12);background:#ffffff08}.seg small{color:var(--muted);font-size:11.5px;font-weight:500}.seg input:checked+span{border-color:var(--cyan);background:#38e8ff1a;box-shadow:0 0 18px -8px var(--cyan)}.seg input:focus-visible+span{outline:2px solid var(--cyan)}#code-join summary{cursor:pointer;color:var(--muted);font-size:13px}#code-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:8px}#join-error{margin:0;min-height:1.2em;color:#ff8ad8;font-size:13.5px;font-weight:700}.join-foot{padding:12px 16px 20px;text-align:center;color:var(--muted);font-size:12px}.join-foot a{color:var(--muted)}.empty{list-style:none;color:var(--muted);font-size:12.5px}body.busy #ticket button{pointer-events:none;opacity:.7}#hud{position:fixed;inset:0;z-index:5;pointer-events:none;user-select:none;-webkit-user-select:none}#hud>*:not(#side),#side>*{pointer-events:auto}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;box-shadow:0 14px 40px -18px #000000d9,inset 0 1px #ffffff0d,0 0 24px -16px #38e8ff99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.panel-head{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--cyan)}.panel-head b{padding:0 7px;border-radius:99px;background:#ffffff1a;color:var(--text);font-size:11px}.panel-head b:empty{display:none}.chip{padding:8px 12px;font-size:13px;white-space:nowrap;background:var(--panel);border:1px solid var(--panel-border)}.chip.ghost{color:var(--muted)}.zone-chip{border-color:#38e8ff8c;box-shadow:0 0 16px -8px var(--cyan)}.wallet{display:inline-flex;align-items:center;gap:4px;border-radius:10px;font-weight:800;color:#bff8ff}.wallet.bump{animation:bump .6s}@keyframes bump{30%{transform:scale(1.15);box-shadow:0 0 20px var(--cyan)}}.icon{width:34px;height:34px;padding:0;display:grid;place-items:center;flex:none;font-size:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.mini{padding:4px 8px;font-size:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;white-space:nowrap}.mini.armed{background:var(--magenta);border-color:var(--magenta)}#topbar{position:absolute;top:12px;left:12px;max-width:calc(100% - 380px);display:flex;align-items:center;gap:8px}.brand{padding:9px 12px;border-radius:10px;background:var(--panel);border:1px solid rgba(56,232,255,.35);color:var(--cyan);font:900 12px var(--font-logo);letter-spacing:.14em;text-shadow:0 0 10px rgba(56,232,255,.6)}.room-name{display:grid;min-width:0;padding:5px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--panel-border)}.room-name b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.room-name small{color:var(--muted);font-size:11px}#side{position:absolute;top:12px;right:12px;width:344px;max-height:calc(100% - 24px);display:grid;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:10px}body:not(.theater) #side{display:none}#now{display:grid;gap:10px;padding:12px}.now-head{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center}.now-thumb{width:72px;height:40px;display:grid;place-items:center;border-radius:6px;background:#101830 center / cover}#now.idle .now-thumb{border:1px solid rgba(56,232,255,.3)}#now.idle .now-thumb:after{content:"\1f3ac";font-size:17px;opacity:.75}.now-text{display:grid;gap:1px;min-width:0}.now-label{display:inline-flex;align-items:center;gap:6px;color:var(--cyan);font:700 9.5px var(--font-logo);letter-spacing:.2em}#now.idle .rec{background:var(--muted);box-shadow:none;animation:none}#now-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}#now-by{color:var(--muted);font-size:12px}.seek{height:6px;border-radius:3px;overflow:hidden;background:#ffffff1a}.seek.can{height:8px;cursor:pointer}.seek i{display:block;width:0;height:100%;background:var(--holo);box-shadow:0 0 10px var(--cyan)}.now-ctrl{display:flex;align-items:center;gap:8px}#play:not(:disabled){background:var(--cta);border:0}#time{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}#skip{margin-left:auto;padding:7px 10px;font-size:12.5px}#skip-count:empty{display:none}.vol{display:flex;align-items:center;gap:4px}#volume,.range-input{width:64px;padding:0;border:0;background:none;accent-color:var(--cyan)}#unmute{animation:pulse 1.6s infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px #ff3ecf40}}#queue{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;min-height:0;padding:12px}#add-form,#chat-form,#title-form,.row-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}#add-form input,#chat-form input,#title-form input,.row-form input{padding:8px 10px;font-size:13.5px}#add-form button,#chat-form button,#title-form button,.row-form button{padding:8px 12px;font-size:13px}#queue-list{list-style:none;margin:0;padding:0;display:grid;align-content:start;gap:6px;min-height:0;overflow-y:auto}#queue-list li{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;gap:8px;align-items:center}#queue-list li.empty{display:block}#queue-list img{width:48px;height:36px;object-fit:cover;border-radius:4px}.q-info{display:grid;min-width:0}.q-info b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px}.q-info small{color:var(--muted);font-size:11px}#zpanel{position:absolute;top:12px;right:12px;width:320px;max-height:calc(100% - 24px);overflow-y:auto;display:grid;gap:10px;padding:14px}.zp-head{display:flex;align-items:center;gap:8px}.zp-head b{font-size:16px}.zp-head small{margin-left:auto;color:var(--muted);font-size:12px}.zp-state{padding:10px 12px;border-radius:10px;background:#38e8ff12;border:1px solid rgba(56,232,255,.2);font-weight:800;text-align:center}.zp-state.live{background:#ff3ecf1f;border-color:#ff3ecf73;color:#ffd0f1}.zp-big{font:900 26px var(--font-logo);color:var(--cyan);text-shadow:0 0 12px rgba(56,232,255,.6)}.zp-tip{margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}.zp-row{display:flex;gap:6px;flex-wrap:wrap}.zp-row>button{flex:1;padding:8px 6px;font-size:12.5px;white-space:nowrap}.zp-list{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:13px}.zp-list li{display:flex;gap:8px;align-items:center;padding:5px 8px;border-radius:8px;background:#ffffff0a}.zp-list li b{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zp-list li.me{background:#38e8ff1f}.zp-cap{font-size:12px;font-weight:800;color:var(--cyan);letter-spacing:.04em}.score2{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;text-align:center}.score2 b{font:900 30px var(--font-logo)}.score2 .a b{color:var(--cyan)}.score2 .b b{color:var(--magenta)}.score2 small{display:block;color:var(--muted);font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hold{touch-action:none;user-select:none;-webkit-user-select:none}.power{height:8px;border-radius:4px;background:#ffffff1a;overflow:hidden}.power i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mint),var(--amber),var(--magenta))}#chat{position:absolute;left:12px;bottom:12px;width:372px;height:300px;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:6px;padding:10px}#chat-log{list-style:none;margin:0;padding:0 2px;display:grid;align-content:start;gap:3px;overflow-y:auto;font-size:13.5px;line-height:1.45;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}#chat-log b{margin-right:6px}#chat-log .sys{color:#a9e9ff;font-size:12.5px;white-space:pre-line}#chat-log .where{margin-right:4px;font-size:11px;opacity:.8}#reacts{display:flex;gap:3px}.react{flex:1;padding:4px 0;font-size:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.react.emote{background:#8b5cff24;border-color:#8b5cff59}#voice{position:absolute;left:12px;bottom:320px;width:372px;display:flex;align-items:center;gap:8px;padding:8px 10px}#voice.talk{border-color:#3ddc84bf;box-shadow:0 0 22px -8px #3ddc84}.vbtn{position:relative;width:38px;height:38px;padding:0;flex:none;display:grid;place-items:center;border-radius:50%;font-size:17px;background:#ffffff12;border:1px solid rgba(255,255,255,.14)}.vbtn.on{background:#38e8ff29;border-color:var(--cyan);box-shadow:0 0 12px -4px var(--cyan)}.vbtn.off{filter:grayscale(.7);opacity:.75}.vbtn.off:after,#touch-btns .off:after{content:"";position:absolute;left:50%;top:18%;width:2px;height:64%;border-radius:1px;background:#ff5a6e;box-shadow:0 0 0 1px #05060fcc;transform:rotate(45deg)}.vbtn.talk{border-color:#3ddc84;box-shadow:0 0 0 2px #3ddc8499,0 0 16px #3ddc84}.v-info{flex:1;min-width:0;display:grid;line-height:1.3}.v-info b,.v-info small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.v-info b{font-size:13px}.v-info small{color:var(--muted);font-size:11.5px}.v-meter{width:44px;height:6px;flex:none;border-radius:3px;overflow:hidden;background:#ffffff1a}.v-meter i{display:block;height:100%;background:linear-gradient(90deg,#3ddc84,#b9f5c8);transform:scaleX(0);transform-origin:left;transition:transform .08s linear}.v-level{position:relative;height:12px;border-radius:6px;overflow:hidden;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.v-level .fill{position:absolute;left:0;top:0;bottom:0;width:0;background:#8fa3c48c;transition:width .08s linear}.v-level .fill.hot{background:linear-gradient(90deg,#3ddc84,#b9f5c8)}.v-level .mark{position:absolute;top:-2px;bottom:-2px;width:3px;margin-left:-1px;background:var(--amber);box-shadow:0 0 6px var(--amber)}.v-row{align-items:center;flex-wrap:nowrap}.range-input.wide{flex:1;width:auto;min-width:0}.v-val{min-width:46px;text-align:right;color:var(--muted);font-size:12.5px;font-variant-numeric:tabular-nums}.v-select{width:100%;padding:9px 10px;border-radius:10px;color:var(--text);background:#38e8ff0d;border:1px solid rgba(120,180,255,.2);font:inherit;font-size:13.5px}.v-checks{display:flex;flex-wrap:wrap;gap:6px 14px}.check{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13.5px;font-weight:700}.check input{width:18px;height:18px;flex:none;accent-color:var(--cyan)}.check span{display:grid}.check small{color:var(--muted);font-size:11.5px;font-weight:500}.check.small{font-size:13px;font-weight:600}#create .check{padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.icon.cc{font:900 11px var(--font);letter-spacing:.04em}.icon.cc.on{background:#38e8ff33;border-color:var(--cyan);color:#c9f7ff;box-shadow:0 0 10px -3px var(--cyan)}.icon.cc.none,#touch-btns .none{opacity:.35}#people{position:absolute;top:62px;left:12px;width:320px;max-height:calc(100% - 450px);min-height:150px;display:none;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:12px}#people.open{display:grid}#people .panel-head{justify-content:space-between}#people-list{list-style:none;margin:0;padding:0;display:grid;align-content:start;gap:6px;overflow-y:auto}#people-list li{display:flex;align-items:center;gap:8px;font-size:13.5px}#people-list .dot{width:10px;height:10px;flex:none;border-radius:50%;box-shadow:0 0 8px currentColor}#people-list li.speaking .dot{box-shadow:0 0 0 2px var(--bg),0 0 0 4px #3ddc84,0 0 12px #3ddc84}#people-list li.speaking .p-name{color:#b9f5c8}.p-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.p-vo{font-size:12px}.p-vo.forced{filter:drop-shadow(0 0 4px #ff5a6e)}#people-list small{color:var(--muted);font-size:11.5px}#itembar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:7px 8px 7px 12px;border-radius:14px;background:var(--panel);border:1px solid rgba(56,232,255,.4);box-shadow:0 0 24px -10px var(--cyan)}#item-ico{font-size:20px}#itembar b{font-size:13.5px}#itembar small{color:var(--muted);font-size:12px}body.fit #side,body.fit #chat:not(:focus-within){opacity:.28;transition:opacity .3s}body.fit #side:hover,body.fit #chat:hover{opacity:1}body.fit #crosshair{display:none}body.noui #hud>*:not(#topbar):not(#offline):not(#countdown){display:none!important}body.noui #topbar>*:not(#ui-btn){display:none}#crosshair{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#fffc;box-shadow:0 0 0 2px #00000059,0 0 8px var(--cyan);pointer-events:none!important}#aim{position:absolute;left:50%;top:calc(50% + 22px);transform:translate(-50%);padding:5px 10px;border-radius:8px;background:#070b1ae0;border:1px solid rgba(56,232,255,.5);color:#c9f7ff;font-size:12.5px;font-weight:700;white-space:nowrap;pointer-events:none!important}#aim .bar{display:block;height:3px;margin-top:4px;border-radius:2px;background:var(--cyan);transform-origin:left}#hint{position:absolute;left:396px;right:368px;bottom:14px;text-align:center;color:#eef6ff99;font-size:12px;text-shadow:0 1px 2px #000;pointer-events:none!important}#hint b{color:var(--cyan)}body:not(.theater) #hint{right:344px}#announce{position:absolute;top:64px;left:50%;transform:translate(-50%);max-width:min(560px,calc(100% - 24px));padding:10px 16px;border-radius:12px;background:#1e0a32eb;border:1px solid rgba(255,62,207,.6);color:#ffe0f6;font-weight:700;text-align:center}#countdown{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);font:900 96px var(--font-logo);color:#fff;text-shadow:0 0 30px var(--cyan),0 0 60px var(--magenta);pointer-events:none!important}#offline{position:absolute;inset:0;display:grid;place-items:center;background:#05060f99}#offline span{padding:12px 18px;border-radius:12px;background:var(--panel);border:1px solid var(--panel-border);font-weight:700}#modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:#02040c73}.holo{position:relative;width:min(560px,100%);max-height:min(84vh,760px);overflow-y:auto;padding:16px;border-radius:18px;background:repeating-linear-gradient(0deg,rgba(56,232,255,.035) 0 1px,transparent 1px 4px),linear-gradient(180deg,#0a1630f0,#060a1af5);border:1px solid rgba(56,232,255,.5);box-shadow:0 0 0 1px #38e8ff14,0 0 50px -12px #38e8ff99,0 30px 80px -30px #000;animation:holo-in .22s ease-out}@keyframes holo-in{0%{opacity:0;transform:translateY(12px) scale(.98);filter:blur(4px)}}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.sheet-head b{font-size:17px;color:#c9f7ff;text-shadow:0 0 12px rgba(56,232,255,.6)}#sheet-body{display:grid;gap:12px}.tabs{display:flex;gap:6px}.tabs button{flex:1;padding:8px;font-size:13px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.tabs button.on{background:#38e8ff29;border-color:var(--cyan)}.zlist{list-style:none;margin:0;padding:0;display:grid;gap:8px}.zlist button{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;text-align:left;background:#38e8ff0d;border:1px solid rgba(56,232,255,.16)}.zlist button.here{border-color:var(--cyan);background:#38e8ff24}.zlist .zi{font-size:24px;text-align:center}.zlist .zt{display:grid;min-width:0}.zlist .zt small{color:var(--muted);font-size:12px;font-weight:500}.zlist .zc{color:var(--cyan);font-size:12.5px}.vgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vitem{display:grid;gap:4px;justify-items:center;padding:12px 8px;border-radius:14px;text-align:center;background:linear-gradient(180deg,#38e8ff1a,#8b5cff0d);border:1px solid rgba(56,232,255,.25)}.vitem .vi{font-size:40px;filter:drop-shadow(0 0 12px rgba(56,232,255,.6))}.vitem b{font-size:13.5px}.vitem small{color:var(--muted);font-size:11.5px}.vitem button{width:100%;padding:8px;font-size:13px}.klist{list-style:none;margin:0;padding:0;display:grid;gap:10px}.klist li{display:grid;gap:8px;padding:12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(56,232,255,.16)}.klist .kt{display:flex;align-items:center;gap:8px}.klist .kt b{flex:1}.klist .kt small{color:var(--muted)}.klist .kn{color:#bff8ff;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.notes{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:300px;overflow-y:auto}.notes li{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:10px;background:#ffffff0a;font-size:13.5px}.notes li span{flex:1;overflow-wrap:anywhere}.notes li small{color:var(--muted);font-size:11px;white-space:nowrap}textarea{width:100%;min-height:90px;resize:vertical}.photo-img{width:100%;border-radius:12px;border:1px solid rgba(56,232,255,.4);display:block}.keys{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:13.5px}.keys dt{color:var(--cyan);font-weight:800}.keys dd{margin:0;color:#dbe7fb}#warp{position:fixed;inset:0;z-index:15;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#b4fafff2,#38e8ff8c 30%,#05060feb 70%);animation:warp-in .35s ease-out;pointer-events:none}#warp b{position:relative;padding:10px 18px;border-radius:12px;background:#05060fb3;border:1px solid rgba(56,232,255,.6);font-size:16px}.warp-ring{position:absolute;width:60vmin;height:60vmin;border-radius:50%;border:3px solid rgba(255,255,255,.85);box-shadow:0 0 40px var(--cyan),inset 0 0 40px var(--magenta);animation:ring .9s linear infinite}@keyframes warp-in{0%{opacity:0}}@keyframes ring{0%{transform:scale(.2);opacity:1}to{transform:scale(1.6);opacity:0}}#flash{position:fixed;inset:0;z-index:16;background:#fff;animation:flash .5s ease-out forwards;pointer-events:none}@keyframes flash{to{opacity:0}}#toast{position:fixed;left:50%;bottom:96px;z-index:30;max-width:calc(100% - 32px);padding:10px 16px;border-radius:12px;background:#070b1af2;border:1px solid rgba(56,232,255,.5);color:var(--text);font-size:14px;font-weight:700;text-align:center;opacity:0;transform:translate(-50%,16px);transition:opacity .2s,transform .2s;pointer-events:none}#toast.on{opacity:1;transform:translate(-50%)}#stick{position:absolute;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;border:2px solid rgba(56,232,255,.35);background:#070b1a59;pointer-events:none!important}#stick i{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#38e8ffb3;box-shadow:0 0 16px var(--cyan)}#touch-btns{display:none}body.touch #touch-btns{position:absolute;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,58px);gap:8px}#touch-btns button{position:relative;height:58px;padding:0;display:grid;place-items:center;align-content:center;font-size:20px;line-height:1.1;background:#070b1acc;border:1px solid var(--panel-border);border-radius:14px}#touch-btns small{color:var(--muted);font-size:10.5px;max-width:54px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#touch-btns .on{border-color:var(--cyan);box-shadow:0 0 14px -4px var(--cyan)}#touch-btns .off{filter:grayscale(.6)}#touch-btns .off:after{top:7px;height:28px}#touch-btns .talk{border-color:#3ddc84;box-shadow:0 0 0 2px #3ddc8499,0 0 18px #3ddc84}#m-mic{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#m-voice.talking:after{content:"";position:absolute;top:7px;right:9px;width:9px;height:9px;border-radius:50%;background:#3ddc84;box-shadow:0 0 8px #3ddc84}.ccb{padding:1px 4px;border:1.5px solid currentColor;border-radius:4px;font:900 12px var(--font);letter-spacing:.04em}#m-cc.on{color:#c9f7ff}body:not(.theater) #m-fit,body:not(.theater) #m-queue,body:not(.theater) #m-cc{display:none}body.touch #voice{display:none}#m-chat.dot:after{content:"";position:absolute;top:7px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--magenta)}body.touch #crosshair,body.touch #aim,body.touch #hint,body.touch #chat,body.touch #queue{display:none}body.touch #chat.open,body.touch #queue.open,body.touch #people.open{display:grid;position:fixed;left:8px;right:8px;top:auto;bottom:calc(144px + env(safe-area-inset-bottom));width:auto;height:min(46vh,380px);max-height:none;z-index:6}body.touch #itembar{bottom:calc(14px + env(safe-area-inset-bottom));left:12px;transform:none}body.touch #zpanel .zp-tip{display:none}@media(max-width:980px){#hint{display:none}}@media(max-width:760px){#topbar{top:calc(8px + env(safe-area-inset-top));left:8px;right:8px;max-width:none;gap:5px;flex-wrap:wrap}.brand,#ui-btn,#invite-copy{display:none}.room-name{flex:1 1 100%;order:-1}.chip{padding:7px 9px;font-size:12.5px}#side{top:calc(98px + env(safe-area-inset-top));left:8px;right:8px;width:auto}#zpanel{top:calc(98px + env(safe-area-inset-top));left:8px;right:8px;width:auto;max-height:34vh;padding:10px;gap:8px}#now{gap:8px;padding:10px}.now-head{grid-template-columns:56px minmax(0,1fr)}.now-thumb{width:56px;height:32px}#volume{display:none}#chat{left:8px;right:8px;width:auto;height:34vh}#voice{left:8px;right:8px;width:auto;bottom:calc(34vh + 16px)}#people{top:auto;left:8px;right:8px;width:auto}.vgrid{gap:6px}.vitem .vi{font-size:32px}}@media(max-width:960px){.join-wrap{grid-template-columns:minmax(0,1fr);max-width:540px;gap:24px;align-items:start}.hero{justify-items:center;text-align:center}.features{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.join-wrap{padding:20px 16px 16px}.card{padding:16px}}@media(prefers-reduced-motion:reduce){.scan,.rec,#unmute,.warp-ring,.holo{animation:none}}