:root{--ink:#eef2ff;--muted:rgba(255,255,255,.7);--card: rgba(10,14,28,.74);--stroke: rgba(255,255,255,.1);--cyan:#12e7ff;--cyan2:#00bcd4;--glow: rgba(18,231,255,.22);--glow2: rgba(120, 60, 255,.18)}*{box-sizing:border-box}html,body{height:100%}body{margin:0}.gzWrap{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:clamp(18px,3vw,42px);padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom));background:radial-gradient(900px 600px at 12% 18%,rgba(120,60,255,.42),transparent 60%),radial-gradient(900px 700px at 88% 80%,rgba(0,200,255,.26),transparent 60%),linear-gradient(180deg,#070b18,#090f25 40%,#070b18)}.gzCard{width:min(520px,92vw);border-radius:28px;padding:clamp(18px,3vw,28px);background:var(--card);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 30px 90px #0009,0 0 0 1px #ffffff0a inset;position:relative;text-align:center;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.gzCard:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:30px;background:radial-gradient(600px 220px at 50% 0%,var(--glow),transparent 60%),radial-gradient(600px 260px at 0% 100%,var(--glow2),transparent 60%);z-index:-1;filter:blur(8px);opacity:.85}@media (hover:hover){.gzCard:hover{transform:translateY(-3px);border-color:#12e7ff33;box-shadow:0 34px 110px #0000009e,0 0 0 1px #ffffff0d inset}}.gzWelcome{color:#fffc;font-size:clamp(13px,1.6vw,16px);letter-spacing:.3px;margin-top:2px}.gzTitle{font-size:clamp(34px,5.2vw,54px);line-height:1.08;font-weight:950;color:var(--ink);margin:8px 0 10px;letter-spacing:.4px;text-shadow:0 8px 22px rgba(0,0,0,.3)}.gzSub{color:var(--muted);margin:10px 0 0;font-size:clamp(13px,1.6vw,14px)}.gzLogoRing{width:clamp(120px,18vw,160px);height:clamp(120px,18vw,160px);border-radius:999px;margin:12px auto 10px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#12e7ff29,#0000 62%),radial-gradient(circle at 70% 70%,#783cff1f,#0000 62%);border:1px solid rgba(18,231,255,.26);box-shadow:inset 0 0 0 1px #ffffff0f,0 10px 26px #0000004d}.gzLogo{width:82%;height:82%;object-fit:contain;display:block;filter:drop-shadow(0 16px 22px rgba(0,0,0,.45))}.gzForm{text-align:left;margin-top:14px}.gzForm label{display:block;font-size:13px;color:#ffffffbd;margin:12px 2px 6px}.gzForm input{width:100%;height:46px;border-radius:14px;outline:none;border:1px solid rgba(255,255,255,.12);background:#00000038;color:var(--ink);padding:0 14px;font-size:16px;transition:border-color .18s ease,box-shadow .18s ease}.gzForm input:focus{border-color:#12e7ff8c;box-shadow:0 0 0 4px #12e7ff24}.gzBtnPrimary{width:100%;height:50px;border-radius:16px;font-size:17px;font-weight:950;border:none;cursor:pointer;margin-top:16px;background:linear-gradient(90deg,var(--cyan),var(--cyan2));color:#001018;box-shadow:0 18px 34px #12e7ff29;transition:transform .15s ease,filter .15s ease}.gzBtnPrimary:disabled{opacity:.65;cursor:not-allowed}@media (hover:hover){.gzBtnPrimary:hover{transform:translateY(-1px);filter:brightness(1.03)}.gzBtnPrimary:active{transform:translateY(0)}}.gzDownload{display:block;text-align:center;margin-top:12px;color:#ffffffeb;font-weight:850;text-decoration:underline;font-size:16px;opacity:.95}.gzDownload:hover{opacity:1}.gzErr{margin-top:12px;color:#ff6b6b;font-size:14px}.gzFooter{margin-top:14px;color:#ffffff8c;font-size:12px;text-align:center}@media (max-width: 520px){.gzCard{width:min(96vw,520px);border-radius:22px}}@media (max-width: 360px){.gzForm input{height:44px}.gzBtnPrimary{height:48px}}.panel{min-height:100vh;padding:18px 14px 28px;color:#eaf1ff;background:radial-gradient(1000px 600px at 20% 10%,rgba(99,102,241,.22),transparent 60%),radial-gradient(900px 520px at 80% 30%,rgba(20,184,166,.16),transparent 55%),radial-gradient(800px 500px at 50% 80%,rgba(147,51,234,.14),transparent 55%),linear-gradient(180deg,#050714,#070a18 40%,#040615)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:980px;margin:0 auto 18px;padding:10px 12px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.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:10px 18px;border-radius:999px;font-weight:900;letter-spacing:.6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.city{margin-top:10px;font-size:38px;font-weight:900;letter-spacing:.4px}.tagline{margin-top:6px;font-size:14px;opacity:.85}.stage-top{margin:14px auto 10px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.pill{display:flex;align-items:baseline;gap:10px;padding:10px 14px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.pill .lbl{font-size:12px;opacity:.7}.pill .val{font-size:14px;font-weight:800}.stage-mid{margin:12px auto 18px}.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:999px;padding:22px 18px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);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:0 10px 26px #00000038}.ptt:hover{transform:translateY(-1px);border-color:#fff3}.ptt:active{transform:translateY(1px) scale(.99)}.ptt.disabled,.ptt:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.ptt.live{background:#22c55e24;border-color:#22c55e99;box-shadow:0 0 0 4px #22c55e24,0 14px 34px #0000004d}.ptt.live:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:999px;border:2px solid rgba(34,197,94,.25);animation:pulseGreen 1.4s ease-in-out infinite;pointer-events:none}@keyframes pulseGreen{0%{opacity:.35;transform:scale(.98)}50%{opacity:.75;transform:scale(1.01)}to{opacity:.35;transform:scale(.98)}}.mic{font-size:34px;margin-bottom:8px;opacity:.95;transition:transform .12s ease}.ptt.live .mic{transform:scale(1.08)}.ptt-txt{font-size:16px;font-weight:900;letter-spacing:.2px}.ctl-row.bottom{display:flex;gap:10px;margin-top:12px}.tile{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#eaf1ff;cursor:pointer;-webkit-user-select:none;user-select:none}.tile.wide{flex:1}.tile.ok{border-color:#22c55e73}.tile.danger{background:#ef444424;border-color:#ef44444d}.tile.disabled,.tile:disabled{opacity:.55;cursor:not-allowed}.plist{width:100%;max-width:980px;margin:0 auto}.plist-head{display:flex;align-items:baseline;justify-content:space-between;padding:8px 12px;opacity:.9}.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:12px 14px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.pitem.speaking{border-color:#22c55e73;box-shadow:0 0 0 2px #22c55e1f}.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}}: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}