@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/vazirmatn-arabic-wght-normal-Cafbb7Zc.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/vazirmatn-latin-ext-wght-normal-tDTa1Fj6.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:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/vazirmatn-latin-wght-normal-BFexNX-K.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-0:#0b1220;--bg-1:#13213d;--bg-gradient:radial-gradient(120% 90% at 50% 0%, #1d3461 0%, #13213d 45%, #0b1220 100%);--surface:#ffffff0f;--surface-strong:#ffffff1a;--surface-solid:#18264a;--line:#ffffff1a;--line-strong:#ffffff2e;--text:#f3f6fc;--muted:#9aa8c3;--faint:#6f7d99;--accent:#3b82f6;--accent-strong:#2563eb;--accent-soft:#3b82f62e;--danger:#ef4458;--danger-soft:#ef445829;--warn:#f5b301;--warn-soft:#f5b30129;--success:#22c55e;--success-soft:#22c55e29;--tile-bg:#0f1a33;--radius-tile:20px;--radius-panel:22px;--radius-control:16px;--shadow:0 18px 50px #00000059;--blur:blur(18px);--gap:16px;--bar-h:84px;font-feature-settings:"ss01";color:var(--text);background:var(--bg-0);-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Vazirmatn Variable,Vazirmatn,Tahoma,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg-gradient);background-color:var(--bg-0);min-height:100dvh}button,input,select{font:inherit;color:inherit}h1,h2,h3,p{margin:0}code{word-break:break-all;font-family:ui-monospace,Consolas,monospace;font-size:.82em}svg{flex-shrink:0}.flip-rtl{transform:scaleX(-1)}.muted{color:var(--muted)}.error{color:#ff8b98;font-weight:600}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.92rem;font-weight:600;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-strong);border-color:var(--line-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff;border-color:#0000;box-shadow:0 8px 24px #3b82f659}.btn--primary:hover:not(:disabled){background:var(--accent-strong);border-color:#0000}.btn--danger{background:var(--danger);color:#fff;border-color:#0000}.btn--danger:hover:not(:disabled){background:#dc2f45;border-color:#0000}.btn--danger-outline{color:#ff8b98;background:var(--danger-soft);border-color:#ef445880}.btn--active{background:var(--accent-soft);color:#cfe0ff;border-color:#3b82f699}.btn--ghost{background:0 0;border-color:#0000}.btn--block{width:100%;min-height:50px;font-size:1rem}.btn--sm{border-radius:10px;min-height:32px;padding:4px 10px;font-size:.8rem}.ctl{cursor:pointer;color:var(--muted);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;font-size:.72rem;display:inline-flex;position:relative}.ctl__face{border-radius:var(--radius-control);background:var(--surface-strong);border:1px solid var(--line);width:50px;height:50px;color:var(--text);place-items:center;transition:background .15s,border-color .15s,transform .1s;display:grid}.ctl:hover:not(:disabled) .ctl__face{background:#ffffff29}.ctl:active:not(:disabled) .ctl__face{transform:scale(.96)}.ctl:disabled{cursor:not-allowed;opacity:.45}.ctl--on .ctl__face{background:var(--accent);color:#fff;border-color:#0000}.ctl--off .ctl__face{color:#0b1220;background:#fff;border-color:#0000}.ctl--warn .ctl__face{background:var(--warn);color:#1b1300;border-color:#0000}.ctl--danger .ctl__face{background:var(--danger);color:#fff;border-color:#0000}.ctl__badge{top:-4px;background:var(--danger);color:#fff;border:2px solid var(--bg-0);border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.7rem;font-weight:800;display:grid;position:absolute;inset-inline-end:-4px}.pill{background:var(--surface);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:.82rem;display:inline-flex}.pill--live{color:#86efac;background:var(--success-soft);border-color:#22c55e59}.pill--wait{color:#fcd34d;background:var(--warn-soft);border-color:#f5b30159}.pill--rec{color:#fff;background:var(--danger);border-color:#0000;font-weight:700}.pill--good{color:#86efac}.pill--poor{color:#fca5a5}.dot{background:currentColor;border-radius:50%;width:8px;height:8px;display:inline-block}.dot--pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.brand{align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand__mark{color:#fff;background:linear-gradient(135deg,#60a5fa,#2563eb);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 6px 18px #2563eb73}.brand__text{min-width:0;line-height:1.25;display:grid}.brand__text strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.brand__text small{color:var(--muted);font-size:.78rem;font-weight:500}.join{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.join__card{width:min(460px,100%);-webkit-backdrop-filter:var(--blur);border:1px solid var(--line);box-shadow:var(--shadow);background:#13213db8;border-radius:28px;gap:16px;padding:28px;display:grid}.join__card h1{font-size:1.35rem;line-height:1.5}.join__card--wide{width:min(940px,100%)}.join__icon{background:var(--accent-soft);color:#93c5fd;border-radius:18px;place-items:center;width:56px;height:56px;display:grid}.join__icon--danger{background:var(--danger-soft);color:#fca5a5}.join__icon--success{background:var(--success-soft);color:#86efac}.join__foot{color:var(--faint);text-align:center;font-size:.78rem}.prejoin{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.prejoin__media{gap:12px;display:grid}.prejoin__preview{aspect-ratio:16/10;background:var(--tile-bg);border-radius:var(--radius-tile);border:1px solid var(--line);position:relative;overflow:hidden}.prejoin__preview video{object-fit:cover;width:100%;height:100%;display:block}.prejoin__preview video.mirror{transform:scaleX(-1)}.prejoin__nocam{color:var(--muted);align-content:center;place-items:center;gap:10px;display:grid;position:absolute;inset:0}.prejoin__toggles{bottom:12px;justify-content:center;gap:10px;display:flex;position:absolute;inset-inline:0}.prejoin__settings{align-content:start;gap:14px;display:grid}.prejoin__who{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.field{gap:6px;font-size:.9rem;font-weight:600;display:grid}.field select,.field input,select.select{border:1px solid var(--line);background:var(--surface-solid);color:var(--text);border-radius:12px;padding:10px 12px}.switch{cursor:pointer;align-items:center;gap:10px;font-size:.9rem;line-height:1.6;display:flex}.switch input{appearance:none;background:var(--surface-strong);border:1px solid var(--line-strong);cursor:pointer;border-radius:999px;flex:none;width:40px;height:24px;transition:background .15s;position:relative}.switch input:after{content:"";top:2px;background:#fff;border-radius:50%;width:18px;height:18px;transition:inset-inline-start .15s;position:absolute;inset-inline-start:2px}.switch input:checked{background:var(--accent);border-color:#0000}.switch input:checked:after{inset-inline-start:18px}.meter{background:var(--surface-strong);border-radius:999px;height:6px;overflow:hidden}.meter__bar{background:linear-gradient(90deg,#22c55e,#86efac);height:100%;transition:width 80ms linear}.meter-row{color:var(--muted);align-items:center;gap:10px;font-size:.85rem;display:flex}.meter-row .meter{flex:1}.spinner{border:4px solid var(--surface-strong);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;margin:6px auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.help{background:var(--warn-soft);color:#fde68a;border:1px solid #f5b3014d;border-radius:16px;gap:10px;padding:14px 16px;font-size:.88rem;line-height:1.8;display:grid}.help__title{color:#fcd34d;align-items:center;gap:8px;font-weight:800;display:flex}.help ul{margin:0;padding-inline-start:20px}.classroom{gap:var(--gap);min-height:100dvh;padding:14px 20px calc(var(--bar-h) + 24px);grid-template-rows:auto 1fr;max-width:1680px;margin:0 auto;display:grid}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;min-height:48px;display:flex}.topbar__status{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.topbar__speaking{color:var(--text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;max-width:28ch;font-size:.86rem;display:inline-flex;overflow:hidden}.classroom__body{gap:var(--gap);grid-template-columns:minmax(0,1fr) 360px;align-items:start;min-height:0;display:grid}.classroom__body--solo{grid-template-columns:minmax(0,1fr)}.classroom__main{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.banner{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px;font-weight:700;display:flex}.banner--warn{background:var(--danger-soft);color:#fecaca;cursor:default;border:1px solid #ef445866;justify-content:flex-start}.stage{grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:12px;display:grid}.stage--single{grid-template-columns:1fr}.stage__main{min-width:0}.stage__side{flex-direction:column;gap:12px;min-width:0;display:flex}.stage__waiting{aspect-ratio:16/9;background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius-tile);color:var(--muted);text-align:center;align-content:center;place-items:center;gap:12px;padding:16px;display:grid}.stage__waiting svg{color:#93c5fd}.tile{background:var(--tile-bg);border-radius:var(--radius-tile);aspect-ratio:16/9;border:1px solid var(--line);margin:0;transition:box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000040}.tile video{object-fit:cover;width:100%;height:100%;display:block}.tile video.mirror{transform:scaleX(-1)}.tile--large{border-color:#3b82f673}.tile--large video{object-fit:contain;background:#050a14}.tile--clickable{cursor:pointer}.tile--clickable:hover{border-color:#3b82f6b3}.tile--speaking{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), 0 0 28px #3b82f673}.tile__empty{background:radial-gradient(circle at 50% 40%, #22386a, var(--tile-bg) 70%);place-items:center;width:100%;height:100%;display:grid}.tile__avatar{aspect-ratio:2/1.1;border:1px solid var(--line);color:#fff;letter-spacing:.02em;background:#ffffff1a;border-radius:999px;place-items:center;min-width:38%;max-width:70%;font-size:clamp(1.1rem,4vw,2.6rem);font-weight:800;display:grid}.tile__label{inset-inline:0;text-shadow:0 1px 2px #0009;background:linear-gradient(#0000,#050a14bf);justify-content:center;align-items:center;gap:8px;padding:22px 10px 9px;font-size:.85rem;font-weight:600;display:flex;position:absolute;bottom:0}.tile__hint{color:#93c5fd;font-size:.75rem;font-weight:500;display:none}.tile--clickable:hover .tile__hint,.tile--clickable:focus-visible .tile__hint{display:inline}.tile__badges{top:10px;gap:6px;display:flex;position:absolute;inset-inline-start:10px}.badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#050a1499;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.badge--hand{background:var(--warn);color:#1b1300}.badge--mic{background:var(--success);color:#04220f}.badge--muted{color:#fca5a5;background:#050a1499}.tile__menu{top:10px;position:absolute;inset-inline-end:10px}.tile__menu-btn{color:#fff;cursor:pointer;background:#050a1499;border:none;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.tile__menu-btn:hover{background:#050a14d9}.tile--student{aspect-ratio:4/3}.menu{top:36px;z-index:20;color:#111827;background:#fff;border-radius:14px;min-width:190px;padding:6px;display:grid;position:absolute;inset-inline-end:0;box-shadow:0 16px 40px #00000059}.menu__item{cursor:pointer;text-align:start;color:#111827;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:.86rem;font-weight:600;display:flex}.menu__item:hover{background:#f1f4f9}.menu__item svg{color:var(--accent)}.menu__item--danger,.menu__item--danger svg{color:#dc2626}.deck{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);align-content:start;gap:12px;padding:14px 16px;display:grid}.card__title{color:var(--muted);align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.card__title svg{color:#93c5fd}.controls__group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.controls__label{color:var(--muted);font-size:.85rem}.segmented{border:1px solid var(--line);background:#00000040;border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.segmented .btn{background:0 0;border-color:#0000;border-radius:10px;min-height:36px}.segmented .btn--active{background:var(--accent);color:#fff}.hands{gap:8px;display:grid}.hands__item{background:var(--warn-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.hands__name{align-items:center;gap:8px;font-weight:600;display:inline-flex}.qr-panel{gap:10px;display:grid}.qr-panel__code{background:#0003;border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px;padding:12px;display:flex}.qr-panel__code img{background:#fff;border-radius:12px;width:170px;height:170px;padding:6px}.qr-panel__code p{max-width:34ch;margin:0 0 6px;font-size:.88rem;line-height:1.8}.qr-panel__url{color:var(--faint);max-width:40ch;margin-bottom:6px;font-size:.7rem;display:block}.students{gap:10px;display:grid}.students__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.students__head h2{color:var(--muted);align-items:center;gap:8px;font-size:.92rem;font-weight:700;display:flex}.students__count{background:var(--surface-strong);color:var(--text);border-radius:999px;padding:1px 9px;font-size:.78rem}.pager{color:var(--muted);align-items:center;gap:6px;font-size:.85rem;display:flex}.students__list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.students--grid .students__list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.students__empty{border-radius:var(--radius-tile);background:var(--surface);border:1px dashed var(--line);color:var(--muted);text-align:center;padding:18px;font-size:.88rem}.side{height:calc(100dvh - var(--bar-h) - 54px);min-height:380px;position:sticky;top:14px}.chat{height:100%;-webkit-backdrop-filter:var(--blur);border:1px solid var(--line);border-radius:var(--radius-panel);background:#13213d8c;flex-direction:column;gap:12px;padding:16px;display:flex}.chat__head{justify-content:space-between;align-items:center;display:flex}.chat__head h2{align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.chat__list{flex:1;align-content:start;gap:14px;min-height:120px;margin:0;padding:0 2px;list-style:none;display:grid;overflow-y:auto}.chat__empty{color:var(--faint);text-align:center;justify-items:center;gap:8px;margin-top:30%;font-size:.88rem;display:grid}.chat__msg{overflow-wrap:anywhere;gap:3px;line-height:1.7;display:grid}.chat__meta{color:var(--muted);justify-content:space-between;gap:8px;font-size:.8rem;display:flex}.chat__from{color:var(--text);font-weight:700}.chat__msg--teacher .chat__from{color:#93c5fd}.chat__role{color:#93c5fd;background:var(--accent-soft);border-radius:6px;margin-inline-start:6px;padding:0 6px;font-size:.7rem;font-weight:600}.chat__text{font-size:.92rem}.chat__msg--mine .chat__text{color:#dbe7ff}.chat__form{border:1px solid var(--line);background:#00000040;border-radius:16px;align-items:center;gap:8px;padding:6px;padding-inline-start:14px;display:flex}.chat__form input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:8px 0}.chat__form input::placeholder{color:var(--faint)}.chat__send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.chat__send:disabled{background:var(--surface-strong);color:var(--faint);cursor:not-allowed}.chat__send svg{transform:scaleX(-1)}.controlbar{inset-inline:0;z-index:30;padding:12px max(20px, env(safe-area-inset-left)) max(14px, env(safe-area-inset-bottom));background:linear-gradient(#0b122000,#0b1220f5 40%);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid;position:fixed;bottom:0}.controlbar__group{align-items:flex-end;gap:14px;display:flex}.controlbar__group--start{justify-content:flex-start}.controlbar__group--center{justify-content:center}.controlbar__group--end{justify-content:flex-end}.confirm{background:var(--danger-soft);border:1px solid #ef445866;border-radius:16px;align-items:center;gap:8px;padding:6px;display:inline-flex}.camera-device{background:#000;display:grid;position:fixed;inset:0}.camera-device .tile{aspect-ratio:auto;height:100dvh;box-shadow:none;border:none;border-radius:0}.camera-device .tile video{object-fit:cover}.camera-device .tile__label{display:none}.camera-device__top{top:0;padding:max(14px, env(safe-area-inset-top)) 16px 30px;background:linear-gradient(#050a14cc,#0000);justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;inset-inline:0}.camera-device__bottom{bottom:0;padding:40px 16px max(18px, env(safe-area-inset-bottom));text-align:center;background:linear-gradient(#0000,#050a14d9);justify-items:center;gap:12px;display:grid;position:absolute;inset-inline:0}.camera-device__bottom p{color:#cbd5e1;max-width:40ch;font-size:.82rem;line-height:1.7}.recording{background:var(--bg-gradient), var(--bg-0);cursor:none;padding:12px;position:fixed;inset:0;overflow:hidden}.recording .stage,.recording .stage__main,.recording .stage__side{height:100%}.recording .tile{box-shadow:none}.recording .tile--large{aspect-ratio:auto;height:100%}.recording .stage__side .tile{aspect-ratio:auto;flex:1}.recording--error{color:#fff;padding:20px}@media (width<=1100px){.classroom__body{grid-template-columns:minmax(0,1fr)}.side{z-index:25;inset-inline:10px;bottom:calc(var(--bar-h) + 6px);height:min(62dvh,560px);min-height:0;position:fixed;top:auto}.chat{box-shadow:var(--shadow);background:#13213df0}.side--closed{display:none}}@media (width>=1101px){.side--closed{display:none}}@media (width<=760px){:root{--gap:12px;--bar-h:78px}.classroom{padding:10px 10px calc(var(--bar-h) + 16px)}.topbar__speaking,.pill--hide-sm{display:none}.stage{grid-template-columns:1fr}.stage__side{flex-direction:row}.stage__side .tile{flex:0 calc(50% - 6px)}.students__list{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.tile{border-radius:16px}.prejoin{grid-template-columns:1fr}.join__card{border-radius:24px;padding:20px}.controlbar{grid-template-columns:auto 1fr auto;gap:8px;padding-inline:10px}.controlbar__group{gap:8px}.ctl__face{border-radius:14px;width:46px;height:46px}.ctl__label{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}