:root{--bg1:#06101c;--bg2:#0a1b2f;--bg3:#123552;--card:rgba(10,22,38,.78);--stroke:rgba(115,188,255,.16);--text:#f4f8fc;--muted:#9db2c7;--primary:#22c7ff;--primary2:#5b8cff;--glow:rgba(34,199,255,.24)}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#07111f;color:var(--text)}.gzWrap{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:20px;background:radial-gradient(900px 500px at 50% 22%,rgba(34,199,255,.16),transparent 55%),radial-gradient(800px 700px at 50% 85%,rgba(91,140,255,.1),transparent 60%),repeating-radial-gradient(circle at 50% 22%,rgba(157,178,199,.1) 0 2px,transparent 2px 72px),linear-gradient(180deg,var(--bg1) 0%,var(--bg2) 42%,var(--bg1) 100%);position:relative;overflow:hidden}.gzWrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;opacity:.18;pointer-events:none}.gzCard{width:min(520px,92vw);position:relative;text-align:center;border-radius:28px;padding:26px;background:linear-gradient(180deg,#12263aeb,#08121ee0);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 90px #0000008c,0 0 0 1px #ffffff08 inset}.gzCard:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:28px;padding:1px;background:linear-gradient(180deg,#22c7ff73,#5b8cff14);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.gzWelcome{color:#c9d8e8;font-size:16px;letter-spacing:.2px}.gzTitle{font-size:48px;line-height:1.05;font-weight:900;margin:8px 0 10px;color:var(--text);letter-spacing:.4px}.gzSub{color:var(--muted);margin:10px 0 0;font-size:14px}.gzLogoRing{width:148px;height:148px;border-radius:999px;margin:14px auto 10px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,rgba(34,199,255,.22),rgba(34,199,255,.06) 45%,transparent 70%),linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(34,199,255,.28);box-shadow:0 0 0 12px #22c7ff0d,0 0 45px #22c7ff24,inset 0 0 0 1px #ffffff0d}.gzLogo{width:82%;height:82%;object-fit:contain;display:block;filter:drop-shadow(0 16px 22px rgba(0,0,0,.42))}.gzForm{text-align:left;margin-top:16px}.gzForm label{display:block;font-size:13px;color:#c7d5e4;margin:12px 2px 7px}.gzForm input{width:100%;height:50px;border-radius:14px;outline:none;border:1px solid rgba(157,178,199,.16);background:#040c148f;color:var(--text);padding:0 14px;font-size:16px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.gzForm input::placeholder{color:#89a0b5}.gzForm input:focus{border-color:#22c7ff9e;box-shadow:0 0 0 4px #22c7ff24;background:#07121fc2}.gzBtnPrimary{width:100%;height:52px;border-radius:16px;font-size:17px;font-weight:900;border:none;cursor:pointer;margin-top:18px;background:linear-gradient(180deg,var(--primary),var(--primary2));color:#02111d;box-shadow:0 18px 36px #22c7ff33;transition:transform .15s ease,filter .15s ease}.gzBtnPrimary:disabled{opacity:.65;cursor:not-allowed}.gzBtnPrimary:hover{transform:translateY(-1px);filter:brightness(1.04)}.gzDownload{display:block;text-align:center;margin-top:14px;color:#dff4ff;font-weight:800;text-decoration:none;font-size:15px;padding:12px 14px;border-radius:14px;border:1px solid rgba(91,140,255,.18);background:#ffffff0a}.gzDownload:hover{background:#ffffff0f}.gzErr{margin-top:12px;color:#ff7a8f;font-size:14px}.gzFooter{margin-top:16px;color:#87a0b7;font-size:12px;text-align:center}@media (max-width:520px){.gzCard{width:min(96vw,520px);padding:22px;border-radius:24px}.gzTitle{font-size:38px}.gzLogoRing{width:128px;height:128px}}@media (max-width:360px){.gzForm input{height:46px}.gzBtnPrimary{height:48px}.gzTitle{font-size:34px}}.panel{min-height:100vh;padding:18px 14px 28px;color:#eaf1ff;background:radial-gradient(900px 420px at 50% 18%,rgba(34,199,255,.16),transparent 58%),repeating-radial-gradient(circle at 50% 18%,rgba(157,178,199,.08) 0 2px,transparent 2px 64px),radial-gradient(800px 520px at 50% 88%,rgba(91,140,255,.1),transparent 58%),linear-gradient(180deg,#07111f,#0c1b2d 52%,#07111f)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:980px;margin:0 auto 18px;padding:12px 14px;border-radius:18px;background:#081222b8;border:1px solid rgba(115,188,255,.14);box-shadow:0 10px 30px #0000002e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar .user{font-size:14px;opacity:.95}.topbar .hide-sm{opacity:.75}.topbar .status{display:flex;align-items:center;gap:10px;font-size:14px}.dot{width:10px;height:10px;border-radius:999px;background:#ffffff59}.dot.on{background:#22c55ef2;box-shadow:0 0 0 4px #22c55e29}.dot.off{background:#ef4444f2;box-shadow:0 0 0 4px #ef44441f}.meeting-banner{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:30;padding:18px}.meeting-card{width:min(520px,92vw);padding:18px 16px;border-radius:18px;background:#080a16eb;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 40px #00000059}.meeting-title{font-size:20px;font-weight:900;margin-bottom:6px}.meeting-sub{font-size:14px;opacity:.9;line-height:1.35}.meeting-actions{margin-top:14px;display:flex;justify-content:flex-end}.stage{max-width:980px;margin:0 auto}.stage-hero{text-align:center;margin-bottom:14px}.crest{display:inline-block;padding:12px 22px;border-radius:999px;font-weight:900;letter-spacing:.8px;background:linear-gradient(180deg,#0e223cf2,#09162ae0);border:1px solid rgba(115,188,255,.14);box-shadow:inset 0 1px #ffffff14,0 12px 30px #0000002e}.city{margin-top:14px;font-size:38px;font-weight:900;letter-spacing:.5px;text-shadow:0 8px 20px rgba(0,0,0,.28)}.tagline{margin-top:8px;font-size:15px;opacity:.86}.stage-top{margin:18px auto 14px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.pill{display:flex;align-items:baseline;gap:10px;padding:11px 16px;border-radius:999px;background:linear-gradient(180deg,#0c1b2fe6,#081322e0);border:1px solid rgba(115,188,255,.14);box-shadow:inset 0 1px #ffffff0d,0 8px 22px #00000024}.pill .lbl{font-size:12px;opacity:.74}.pill .val{font-size:14px;font-weight:800}.text-good{color:#22c55e}.text-bad{color:#f87171}.self-pill.live{background:linear-gradient(180deg,#0a2a1ae0,#081e14e6);border-color:#22c55e57;box-shadow:0 0 0 3px #22c55e14}.self-pill.muted{background:linear-gradient(180deg,#341214e0,#260c0fe6);border-color:#ef44444d;box-shadow:0 0 0 3px #ef444414}.stage-mid{margin:14px auto 20px}.stage-ctls{max-width:560px;margin:0 auto}.ctl-row{display:grid;gap:12px}.ptt{width:100%;position:relative;overflow:hidden;border:none;border-radius:30px;padding:28px 18px;background:linear-gradient(180deg,#0e1e34f2,#091325f5);border:1px solid rgba(130,190,255,.18);color:#eaf1ff;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .08s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:inset 0 1px #ffffff0f,0 16px 34px #0000003d}.ptt:hover{transform:translateY(-1px);border-color:#a0cdff40}.ptt:active{transform:translateY(1px) scale(.99)}.ptt.disabled,.ptt:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.ptt.live{background:linear-gradient(180deg,#0a4c2ef5,#083823f5);border-color:#22c55e9e;box-shadow:0 0 0 5px #22c55e1f,0 18px 38px #0000004d}.ptt.live:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:34px;border:2px solid rgba(34,197,94,.2);animation:pulseGreen 1.4s ease-in-out infinite;pointer-events:none}@keyframes pulseGreen{0%{opacity:.35;transform:scale(.98)}50%{opacity:.78;transform:scale(1.01)}to{opacity:.35;transform:scale(.98)}}.mic-wrap{position:relative;display:grid;place-items:center;margin-bottom:10px}.mic-ring{position:absolute;width:74px;height:74px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,rgba(255,255,255,.03) 60%,transparent 100%)}.ptt.live .mic-ring{background:radial-gradient(circle,rgba(34,197,94,.2) 0%,rgba(34,197,94,.08) 58%,transparent 100%)}.mic{position:relative;z-index:1;font-size:34px;opacity:.98;transition:transform .12s ease}.ptt.live .mic{transform:scale(1.08)}.ptt-txt{font-size:18px;font-weight:900;letter-spacing:.2px}.ctl-row.bottom{display:flex;gap:10px;margin-top:14px}.tile{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#0e1c30eb,#091425f0);color:#eaf1ff;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px #ffffff0d,0 12px 28px #0000002e;transition:transform .12s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.tile:hover{transform:translateY(-1px)}.tile:active{transform:translateY(1px) scale(.99)}.tile.wide{flex:1;width:100%}.tile.ok{border-color:#22c55e73}.tile.danger{background:linear-gradient(180deg,#4e1622f0,#370e18f5);border-color:#ef444457;box-shadow:0 0 0 3px #ef44440f,0 12px 28px #0003}.tile.disabled,.tile:disabled{opacity:.55;cursor:not-allowed}.cohost-toggle{min-height:58px;font-weight:800;font-size:16px}.cohost-toggle .ic{font-size:20px}.cohost-toggle.muted{background:linear-gradient(180deg,#58181af5,#3c0f12f5);border-color:#ef444470;box-shadow:0 0 0 4px #ef44441a,0 14px 34px #00000038}.cohost-toggle.live{background:linear-gradient(180deg,#0c4e30f5,#083822f5);border-color:#22c55e80;box-shadow:0 0 0 4px #22c55e1a,0 14px 34px #00000038}.exit-btn{min-height:56px;font-size:16px;font-weight:800}.plist{width:100%;max-width:980px;margin:0 auto}.plist-head{display:flex;align-items:baseline;justify-content:space-between;padding:8px 12px;opacity:.94}.plist-title{font-size:18px;font-weight:800}.plist-count{font-size:14px;opacity:.85}.plist-body{display:flex;flex-direction:column;gap:10px;padding:8px 12px}.pitem{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:16px;background:linear-gradient(180deg,#0a1626cc,#081220c7);border:1px solid rgba(115,188,255,.14);box-shadow:0 10px 24px #00000024}.pitem.speaking{border-color:#22c55e73;box-shadow:0 0 0 2px #22c55e1a,0 10px 24px #00000029}.pavatar{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:18px;font-weight:900;background:#ffffff1a}.pmeta{flex:1;min-width:0}.pname{font-size:18px;font-weight:900;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.psub{margin-top:4px;font-size:13px;opacity:.85}.ptag{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.2px;background:#ffffff1a}.ptag.live{background:#22c55e29;border:1px solid rgba(34,197,94,.35)}.ptag.muted{background:#ef444424;border:1px solid rgba(239,68,68,.3)}@media (max-width: 640px){.city{font-size:30px}.topbar{flex-direction:column;align-items:flex-start}.ctl-row.bottom{flex-direction:column}.ptt{padding:24px 16px}.ptt-txt{font-size:16px}.cohost-toggle,.exit-btn{min-height:54px}}:root{--rl-bg-1: #060b16;--rl-bg-2: #0a1324;--rl-panel: rgba(9, 16, 31, .92);--rl-panel-2: rgba(14, 24, 44, .88);--rl-border: rgba(255, 255, 255, .08);--rl-border-strong: rgba(255, 255, 255, .12);--rl-text: #e7eefb;--rl-muted: #8ea0bf;--rl-soft: #a9b6ce;--rl-accent: #5ea7ff;--rl-accent-2: #20d3c6;--rl-live: #16c784;--rl-wait: #f59e0b;--rl-danger: #fb7185;--rl-shadow: 0 24px 80px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(41,98,255,.12),transparent 32%),radial-gradient(circle at bottom left,rgba(17,185,129,.08),transparent 26%),linear-gradient(180deg,var(--rl-bg-2),var(--rl-bg-1));color:var(--rl-text)}.rl-wrap{min-height:100vh;padding:24px;display:flex;align-items:center;justify-content:center}.rl-card{width:100%;max-width:980px;border:1px solid var(--rl-border);background:linear-gradient(180deg,#141f38eb,#060c18f5);box-shadow:var(--rl-shadow);border-radius:28px;padding:26px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.rl-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.rl-brand{font-size:28px;font-weight:800;letter-spacing:-.03em;color:#fff}.rl-sub{margin-top:6px;font-size:14px;color:var(--rl-muted)}.rl-actions{display:flex;align-items:center;gap:10px}.rl-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--rl-border-strong);background:#ffffff0a;color:var(--rl-text);border-radius:14px;padding:11px 18px;font-size:14px;font-weight:700;cursor:pointer;transition:.18s ease}.rl-btn:hover{background:#ffffff14;transform:translateY(-1px)}.rl-btn-ghost{border-color:#fb71853d;background:#fb71851a;color:#ffd5dc}.rl-btn-ghost:hover{background:#fb718529}.rl-userbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.rl-userline{border:1px solid var(--rl-border);background:#ffffff08;border-radius:18px;padding:14px 16px;font-size:14px;color:var(--rl-soft)}.rl-userlabel{color:var(--rl-muted)}.rl-assigned{border:1px solid rgba(32,211,198,.18);background:linear-gradient(180deg,#20d3c617,#0f766e0f);border-radius:20px;padding:16px 18px;margin-bottom:18px}.rl-assigned-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:#89f1e9;margin-bottom:8px}.rl-assigned-list{font-size:16px;font-weight:700;color:#ebfffd;word-break:break-word}.rl-muted,.rl-error{border-radius:20px;padding:18px;font-size:15px;text-align:center}.rl-muted{border:1px dashed var(--rl-border);background:#ffffff06;color:var(--rl-muted)}.rl-error{border:1px solid rgba(251,113,133,.22);background:#fb718514;color:#ffd6dd}.rl-list{display:flex;flex-direction:column;gap:14px}.rl-row{width:100%;border:1px solid var(--rl-border);background:linear-gradient(180deg,#ffffff08,#ffffff04);border-radius:22px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;color:var(--rl-text);cursor:pointer;transition:.18s ease}.rl-row:hover{border-color:#5ea7ff47;background:linear-gradient(180deg,#5ea7ff14,#ffffff06);transform:translateY(-1px)}.rl-row:disabled,.rl-row[aria-disabled=true]{opacity:.52;cursor:not-allowed}.rl-row-disabled:hover{transform:none;border-color:var(--rl-border);background:linear-gradient(180deg,#ffffff08,#ffffff04)}.rl-room{min-width:0;flex:1}.rl-name{font-size:18px;font-weight:800;color:#fff;word-break:break-word}.rl-meta{margin-top:6px;font-size:13px;color:var(--rl-muted)}.rl-badges{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px}.rl-badge{min-width:92px;text-align:center;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:800;letter-spacing:.08em;border:1px solid transparent}.rl-live{color:#dcfff1;background:#16c7841f;border-color:#16c7843d}.rl-off{color:#ffe7b0;background:#f59e0b1f;border-color:#f59e0b3d}.rl-assigned-badge{color:#dff5ff;background:#5ea7ff1f;border-color:#5ea7ff42}.rl-foot{height:8px}@media (max-width: 900px){.rl-wrap{padding:16px;align-items:stretch}.rl-card{max-width:100%;min-height:calc(100vh - 32px);border-radius:24px;padding:20px}.rl-userbar{grid-template-columns:1fr}.rl-top{flex-direction:column;align-items:stretch}.rl-actions{justify-content:stretch}.rl-btn{width:100%}.rl-row{flex-direction:column;align-items:flex-start}.rl-badges{width:100%;justify-content:flex-start}}@media (max-width: 560px){.rl-wrap{padding:10px}.rl-card{padding:16px;border-radius:20px;min-height:calc(100vh - 20px)}.rl-brand{font-size:22px}.rl-sub{font-size:13px}.rl-name{font-size:16px}.rl-row{border-radius:18px;padding:16px}.rl-badge{min-width:auto;width:auto;padding:8px 12px;font-size:11px}}:root{--bg:#0b132b;--bg2:#1b213a;--ink:#eef2ff;--muted:#8b93a7}html,body,#root{height:100%;margin:0;padding:0;color:var(--ink);font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);background-attachment:fixed}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:8px}