@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+0460-052F,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+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font: "Plus Jakarta Sans Variable", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--accent: #5b7cff;--accent-strong: #3f61f2;--accent-soft: #e9eeff;--attention: #ffb020;--attention-soft: #fff4d8;--danger: #f04438;--danger-soft: #fde8e7;--ok: #17b26a;--bg: #f5f3ee;--surface: #ffffff;--surface-2: #faf9f6;--text: #16181c;--muted: #656c77;--line: #e7e3da;--line-strong: #d7d2c6;--d-bg: #0e1013;--d-panel: #16191e;--d-panel-2: #1c2026;--d-raise: #262b33;--d-line: #2b3038;--d-text: #eceef2;--d-muted: #9aa3b0;--paper: #fcfbf8;--paper-grid: #dfe6ef;--paper-dot: #c3cdda;--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--shadow-1: 0 1px 2px rgba(20, 22, 26, .05), 0 6px 18px rgba(20, 22, 26, .06);--shadow-2: 0 12px 36px rgba(10, 12, 16, .2);--shadow-pop: 0 2px 6px rgba(10, 12, 16, .12), 0 14px 40px rgba(10, 12, 16, .18);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:15px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p{margin:0}h1{font-size:clamp(24px,3vw,32px);line-height:1.15;letter-spacing:-.02em;font-weight:750}h2{font-size:19px;letter-spacing:-.01em;font-weight:700}h3{font-size:15px;font-weight:700}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}kbd{font-family:inherit}.muted{color:var(--muted)}.small{font-size:13px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;border:1px solid transparent;font-weight:650;font-size:14.5px;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,transform .08s,box-shadow .15s}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px #ffffff40 inset,0 4px 14px #5b7cff52}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-dark{background:var(--text);color:#fff}.btn-dark:hover:not(:disabled){background:#2a2e35}.btn-ghost{background:transparent;border-color:var(--line-strong);color:var(--text)}.btn-ghost:hover:not(:disabled){background:#14161a0a}.btn-ghost-dark{background:var(--d-raise);color:var(--d-text);border-color:var(--d-line)}.btn-ghost-dark:hover{background:#2f353e}.btn-sm{height:32px;padding:0 12px;font-size:13.5px;gap:6px}.btn-xs{height:26px;padding:0 10px;font-size:12.5px}.btn-lg{height:50px;padding:0 26px;font-size:16px}.btn-block{width:100%}.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;border:0;background:transparent;color:inherit;transition:background .15s,color .15s;flex:none}.icon-btn:hover:not(:disabled){background:#7f879629}.icon-btn:disabled{opacity:.35}.icon-btn.primary{background:var(--accent);color:#fff}.icon-btn.primary:hover:not(:disabled){background:var(--accent-strong)}.icon-btn.danger:hover{background:var(--danger-soft);color:var(--danger)}.field{display:grid;gap:6px;margin:0 0 14px}.field>span{font-size:13px;font-weight:650;color:var(--muted)}.field em{font-style:normal;font-weight:500;opacity:.75}.field small{color:var(--muted);font-size:12.5px}input:not([type=checkbox]):not([type=range]),select,textarea{height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface);outline:none;transition:border-color .15s,box-shadow .15s;width:100%}input:not([type=checkbox]):not([type=range]):focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px #5b7cff29}select{appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23656c77' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}input[type=range]{accent-color:var(--accent)}.form-error{color:var(--danger);font-size:13.5px;font-weight:600;margin-top:8px}.avatar{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;font-weight:750;font-size:13.5px;letter-spacing:.02em;flex:none;border:0}.avatar-sm{width:28px;height:28px;font-size:12px}.avatar-xl{width:96px;height:96px;font-size:34px}.logo{display:inline-flex;align-items:center;gap:10px}.logo-word{font-weight:800;font-size:22px;letter-spacing:-.03em}.logo-mark{display:block;flex:none}.code-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;font-size:12.5px;font-weight:650;letter-spacing:.02em;border:1px solid var(--d-line);background:var(--d-raise);color:var(--d-text);font-variant-numeric:tabular-nums}.code-chip.light{background:var(--surface-2);color:var(--text);border-color:var(--line)}.code-chip:hover{border-color:var(--accent)}.center-screen{min-height:100%;display:grid;place-content:center;justify-items:center;gap:14px;padding:24px;text-align:center}.center-screen.dark{background:var(--d-bg);color:var(--d-text)}.toasts{position:fixed;left:50%;top:66px;transform:translate(-50%);z-index:80;display:grid;gap:10px;width:min(420px,calc(100vw - 32px))}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 10px 12px 16px;border-radius:14px;background:#1f232a;color:#f2f4f7;box-shadow:var(--shadow-pop);animation:pop-in .22s ease-out;border-left:3px solid var(--accent)}.toast-error{border-left-color:var(--danger)}.toast-success{border-left-color:var(--ok)}.toast-text{display:grid;gap:2px;flex:1;min-width:0;font-size:14px}.toast-text strong{font-weight:650;overflow-wrap:anywhere}.toast-text span{color:#aab2bf;font-size:13px}.toast-actions{display:flex;gap:6px;align-self:center}.toast .btn-ghost{color:#f2f4f7;border-color:#3a404a}.toast-close{width:28px;height:28px;color:#aab2bf}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.knock-stack{position:fixed;bottom:96px;right:16px;z-index:90;display:grid;gap:10px;width:min(380px,calc(100vw - 32px))}.knock-card{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;align-items:center;padding:14px;background:var(--surface);color:var(--text);border-radius:16px;box-shadow:var(--shadow-pop);border:1px solid var(--line);animation:pop-in .25s ease-out}.knock-ico{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--attention-soft);color:#b7791f}.knock-text{display:grid;min-width:0}.knock-text span{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knock-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px}.knock-more{text-align:right;color:var(--muted);font-size:13px}.modal-backdrop{position:fixed;inset:0;z-index:70;background:#0e101373;display:grid;place-items:center;padding:16px;animation:fade .15s;backdrop-filter:blur(2px)}.modal{position:relative;width:min(480px,100%);background:var(--surface);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-2);animation:pop-in .2s ease-out}.modal h2{margin-bottom:18px}.modal p.muted{margin:-8px 0 16px}.modal-close{position:absolute;top:14px;right:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px;flex-wrap:wrap}.share-box{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);margin-bottom:16px}.share-box code{flex:1;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:inherit;font-weight:600}@keyframes fade{0%{opacity:0}}@media(max-width:640px){.hide-phone{display:none!important}}.home{min-height:100%;display:flex;flex-direction:column;background:radial-gradient(900px 500px at 85% -10%,rgba(91,124,255,.14),transparent 60%),radial-gradient(700px 420px at -10% 110%,rgba(255,176,32,.14),transparent 60%),var(--bg)}.home-top{padding:22px clamp(16px,4vw,48px)}.home-main{flex:1;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,72px);align-items:center;width:min(1180px,100%);margin:0 auto;padding:24px clamp(16px,4vw,48px) 64px}.eyebrow{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);background:var(--accent-soft);padding:5px 10px;border-radius:999px;margin-bottom:18px}.home-hero h1{font-size:clamp(34px,5.4vw,60px);font-weight:800;letter-spacing:-.035em;line-height:1.02;max-width:12ch}.lead{margin-top:18px;font-size:clamp(16px,1.6vw,19px);color:var(--muted);max-width:44ch}.home-features{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:12px}.home-features li{display:flex;align-items:center;gap:12px;font-weight:600}.home-features li span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface);box-shadow:var(--shadow-1);color:var(--accent-strong);flex:none}.home-cards{display:grid;gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-1)}.card h2{margin-bottom:6px}.card .muted{margin-bottom:14px;font-size:14px}.card form .field:first-of-type{margin-top:14px}.card>.field:first-of-type{margin-top:14px}.input-row{display:flex;gap:8px}.input-row input{letter-spacing:.06em;font-weight:600}.input-row .btn{width:44px;height:44px;padding:0;border-radius:12px;flex:none}@media(max-width:860px){.home-main{grid-template-columns:1fr;padding-top:8px}.home-hero h1{max-width:16ch}}.page{min-height:100%}.page-top{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(16px,4vw,40px)}.page-top-right{display:flex;align-items:center;gap:8px}.name-chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-weight:650;font-size:14px}.name-chip:hover{border-color:var(--line-strong)}.page-main{width:min(1240px,100%);margin:0 auto;padding:8px clamp(16px,4vw,40px) 64px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:12px 0 22px}.page-head .muted{margin-top:6px}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.hint{margin:-6px 0 14px;padding:10px 14px;border-radius:12px;background:var(--accent-soft);color:var(--accent-strong);font-weight:600;font-size:14px}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.lesson-card{display:flex;flex-direction:column;gap:14px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);transition:border-color .15s,box-shadow .15s,transform .15s}.lesson-card:hover{border-color:var(--line-strong)}.lesson-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px #5b7cff2e,var(--shadow-1)}.lesson-card header{display:flex;gap:12px;align-items:center}.lc-title{flex:1;min-width:0}.lc-title h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.lc-title span{color:var(--muted);font-size:13.5px}.lc-check{position:relative;cursor:pointer}.lc-check input{position:absolute;opacity:0;inset:0;cursor:pointer}.lc-check span{width:26px;height:26px;border-radius:8px;border:1.5px solid var(--line-strong);display:grid;place-items:center;color:transparent;transition:all .15s}.lc-check input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}.lc-check input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.live-chip,.idle-chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:650;padding:4px 10px;border-radius:999px}.live-chip{background:#e5f7ee;color:#0c7a48}.live-chip svg{animation:pulse 1.6s ease-in-out infinite}.idle-chip{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}@keyframes pulse{50%{opacity:.35}}.lc-knock{display:flex;align-items:center;gap:8px;padding:10px 10px 10px 14px;border-radius:12px;background:var(--attention-soft);font-size:14px}.lc-knock span{flex:1}.lesson-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.lc-actions{display:flex;align-items:center;gap:6px}.empty{display:grid;justify-items:center;gap:10px;text-align:center;padding:64px 16px;background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius-lg)}.empty .btn{margin-top:8px}.prejoin-page{min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.prejoin-top{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(16px,4vw,40px)}.back-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:650;color:var(--muted)}.back-link:hover{color:var(--text)}.prejoin{flex:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:clamp(20px,4vw,56px);align-items:center;width:min(1180px,100%);margin:0 auto;padding:8px clamp(16px,4vw,40px) 48px}.preview-frame{position:relative;aspect-ratio:16 / 9;border-radius:24px;overflow:hidden;background:#1a1d22;box-shadow:var(--shadow-2)}.preview-frame video{width:100%;height:100%;object-fit:cover;display:block}.mirror{transform:scaleX(-1)}.preview-off{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;color:#c9cfd8}.preview-controls{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;gap:12px}.mic-meter{position:absolute;left:18px;top:18px;width:64px;height:6px;border-radius:3px;background:#ffffff2e;overflow:hidden}.mic-meter span{display:block;height:100%;background:#4ade80;transform-origin:left;transform:scaleX(0);transition:transform .06s linear}.prejoin-error{margin-top:12px;color:#b42318;background:var(--danger-soft);padding:10px 14px;border-radius:12px;font-size:14px;font-weight:600}.device-row{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.device-row select{flex:1 1 200px;height:40px;font-size:14px;border-radius:999px;background-color:var(--surface)}.prejoin-side{display:grid;gap:14px;align-content:center}.prejoin-side h1{font-size:clamp(26px,3.2vw,36px)}.prejoin-sub{color:var(--muted);display:grid;gap:10px;justify-items:start}.prejoin-sub strong{color:var(--text)}.prejoin-side .field{margin:0}.prejoin-side .btn-lg{justify-self:start}.prejoin-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.prejoin-list li{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--text)}.live-dot{font-size:12px;font-weight:700;color:#0c7a48;background:#e5f7ee;padding:2px 8px;border-radius:999px}@media(max-width:860px){.prejoin{grid-template-columns:1fr;align-content:start}.prejoin-side .btn-lg{justify-self:stretch}}.waiting{flex:1;display:grid;place-content:center;justify-items:center;gap:14px;text-align:center;padding:24px}.waiting h1{max-width:20ch}.waiting-pulse{width:92px;height:92px;border-radius:50%;background:var(--accent-soft);display:grid;place-items:center;position:relative;margin-bottom:10px}.waiting-pulse:before,.waiting-pulse:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--accent);opacity:0;animation:ripple 2.2s ease-out infinite}.waiting-pulse:after{animation-delay:1.1s}.waiting-pulse span{width:26px;height:26px;border-radius:50%;background:var(--accent)}@keyframes ripple{0%{transform:scale(.7);opacity:.7}to{transform:scale(1.7);opacity:0}}.room{position:fixed;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--d-bg);color:var(--d-text);color-scheme:dark}.room-console{position:absolute;inset:0;grid-template-rows:minmax(0,1fr) auto}.room-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;min-height:58px}.rt-left{display:flex;align-items:center;gap:12px;min-width:0}.rt-title{display:grid;min-width:0}.rt-title strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rt-title>span{display:flex;align-items:center;gap:10px;color:var(--d-muted);font-size:13px;font-variant-numeric:tabular-nums}.rt-right{display:flex;align-items:center;gap:8px}.rec-badge,.net-badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;font-size:12.5px;font-weight:650;background:var(--d-raise);color:var(--d-muted);border:1px solid var(--d-line);white-space:nowrap}.rec-badge.on{color:#ffb4ad;border-color:#f0443859;background:#f044381a}.rec-badge.on svg{color:var(--danger);animation:pulse 1.8s ease-in-out infinite}.net-badge{color:#fcd34d}.room-body{position:relative;display:flex;gap:10px;padding:0 10px;min-height:0}.room-stage{position:relative;flex:1;min-width:0;border-radius:18px;overflow:hidden;background:var(--paper);isolation:isolate}.room-stage.stage-gallery,.room-stage.stage-screen{background:var(--d-panel)}.stage-pill{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:20;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;border:0;font-weight:650;font-size:13.5px;background:var(--attention);color:#3b2a05;box-shadow:var(--shadow-pop);animation:pop-in .2s;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-pill-share{background:var(--d-text);color:var(--d-bg);top:auto;bottom:14px}.stage-banner{position:absolute;top:12px;right:12px;z-index:20;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#0e1013d9;color:#fff;font-size:13px;font-weight:600}.audio-unlock{position:absolute;inset:auto 50% 50% auto;transform:translate(50%,50%);z-index:30;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 22px;border:0;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;box-shadow:var(--shadow-pop)}.tiles-toggle{position:absolute;right:10px;top:10px;z-index:15;width:32px;height:32px;border-radius:10px;border:1px solid var(--line);background:#ffffffeb;color:#3a404a;display:grid;place-items:center;box-shadow:var(--shadow-1)}.tiles-toggle.closed svg{transform:scaleX(-1)}.stage-gallery .tiles-toggle,.stage-screen .tiles-toggle{background:var(--d-raise);color:var(--d-text);border-color:var(--d-line)}.room-tiles{width:236px;flex:none;display:flex;flex-direction:column;gap:10px;overflow-y:auto;scrollbar-width:thin}.tile{position:relative;aspect-ratio:16 / 10;border-radius:14px;overflow:hidden;background:var(--d-panel-2);flex:none}.tile video{width:100%;height:100%;object-fit:cover;display:block}.tile:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 0 transparent;transition:box-shadow .15s}.tile.speaking:after{box-shadow:inset 0 0 0 3px var(--accent)}.tile.hand:after{box-shadow:inset 0 0 0 3px var(--attention)}.tile-avatar{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#262b33,#191c21)}.tile-avatar span{width:30%;max-width:88px;min-width:44px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:750;font-size:clamp(15px,2.2vw,28px)}.tile-meta{position:absolute;left:8px;bottom:8px;right:8px;display:flex;align-items:center;gap:6px}.tile-name{font-size:12.5px;font-weight:650;padding:3px 8px;border-radius:8px;background:#0a0c0f9e;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;backdrop-filter:blur(4px)}.tile-role{font-size:11px;font-weight:700;padding:3px 7px;border-radius:8px;background:#5b7cffd9;color:#fff}.tile-muted{flex:none;color:#fff;background:var(--danger);border-radius:50%;padding:4px;width:22px;height:22px}.tile-hand{position:absolute;top:8px;left:8px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--attention);color:#3b2a05;animation:wave 1.2s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(10deg)}}.tile-poor{position:absolute;top:8px;right:8px;color:#fcd34d;background:#0a0c0f99;border-radius:8px;padding:4px 6px;display:grid}.tile-wait{display:grid;place-items:center;text-align:center;padding:14px;color:var(--d-muted);font-size:13px;border:1.5px dashed var(--d-line);background:transparent}.gallery{height:100%;padding:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));align-content:center;overflow:auto}.gallery .tile{aspect-ratio:16 / 9;width:100%;max-height:calc(100dvh - 190px)}.gallery.n-1{grid-template-columns:minmax(0,1100px);justify-content:center}.gallery.n-2{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-view{position:absolute;inset:0;display:grid;place-items:center;background:#0b0c0f}.screen-view video{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.screen-label{position:absolute;left:12px;bottom:12px;padding:5px 10px;border-radius:8px;background:#0a0c0fb3;font-size:13px;font-weight:600}.controlbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 16px;min-height:76px}.cb-center{display:flex;align-items:center;gap:10px}.cb-side{display:flex;align-items:center;gap:10px;min-width:0}.cb-right{justify-content:flex-end}.cb-sep{width:1px;height:26px;background:var(--d-line);margin:0 2px}.cb-lesson{font-weight:650;font-size:14px;color:var(--d-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctl{position:relative;width:48px;height:48px;border-radius:50%;border:0;display:grid;place-items:center;flex:none;background:var(--d-raise);color:var(--d-text);transition:background .15s,color .15s,transform .08s}.ctl:hover{background:#303640}.ctl:active{transform:scale(.96)}.ctl.on{background:#dfe6ff;color:#1d2c6b}.ctl.off{background:var(--danger);color:#fff}.ctl.off:hover{background:#d92d20}.ctl.hand-on{background:var(--attention);color:#3b2a05}.ctl-leave{width:64px;border-radius:999px;background:var(--danger);color:#fff}.ctl-leave:hover{background:#d92d20}.ctl-badge{position:absolute;top:-2px;right:-2px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--attention);color:#3b2a05;font-size:11px;font-weight:800;display:grid;place-items:center;border:2px solid var(--d-bg)}.preview-controls .ctl{background:#fff3;color:#fff;backdrop-filter:blur(6px)}.preview-controls .ctl.off{background:var(--danger)}.room-panel{width:340px;flex:none;display:flex;flex-direction:column;background:var(--d-panel);border-radius:18px;overflow:hidden;border:1px solid var(--d-line);animation:slide-in .18s ease-out}@keyframes slide-in{0%{opacity:0;transform:translate(12px)}}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 12px 10px 18px}.panel-head h2{font-size:16px}.panel-section{padding:6px 16px 14px}.panel-section h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--d-muted);margin:6px 0 10px}.panel-empty{color:var(--d-muted);font-size:13.5px;text-align:center;padding:18px 8px}.room-panel .field>span{color:var(--d-muted)}.room-panel select,.room-panel input:not([type=range]){background-color:var(--d-panel-2);border-color:var(--d-line);color:var(--d-text)}.chat-list{flex:1;overflow-y:auto;padding:4px 16px 12px;display:flex;flex-direction:column;gap:12px}.chat-msg{max-width:88%;align-self:flex-start}.chat-msg.mine{align-self:flex-end;text-align:right}.chat-meta{display:flex;gap:8px;font-size:12px;color:var(--d-muted);margin-bottom:3px}.chat-msg.mine .chat-meta{justify-content:flex-end}.chat-meta strong{color:var(--d-text);font-weight:650}.chat-msg p{display:inline-block;padding:9px 13px;border-radius:16px 16px 16px 6px;background:var(--d-raise);font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left}.chat-msg.mine p{background:var(--accent);color:#fff;border-radius:16px 16px 6px}.chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--d-line)}.chat-form input{height:42px;border-radius:999px!important}.chat-form .icon-btn{width:42px;height:42px;border-radius:50%}.people{list-style:none;padding:0;margin:0;display:grid;gap:4px}.person{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px}.person:hover{background:var(--d-panel-2)}.person.knock{background:#ffb0201f}.person-name{flex:1;min-width:0;display:grid}.person-name strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-name span{color:var(--d-muted);font-size:12.5px}.person-hand{color:var(--attention)}.muted-ico{color:var(--d-muted)}.muted-ico.off{color:var(--danger)}.room-overlay{position:absolute;inset:0;z-index:40;display:grid;place-items:center;background:#0e1013b3;backdrop-filter:blur(3px);padding:16px}.overlay-card{width:min(420px,100%);display:grid;justify-items:center;gap:10px;text-align:center;padding:28px;border-radius:20px;background:var(--d-panel);border:1px solid var(--d-line)}.overlay-card p{color:var(--d-muted)}.overlay-card .row{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap;justify-content:center}.overlay-card .btn-ghost{color:var(--d-text);border-color:var(--d-line)}@media(max-width:1100px){.room-tiles{width:188px}.room-panel{position:absolute;right:10px;top:0;bottom:0;z-index:35;width:min(360px,calc(100% - 20px));box-shadow:var(--shadow-2)}}@media(max-width:760px){.room-top{min-height:50px;padding:8px 12px}.room-top .logo-mark{display:none}.room-body{padding:0 6px}.room-stage{border-radius:14px}.room-tiles{position:absolute;top:8px;right:14px;z-index:12;width:104px;max-height:50%;gap:6px;pointer-events:auto}.room-tiles .tile{aspect-ratio:3 / 4;border-radius:12px;box-shadow:var(--shadow-pop)}.room-tiles .tile-wait{display:none}.tiles-toggle{right:124px}.tiles-toggle.closed{right:10px}.room-panel{inset:0 6px;width:auto}.controlbar{grid-template-columns:1fr;padding:8px 6px calc(8px + env(safe-area-inset-bottom));min-height:64px}.cb-side{display:none}.cb-center{justify-content:center;gap:6px;overflow-x:auto;scrollbar-width:none}.cb-sep{display:none}.ctl{width:44px;height:44px}.ctl-leave{width:54px}.gallery.n-2{grid-template-columns:1fr}.toasts{top:54px}.room-tiles .tile-role{display:none}.cb-center{justify-content:safe center}}.board{position:absolute;inset:0;background:var(--paper);overflow:hidden;color:#1d2433;color-scheme:light;touch-action:none;user-select:none;-webkit-user-select:none}.board-svg{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:default}.board[data-tool=pen] .board-svg,.board[data-tool=marker] .board-svg{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='3' fill='%231d2433' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") 11 11,crosshair}.board[data-tool=eraser] .board-svg{cursor:none}.board[data-tool=hand] .board-svg{cursor:grab}.board[data-tool=hand] .board-svg:active{cursor:grabbing}.board[data-tool=shape] .board-svg,.board[data-tool=line] .board-svg,.board[data-tool=arrow] .board-svg,.board[data-tool=sticky] .board-svg{cursor:crosshair}.board[data-tool=text] .board-svg{cursor:text}.obj-label{width:100%;height:100%;display:flex;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font);line-height:1.25;font-weight:550}.marquee{fill:#5b7cff14;stroke:var(--accent);stroke-width:1;stroke-dasharray:4 3}.sel-box{fill:none;stroke:var(--accent);stroke-width:1.5}.sel-handle{fill:#fff;stroke:var(--accent);stroke-width:1.5;cursor:pointer}.h-n,.h-s{cursor:ns-resize}.h-e,.h-w{cursor:ew-resize}.h-nw,.h-se{cursor:nwse-resize}.h-ne,.h-sw{cursor:nesw-resize}.eraser-cursor{fill:#fff9;stroke:#1d2433;stroke-width:1.2;pointer-events:none}.board-toolbar-wrap{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;gap:10px}.board-toolbar{display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:16px;background:#fff;box-shadow:0 1px 2px #14161a14,0 8px 28px #14161a1f;border:1px solid #ebe8e1}.tool-btn{position:relative;width:40px;height:40px;border-radius:11px;border:0;background:transparent;color:#3a404a;display:grid;place-items:center;transition:background .12s,color .12s}.tool-btn:hover:not(:disabled){background:#f1efe9}.tool-btn.active{background:var(--accent-soft);color:var(--accent-strong)}.tool-btn:disabled{opacity:.3}.tool-sep{height:1px;background:#ebe8e1;margin:4px 6px}.tool-shape{position:relative}.tool-caret{position:absolute;right:5px;bottom:5px;width:0;height:0;border-left:4px solid transparent;border-top:4px solid currentColor;opacity:.55;transform:rotate(0)}.tool-flyout{position:absolute;left:calc(100% + 10px);top:-6px;display:flex;gap:2px;padding:6px;background:#fff;border-radius:14px;box-shadow:var(--shadow-pop);border:1px solid #ebe8e1}.tool-props{display:flex;flex-direction:column;gap:10px;padding:10px 8px;background:#fff;border-radius:16px;box-shadow:0 8px 28px #14161a1f;border:1px solid #ebe8e1}.swatches{display:grid;grid-template-columns:repeat(2,24px);gap:7px}.swatch{width:24px;height:24px;border-radius:50%;border:1.5px solid rgba(20,22,26,.12);padding:0;transition:transform .1s}.swatch:hover{transform:scale(1.1)}.swatch.active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent)}.swatch-sticky{border-radius:6px}.sizes{display:flex;flex-direction:column;gap:4px;align-items:center}.size-btn{width:36px;height:30px;border-radius:9px;border:0;background:transparent;display:grid;place-items:center}.size-btn:hover{background:#f1efe9}.size-btn.active{background:var(--accent-soft)}.size-btn span{display:block;border-radius:50%}.sel-toolbar{position:absolute;z-index:12;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:6px 8px;background:#fff;border-radius:14px;box-shadow:var(--shadow-pop);border:1px solid #ebe8e1;color:#3a404a;animation:pop-in .12s}.sel-toolbar .swatches{display:flex;gap:5px;padding:0 4px}.sel-toolbar .swatch{width:20px;height:20px}.tb-sep{width:1px;height:22px;background:#ebe8e1;margin:0 4px}.board-zoom{position:absolute;left:12px;bottom:12px;z-index:10;display:flex;align-items:center;gap:2px;padding:4px;border-radius:12px;background:#fff;color:#3a404a;border:1px solid #ebe8e1;box-shadow:0 6px 20px #14161a1a}.board-zoom .icon-btn{width:32px;height:32px}.zoom-pct{min-width:54px;height:32px;border:0;background:transparent;border-radius:8px;font-size:13px;font-weight:650;font-variant-numeric:tabular-nums;color:#3a404a}.zoom-pct:hover{background:#f1efe9}.board-people{position:absolute;right:52px;top:10px;z-index:10;display:flex;gap:4px}.board-people .avatar{box-shadow:0 0 0 2px #fff,var(--shadow-1)}.cursors{position:absolute;inset:0;pointer-events:none;z-index:9;overflow:hidden}.cursor{position:absolute;left:0;top:0;transition:transform .08s linear;will-change:transform}.cursor svg{display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.cursor span{position:absolute;left:14px;top:14px;padding:2px 8px;border-radius:8px;background:var(--c);color:#fff;font-size:12px;font-weight:650;white-space:nowrap}.text-editor{position:absolute;z-index:11;margin:0;padding:0;border:0;resize:none;overflow:hidden;outline:2px solid var(--accent);outline-offset:2px;border-radius:4px;background:#fff9;font-family:var(--font);font-weight:550;line-height:1.3;color:#1d2433;height:auto;min-height:24px}.text-editor.is-sticky{border-radius:6px;text-align:center;line-height:1.25;color:#1d2433;outline-offset:0}.text-editor.is-shape{text-align:center;background:#fff6;line-height:1.25}.mini-board{position:relative;width:100%;height:100%;background:var(--paper);overflow:hidden}.mini-board svg{display:block}.mini-empty{position:absolute;inset:0;display:grid;place-items:center;color:#9aa3b0;font-size:13px;font-weight:600}@media(max-width:760px){.board-toolbar-wrap{left:50%;top:auto;bottom:10px;transform:translate(-50%);flex-direction:column-reverse;align-items:center;max-width:calc(100% - 20px)}.board-toolbar{flex-direction:row;overflow-x:auto;scrollbar-width:none;max-width:100%;padding:4px}.tool-btn{width:38px;height:38px}.tool-sep{width:1px;height:auto;margin:6px 3px}.tool-flyout{left:0;top:auto;bottom:calc(100% + 8px)}.tool-props{flex-direction:row;padding:6px 10px}.swatches{grid-template-columns:repeat(8,22px);gap:6px}.swatch{width:22px;height:22px}.sizes{flex-direction:row}.board-zoom{top:8px;bottom:auto;left:8px}.board-zoom .tb-sep,.board-zoom .zoom-pct,.board-people{display:none}}.console{position:fixed;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--d-bg);color:var(--d-text);color-scheme:dark}.console-top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 14px;min-height:58px}.ct-left,.ct-right{display:flex;align-items:center;gap:10px;min-width:0}.ct-left strong{font-size:16px}.ct-left .muted,.console .muted{color:var(--d-muted)}.ct-right{justify-content:flex-end}.seg{display:inline-flex;padding:3px;border-radius:12px;background:var(--d-panel-2);border:1px solid var(--d-line)}.seg button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--d-muted);font-weight:650;font-size:13.5px}.seg button.active{background:var(--d-raise);color:var(--d-text);box-shadow:0 1px 2px #0000004d}.vol{display:inline-flex;align-items:center;gap:8px;color:var(--d-muted);font-size:12.5px;font-weight:650;font-variant-numeric:tabular-nums}.vol input{width:90px}.vol span{width:32px}.add-wrap{position:relative}.add-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:50;width:320px;max-height:70vh;overflow-y:auto;padding:10px;border-radius:16px;background:var(--d-panel);border:1px solid var(--d-line);box-shadow:var(--shadow-2);display:grid;gap:4px}.add-menu-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 6px 8px}.add-item{display:grid;text-align:left;padding:10px 12px;border-radius:12px;border:0;background:transparent}.add-item:hover{background:var(--d-panel-2)}.add-item span{color:var(--d-muted);font-size:12.5px}.add-new{display:flex;gap:6px;padding-top:8px;margin-top:4px;border-top:1px solid var(--d-line)}.add-new input{height:34px!important;font-size:13.5px;background:var(--d-panel-2)!important;border-color:var(--d-line)!important;color:var(--d-text)}.console-body{display:flex;min-height:0;gap:10px;padding:0 10px}.console-rail{width:224px;flex:none;display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-bottom:10px;scrollbar-width:thin}.console-main{position:relative;flex:1;min-width:0}.cc{position:relative;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:16px;cursor:pointer;background:var(--d-panel);border:1.5px solid var(--d-line);transition:border-color .15s,background .15s,box-shadow .2s;outline:none}.cc:hover{background:var(--d-panel-2)}.cc:focus-visible{border-color:var(--accent)}.cc.focused{border-color:var(--accent);background:#1a2030}.cc.speaking{box-shadow:0 0 0 3px #5b7cff59}.cc.hand{border-color:var(--attention);box-shadow:0 0 0 4px #ffb02038;animation:hand-glow 1.6s ease-in-out infinite}@keyframes hand-glow{50%{box-shadow:0 0 0 7px #ffb02014}}.cc.loading{display:grid;place-items:center;min-height:130px;color:var(--d-muted);cursor:default}.cc.loading .cc-head{align-self:start;width:100%}.cc-head{display:flex;align-items:center;gap:8px;min-width:0}.cc-head kbd{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:var(--d-raise);color:var(--d-muted);font-size:12px;font-weight:750;flex:none}.cc.focused .cc-head kbd{background:var(--accent);color:#fff}.cc-title{flex:1;min-width:0;display:grid;line-height:1.25}.cc-title strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-title span{color:var(--d-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-x{width:26px;height:26px;color:var(--d-muted);opacity:0}.cc:hover .cc-x,.cc:focus-within .cc-x{opacity:1}.cc-video .tile{width:100%;border-radius:12px}.cc-empty{aspect-ratio:16 / 10;border-radius:12px;border:1.5px dashed var(--d-line);display:grid;place-items:center}.cc-foot{display:flex;align-items:center;gap:6px;min-height:22px}.cc-status{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:650;color:var(--d-muted);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-status.s-hand{color:var(--attention)}.cc-status.s-speak{color:#a9b9ff}.cc-status.s-write{color:#86efac}.cc-chat{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--attention);color:#3b2a05}.cc-here{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:#a9b9ff}.cc-knock{display:flex;align-items:center;gap:6px;padding:6px 6px 6px 10px;border-radius:10px;background:#ffb02024;font-size:12.5px;font-weight:650;cursor:default}.cc-knock span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-knock .btn-ghost{color:var(--d-text);border-color:var(--d-line)}.console-grid{display:grid;gap:12px;padding:0 12px 12px;min-height:0;overflow:auto;grid-auto-rows:minmax(260px,1fr)}.console-grid.n-1{grid-template-columns:1fr}.console-grid.n-2,.console-grid.n-3,.console-grid.n-4{grid-template-columns:repeat(2,minmax(0,1fr))}.console-grid.n-5,.console-grid.n-6{grid-template-columns:repeat(3,minmax(0,1fr))}.cc.big{padding:10px}.cc-board{position:relative;flex:1;min-height:0;border-radius:12px;overflow:hidden}.cc-pip{position:absolute;right:8px;bottom:8px;width:28%;min-width:120px;max-width:220px}.cc-pip .tile{box-shadow:var(--shadow-pop)}@media(max-width:1000px){.console-top{grid-template-columns:1fr auto}.ct-center{grid-row:2;grid-column:1 / -1;justify-self:center}.vol{display:none}.console-grid.n-3,.console-grid.n-4,.console-grid.n-5,.console-grid.n-6{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.console-body{flex-direction:column;padding:0 6px}.console-rail{width:auto;flex-direction:row;overflow-x:auto;padding-bottom:0}.console-rail .cc{width:190px;flex:none}.console-rail .cc-video{display:none}.console-grid{grid-template-columns:1fr!important}}