@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#060914;--bg-raised:#0b1126;--surface:#ffffff0b;--surface-strong:#ffffff14;--border:#ffffff14;--border-strong:#ffffff29;--text:#eef1fb;--muted:#8f9bbd;--faint:#5d6889;--primary:#7b93ff;--grad:linear-gradient(135deg, #4f74ff 0%, #8b5cf6 60%, #b86bff 100%);--grad-text:linear-gradient(110deg, #b4c4ff 0%, #d2b4ff 45%, #8fe6ff 100%);--success:#3ddc97;--danger:#ff6b81;--warn:#ffc56b;--radius:18px;--radius-lg:26px;--shadow:0 24px 64px -28px #000000b3, inset 0 1px 0 #ffffff0f;--glow:0 12px 40px -12px #6e78ffa6;--font:"Plus Jakarta Sans Variable", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--inset-top:var(--safe-area-inset-top,env(safe-area-inset-top,0px));--inset-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.55}body:before{content:"";pointer-events:none;background:radial-gradient(900px 520px at 8% -8%,#4f74ff42,#0000 62%),radial-gradient(760px 480px at 100% 4%,#8b5cf638,#0000 62%),radial-gradient(700px 520px at 50% 115%,#38bdf81f,#0000 60%);position:fixed;inset:0}body:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(80% 60% at 50% 0,#000 20%,#0000 75%)}#root{z-index:1;position:relative}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.2}a{color:var(--primary);text-decoration:none}code,.mono{font-family:var(--mono)}code{background:var(--surface-strong);border-radius:6px;padding:1px 6px;font-size:.9em}::selection{background:#7b93ff59}.muted{color:var(--muted)}.small{font-size:13px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gradient-text{background:var(--grad-text);color:#0000;-webkit-background-clip:text;background-clip:text}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin:0;font-size:12px;font-weight:600;display:inline-flex}.card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px)saturate(140%);background:linear-gradient(#ffffff0f,#ffffff06)}.btn{height:42px;font:inherit;letter-spacing:-.005em;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s,opacity .2s;display:inline-flex;position:relative}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--grad);color:#fff;box-shadow:var(--glow), inset 0 1px 0 #ffffff40}.btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 16px 44px -10px #7878ffcc,inset 0 1px #ffffff40}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-secondary:not(:disabled):hover{background:var(--surface-strong)}.btn-ghost{color:var(--muted);background:0 0}.btn-ghost:not(:disabled):hover{background:var(--surface);color:var(--text)}.btn-danger{color:var(--danger);background:#ff6b811f;border-color:#ff6b8140}.btn-sm{border-radius:10px;gap:6px;height:34px;padding:0 12px;font-size:13px}.btn-lg{border-radius:14px;height:52px;padding:0 22px;font-size:15px}.btn-block{width:100%}.btn-icon{width:38px;height:38px;color:var(--muted);background:0 0;padding:0}.btn-icon:not(:disabled):hover{background:var(--surface-strong);color:var(--text)}.btn-primary.btn-icon{background:var(--grad);color:#fff}.btn-google{color:#10131f;background:#fff;border-radius:14px;width:100%;height:54px;font-size:15px;box-shadow:0 14px 40px -14px #ffffff59}.btn-google:not(:disabled):hover{background:#f3f5ff;transform:translateY(-1px)}input,textarea{width:100%;font:inherit;color:var(--text);border:1px solid var(--border-strong);background:#ffffff0a;border-radius:12px;outline:none;padding:10px 13px;transition:border-color .15s,box-shadow .15s,background .15s}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,textarea:focus{border-color:var(--primary);background:#ffffff0f;box-shadow:0 0 0 4px #7b93ff2e}textarea{resize:vertical}.field{color:var(--muted);flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.field small{color:var(--faint);font-weight:400}.form-error{color:var(--danger);margin:0;font-size:13px}.form-actions{justify-content:flex-end;gap:8px;display:flex}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 0 0 2px #ffffff14}.avatar-fallback{background:var(--grad);color:#fff;font-weight:700}.chip{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip-live{color:#ff98a8;background:#ff6b811f;border-color:#ff6b8147}.chip-live .dot,.dot-live{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.8s infinite ping;box-shadow:0 0}.chip-open{color:var(--success);background:#3ddc971a;border-color:#3ddc9740}.chip-muted{background:var(--surface);border-color:var(--border);color:var(--muted)}.chip-plan{color:#b4c4ff;background:#7b93ff1f;border-color:#7b93ff40}.count{background:var(--surface-strong);min-width:24px;color:var(--muted);text-align:center;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.banner{border:1px solid #0000;border-radius:14px;margin-bottom:18px;padding:12px 16px;font-size:14px}.banner-warn{color:var(--warn);background:#ffc56b1a;border-color:#ffc56b40}.banner-error{color:var(--danger);background:#ff6b811a;border-color:#ff6b8140}.spinner{border:3px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.toast{left:50%;bottom:calc(24px + var(--inset-bottom));border:1px solid var(--border-strong);max-width:calc(100vw - 32px);color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50;background:#121830eb;border-radius:14px;padding:13px 20px;font-size:14px;position:fixed;transform:translate(-50%);box-shadow:0 20px 50px -10px #0009}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{0%{box-shadow:0 0}70%,to{box-shadow:0 0 0 6px #0000}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.brand{color:var(--text);letter-spacing:-.03em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:inline-flex}.brand-mark{background:var(--grad);color:#fff;width:34px;height:34px;box-shadow:var(--glow), inset 0 1px 0 #ffffff4d;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.brand-large{font-size:22px}.brand-large .brand-mark{border-radius:13px;width:44px;height:44px}.app-header{z-index:10;padding-top:var(--inset-top);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px)saturate(160%);background:#060914a6;position:sticky;top:0}.app-header-inner{align-items:center;gap:28px;max-width:1240px;height:66px;margin:0 auto;padding:0 20px;display:flex}.app-nav{flex:1;gap:4px;display:flex}.app-nav a{color:var(--muted);border-radius:10px;padding:7px 14px;font-size:14px;font-weight:600;transition:background .15s,color .15s}.app-nav a:hover{color:var(--text);background:var(--surface)}.app-nav a.active{color:var(--text);background:var(--surface-strong);box-shadow:inset 0 0 0 1px var(--border)}.app-user{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:10px;min-width:0;padding:4px;display:flex}.app-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;font-weight:600;overflow:hidden}.app-user .btn-icon{border-radius:50%;width:32px;height:32px}.fullscreen{min-height:100dvh;padding:calc(24px + var(--inset-top)) 16px calc(24px + var(--inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.message-card,.setup-card{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:460px;padding:36px 30px;display:flex}.message-card h1,.setup-card h1{font-size:21px}.message-icon{background:var(--grad);color:#fff;width:60px;height:60px;box-shadow:var(--glow);border-radius:18px;justify-content:center;align-items:center;display:flex}.message-card p{margin:0 0 8px}.verify-message{color:var(--warn)}.message-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.setup-card{text-align:left;align-items:flex-start}.setup-list{gap:4px;margin:0;padding-left:20px;display:grid}.login{max-width:1240px;min-height:100dvh;padding:calc(24px + var(--inset-top)) 24px calc(24px + var(--inset-bottom));flex-direction:column;margin:0 auto;display:flex}.login-top{justify-content:space-between;align-items:center;gap:16px;padding:8px 0 24px;display:flex}.login-main{flex:1;grid-template-columns:minmax(0,1.15fr) minmax(360px,440px);align-items:center;gap:72px;display:grid}.login-hero{flex-direction:column;gap:22px;animation:.7s ease-out both rise;display:flex}.login-badge{background:var(--surface);border:1px solid var(--border-strong);color:var(--muted);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:6px 14px 6px 8px;font-size:13px;font-weight:600;display:inline-flex}.login-badge .pill{background:var(--grad);color:#fff;letter-spacing:.04em;border-radius:999px;padding:2px 8px;font-size:11px}.login-title{letter-spacing:-.045em;font-size:clamp(38px,5.2vw,64px);font-weight:800;line-height:1.04}.login-sub{max-width:540px;color:var(--muted);margin:0;font-size:17px}.login-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:600px;margin:6px 0 0;padding:0;list-style:none;display:grid}.login-features li{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:16px;flex-direction:column;gap:10px;padding:16px;font-size:13px;display:flex}.login-features strong{color:var(--text);margin-bottom:2px;font-size:14px;display:block}.feature-icon{color:#b4c4ff;background:#7b93ff24;border:1px solid #7b93ff40;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.login-panel{border-radius:var(--radius-lg);flex-direction:column;align-self:center;gap:16px;padding:36px 32px 30px;animation:.7s ease-out .1s both rise;display:flex;position:relative}.login-panel:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(160deg,#a0b4ff8c,#0000 40% 60%,#b86bff73);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.login-panel h2{font-size:24px;font-weight:750}.login-panel>p{color:var(--muted);margin:-8px 0 6px}.auth-tabs{border:1px solid var(--border);background:#00000040;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-tabs button{height:38px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;font-weight:600;transition:background .15s,color .15s}.auth-tabs button.is-active{background:var(--surface-strong);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.auth-form{flex-direction:column;gap:12px;display:flex}.input-suffix{border:1px solid var(--border-strong);background:#ffffff0a;border-radius:12px;align-items:center;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.input-suffix:focus-within{border-color:var(--primary);background:#ffffff0f;box-shadow:0 0 0 4px #7b93ff2e}.input-suffix input,.input-suffix input:focus{min-width:0;box-shadow:none;text-align:left;background:0 0;border:0;flex:1}.input-suffix .suffix{color:var(--muted);white-space:nowrap;padding-right:13px;font-size:14px;font-weight:500}.link-btn{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-end;margin-top:-4px;padding:0;font-size:13px;font-weight:600}.banner-ok{color:var(--success);background:#3ddc971a;border-color:#3ddc9740;margin:0}.login-divider{color:var(--faint);align-items:center;gap:12px;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-steps{counter-reset:step;color:var(--muted);gap:10px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.login-steps li{counter-increment:step;align-items:center;gap:12px;display:flex}.login-steps li:before{content:counter(step);background:var(--surface-strong);border:1px solid var(--border);width:24px;height:24px;color:var(--text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.login-steps strong{color:var(--text)}.login-trust{color:var(--faint);align-items:center;gap:8px;margin:4px 0 0;font-size:12px;display:flex}.login-foot{color:var(--faint);text-align:center;padding-top:28px;font-size:12px}.preview-window{border:1px solid var(--border-strong);background:linear-gradient(#ffffff12,#ffffff05);border-radius:22px;max-width:500px;margin-top:8px;padding:14px;animation:7s ease-in-out infinite float;position:relative;box-shadow:0 40px 90px -30px #000c,0 0 0 1px #0000004d}.preview-bar{color:var(--muted);align-items:center;gap:6px;padding:2px 4px 12px;font-size:12px;display:flex}.preview-bar .light{background:#ffffff2e;border-radius:50%;width:9px;height:9px}.preview-bar .title{color:var(--text);margin-left:8px;font-weight:600}.rec-badge{color:#ff9aac;letter-spacing:.06em;font-variant-numeric:tabular-nums;background:#ff466429;border:1px solid #ff466459;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.preview-bar .rec-badge{margin-left:auto}.preview-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.preview-tile{aspect-ratio:16/9;background:radial-gradient(circle at 30% 20%, #ffffff1a, transparent 60%), var(--tile,#1b2450);border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.preview-tile .toon{height:96%;animation:5s ease-in-out infinite toon-bob;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.toon-eyes{transform-box:fill-box;transform-origin:50%;animation:5.5s infinite toon-blink;animation-delay:var(--blink-delay,0s)}.toon-talk{transform-box:fill-box;transform-origin:50%;animation:.4s ease-in-out infinite alternate toon-talk}@keyframes toon-bob{50%{transform:translate(-50%)translateY(-2px)rotate(.8deg)}}@keyframes toon-blink{0%,91%,to{transform:scaleY(1)}94%{transform:scaleY(.1)}}@keyframes toon-talk{0%{transform:scaleY(1)}to{transform:scaleY(.35)}}@media (prefers-reduced-motion:reduce){.preview-tile .toon,.toon-eyes,.toon-talk{animation:none}}.preview-tile .name{z-index:1;color:#fff;background:#0006;border-radius:6px;padding:2px 8px;font-size:11px;position:absolute;bottom:7px;left:8px}.preview-tile.speaking{box-shadow:0 0 0 2px #8fa5ff,0 0 24px -4px #7b93ff}.preview-controls{justify-content:center;gap:8px;padding-top:12px;display:flex}.preview-controls span{background:var(--surface-strong);border:1px solid var(--border);border-radius:11px;width:34px;height:34px}.preview-controls span.leave{background:#ff46648c;width:48px}.page{max-width:1240px;padding:36px 20px calc(56px + var(--inset-bottom));margin:0 auto}.lobby{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:28px;display:grid}.lobby-hero{flex-direction:column;gap:10px;margin-bottom:28px;animation:.6s ease-out both rise;display:flex}.lobby-hero h1{letter-spacing:-.04em;font-size:clamp(30px,4vw,44px);font-weight:800}.lobby-hero p{margin:0}.stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:34px;animation:.6s ease-out 80ms both rise;display:grid}.stat{align-items:center;gap:14px;padding:18px;display:flex;position:relative;overflow:hidden}.stat-icon{color:#b4c4ff;background:#7b93ff24;border:1px solid #7b93ff40;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.stat.is-live .stat-icon{color:#ff98a8;background:#ff6b811f;border-color:#ff6b8147}.stat.is-online .stat-icon{color:var(--success);background:#3ddc971a;border-color:#3ddc9740}.stat-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1}.stat-label{color:var(--muted);margin-top:4px;font-size:12px}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-head h2{font-size:18px;font-weight:700}.room-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.room-card{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);background:linear-gradient(#ffffff0f,#ffffff06);flex-direction:column;gap:12px;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;animation:.5s ease-out both rise;display:flex;position:relative}.room-card:not(.is-disabled):not(.skeleton):hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:0 30px 70px -30px #5064ff73,inset 0 1px #ffffff14}.room-card.is-live:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(140deg,#ff7896b3,#8b5cf680 50%,#0000 80%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.room-card.skeleton{background:linear-gradient(90deg,#ffffff08 0%,#ffffff12 50%,#ffffff08 100%) 0 0/200% 100%;height:230px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.room-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.room-icon{background:var(--grad);color:#fff;width:44px;height:44px;box-shadow:var(--glow), inset 0 1px 0 #ffffff4d;border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.room-card.is-disabled .room-icon{background:var(--surface-strong);box-shadow:none;color:var(--muted)}.room-card h3{margin-top:4px;font-size:18px;font-weight:700}.room-card-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;display:-webkit-box;overflow:hidden}.room-card-meta{color:var(--muted);flex-wrap:wrap;gap:6px 16px;font-size:13px;display:flex}.room-card-meta span{align-items:center;gap:6px;display:inline-flex}.room-card-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;display:flex}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:48px 24px;display:flex}.empty h3{color:var(--text);font-size:17px}.empty p{margin:0}.lobby-side{top:calc(102px + var(--inset-top));height:calc(100dvh - 102px - 24px - var(--inset-top) - var(--inset-bottom));flex-direction:column;gap:16px;animation:.6s ease-out .15s both rise;display:flex;position:sticky}.side-panel{padding:18px}.panel-title{align-items:center;margin-bottom:14px;font-size:15px;font-weight:700;display:flex}.online-list{gap:10px;max-height:210px;margin:0;padding:0;font-size:14px;list-style:none;display:grid;overflow-y:auto}.online-list li{align-items:center;gap:10px;min-width:0;display:flex}.online-avatar{display:inline-flex;position:relative}.online-dot{background:var(--success);border:2px solid var(--bg-raised);width:10px;height:10px;box-shadow:0 0 10px var(--success);border-radius:50%;position:absolute;bottom:-1px;right:-1px}.chat-panel{flex-direction:column;flex:1;min-height:0;display:flex}.chat-list{flex-direction:column;flex:1;gap:14px;min-height:160px;margin-bottom:14px;padding-right:4px;display:flex;overflow-y:auto}.chat-msg{align-items:flex-start;gap:10px;display:flex}.chat-bubble{background:var(--surface-strong);border:1px solid var(--border);border-radius:4px 14px 14px;min-width:0;max-width:85%;padding:8px 12px}.chat-msg.is-mine{flex-direction:row-reverse}.chat-msg.is-mine .chat-bubble{background:linear-gradient(135deg,#4f74ff73,#8b5cf673);border-color:#968cff4d;border-radius:14px 4px 14px 14px}.chat-meta{color:var(--muted);align-items:baseline;gap:8px;font-size:11px;display:flex}.chat-meta strong{color:var(--text);font-size:12px}.chat-bubble p{overflow-wrap:anywhere;margin:2px 0 0;font-size:14px}.chat-delete{width:28px;height:28px;color:var(--danger);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;transition:opacity .15s,background .15s;display:inline-flex}.chat-msg:hover .chat-delete,.chat-delete:focus-visible{opacity:1}.chat-delete:hover{background:#ff6b811f}@media (hover:none){.chat-delete{opacity:.7}}.panel-title .panel-action{height:28px;color:var(--danger);margin-left:auto}.chat-form{gap:8px;display:flex}.chat-form .btn-icon{border-radius:12px;flex-shrink:0;width:44px;height:44px}.admin{flex-direction:column;gap:22px;display:flex}.admin .lobby-hero{margin-bottom:4px}.panel{padding:24px}.room-form{grid-template-columns:1fr 1fr;gap:16px 18px;display:grid}.field-wide{grid-column:1/-1}.admin-room-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.admin-room{border:1px solid var(--border);background:#ffffff06;border-radius:18px;flex-direction:column;gap:14px;padding:18px;display:flex}.admin-room-main{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.admin-room-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.admin-room-info p{margin:0}.admin-room-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-room-title h3{font-size:17px}.code-box{border:1px solid var(--border);background:#00000040;border-radius:14px;align-self:flex-start;align-items:center;gap:4px;padding:6px 6px 6px 16px;display:flex}.code-label{color:var(--muted);margin-right:6px;font-size:12px}.code-value{letter-spacing:.16em;min-width:96px;font-size:18px;font-weight:700}.code-stack{flex-direction:column;align-self:flex-start;gap:8px;display:flex}.code-stack .code-label{min-width:74px}.admin-intro{margin:-6px 0 16px}.admin-add{gap:10px;margin-bottom:16px;display:flex}.admin-add .btn{flex-shrink:0}.admin-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.admin-list li{border:1px solid var(--border);background:#ffffff08;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:6px 8px 6px 14px;font-size:14px;display:flex}.admin-list li>.truncate{flex:1;min-width:0}.admin-room-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-room-edit{border-top:1px dashed var(--border-strong);padding-top:16px}.gate{min-height:100dvh;padding:calc(24px + var(--inset-top)) 16px calc(24px + var(--inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.back-link{color:var(--muted);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.back-link:hover{color:var(--text)}.gate>.back-link{width:100%;max-width:440px}.gate-card{border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:440px;padding:36px 30px;display:flex}.gate-card h1{font-size:24px;font-weight:800}.gate-card>p{margin:0}.gate-icon{background:var(--grad);color:#fff;width:64px;height:64px;box-shadow:var(--glow), inset 0 1px 0 #ffffff4d;border-radius:20px;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.gate-meta{color:var(--muted);align-items:center;gap:6px;font-size:14px;display:inline-flex}.gate-form{text-align:left;flex-direction:column;gap:12px;width:100%;margin-top:14px;display:flex}.gate-form label{color:var(--muted);font-size:13px;font-weight:600}.code-input{text-align:center;letter-spacing:.35em;background:#00000040;height:62px;font-size:26px;font-weight:700}.code-input::placeholder{letter-spacing:.3em;color:var(--faint)}.gate-card .banner{width:100%;margin:14px 0 0}[data-lk-theme]{--lk-bg:#060914;--lk-bg2:#0c1228;--lk-bg3:#131a36;--lk-bg4:#1b2344;--lk-bg5:#252e55;--lk-fg:#eef1fb;--lk-accent-bg:#6a7dff;--lk-accent-fg:#fff;--lk-danger:#ff5c74;--lk-control-bg:#ffffff12;--lk-control-hover-bg:#ffffff1f;--lk-border-color:#ffffff1a;--lk-border-radius:14px;--lk-font-family:var(--font)}.prejoin-screen{min-height:100dvh;padding:calc(24px + var(--inset-top)) 16px calc(24px + var(--inset-bottom));color:var(--text);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex}.prejoin-head{flex-direction:column;gap:6px;width:100%;max-width:540px;display:flex}.prejoin-head .back-link{margin-bottom:8px}.prejoin-head h1{font-size:26px;font-weight:800}.prejoin-head p{color:var(--muted);margin:0}.prejoin-screen .lk-prejoin{border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;max-width:540px;box-shadow:var(--shadow);background:linear-gradient(#ffffff0f,#ffffff06);padding:18px}.prejoin-screen .lk-join-button{background:var(--grad);box-shadow:var(--glow)}.meeting,.meeting.lk-room-container{height:100dvh;padding:var(--inset-top) 0 var(--inset-bottom);background:var(--bg);color:var(--text);flex-direction:column;display:flex}.meeting-bar{border-bottom:1px solid var(--border);background:#ffffff08;flex-wrap:wrap;align-items:center;gap:10px;min-height:52px;padding:8px 16px;font-size:14px;display:flex}.meeting-bar .brand-mark{border-radius:8px;width:28px;height:28px}.meeting-title{font-weight:700}.meeting-bar-right{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.meeting-warning{color:var(--warn);background:#ffc56b1f;border:1px solid #ffc56b40;border-radius:10px;align-items:center;gap:8px;padding:4px 6px 4px 12px;font-size:13px;display:inline-flex}.meeting-warning button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:18px;line-height:1}.meeting-stage{flex:1;min-height:0}.meeting-stage .lk-video-conference{height:100%}.meeting-stage .lk-participant-tile{border-radius:16px}.meeting-controls.lk-control-bar{border-top:1px solid var(--border);background:#ffffff06;flex-wrap:wrap;gap:8px}.meeting-controls .lk-button,.meeting-controls .lk-disconnect-button,.meeting-controls .lk-chat-toggle{border-radius:12px}.ctl-record.is-recording{color:#ffb3c0;background:#ff466433;box-shadow:inset 0 0 0 1px #ff466473}.ctl-record .rec-dot{background:#ff4d6d;border-radius:50%;width:10px;height:10px;box-shadow:0 0 10px #ff4d6d}.ctl-record.is-recording .rec-dot{color:#ff4d6d;animation:1.6s infinite ping}.ctl-share.is-sharing{background:#6a7dff40;box-shadow:inset 0 0 0 1px #6a7dff80}.meeting-controls .ctl-count{background:#ffffff1f;border-radius:999px;min-width:20px;padding:0 6px;font-size:12px;font-weight:700}.meeting-controls .lk-button.is-active{background:#6a7dff40;box-shadow:inset 0 0 0 1px #6a7dff80}.people-panel{z-index:20;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(20px);width:min(360px,100% - 20px);color:var(--text);background:#0a0e20eb;border-radius:20px;flex-direction:column;gap:12px;padding:16px;animation:.25s ease-out both rise;display:flex;position:absolute;top:10px;bottom:84px;right:10px;box-shadow:0 30px 80px -20px #000000b3}.people-head{justify-content:space-between;align-items:center;display:flex}.people-head h3{align-items:center;font-size:16px;display:flex}.people-head .btn-icon{font-size:22px;line-height:1}.host-tools{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:12px;display:flex}.claim-host{align-self:flex-start}.claim-form{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding-bottom:12px;display:flex}.claim-form label{color:var(--muted);font-size:12px;font-weight:600}.claim-row{gap:8px;display:flex}.claim-row input{letter-spacing:.2em;font-weight:700}.people-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.people-list li{background:#ffffff08;border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.person-name{flex:1;align-items:center;gap:8px;min-width:0;font-size:14px;display:flex}.mic-state{color:var(--faint);display:inline-flex}.mic-state.is-on{color:var(--success)}.person-actions{gap:2px;display:flex}.person-actions .btn-icon{width:32px;height:32px}.person-actions .btn-icon.is-danger:not(:disabled):hover{color:var(--danger);background:#ff6b811f}@media (width<=1000px){.login-main{flex-direction:column;align-items:stretch;gap:20px;display:flex}.login-hero{display:contents}.login-badge{order:1}.login-title{order:2}.login-sub{order:3}.login-panel{order:4;align-self:stretch;margin-top:4px}.login-features{order:5;margin-top:8px}.preview-window{display:none}.lobby{grid-template-columns:minmax(0,1fr)}.lobby-side{height:auto;position:static}.chat-list{flex:none;height:360px}}@media (width<=640px){.login{padding-left:18px;padding-right:18px}.login-features{grid-template-columns:minmax(0,1fr)}.login-features li{flex-direction:row;align-items:center}.login-panel{padding:28px 22px 24px}.app-header-inner{gap:12px;padding:0 14px}.app-user-name{display:none}.app-nav a{padding:6px 10px}.page{padding-top:26px}.stat-row{gap:8px}.stat{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.stat-icon{width:34px;height:34px}.stat-value{font-size:22px}.room-form{grid-template-columns:minmax(0,1fr)}.code-box{width:100%}.code-value{flex:1}.admin-room-actions .btn{flex:auto}.meeting-controls .ctl-label{display:none}.login-badge{align-self:center}.login-title,.login-sub,.login-panel{text-align:center}.login-features li{text-align:center;flex-direction:column;align-items:center}.login-steps li,.login-trust{justify-content:center}.link-btn{align-self:center}.lobby-hero,.stat{text-align:center;align-items:center}.section-head{text-align:center;flex-direction:column}.room-card{text-align:center;align-items:center}.room-card-head,.room-card-foot{flex-direction:column}.room-card-foot{width:100%}.room-card-meta,.panel-title,.online-list li{justify-content:center}}@media (width<=420px){.app-header .brand-name{display:none}}