@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vazirmatn-arabic-400-normal-DMZFCm7K.woff2) format("woff2"),url(/assets/vazirmatn-arabic-400-normal-C4W5XURk.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,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;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vazirmatn-latin-ext-400-normal-BdGhO0lm.woff2) format("woff2"),url(/assets/vazirmatn-latin-ext-400-normal-DPxMaNjI.woff) format("woff");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:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vazirmatn-latin-400-normal-BT_DHTc7.woff2) format("woff2"),url(/assets/vazirmatn-latin-400-normal-GKyMcI03.woff) format("woff");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}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/vazirmatn-arabic-500-normal-C_lbnnKa.woff2) format("woff2"),url(/assets/vazirmatn-arabic-500-normal-Dqq3-xo3.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,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;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/vazirmatn-latin-ext-500-normal-CgxvvVrG.woff2) format("woff2"),url(/assets/vazirmatn-latin-ext-500-normal-4XgegWYb.woff) format("woff");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:Vazirmatn;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/vazirmatn-latin-500-normal-6zZzgpg4.woff2) format("woff2"),url(/assets/vazirmatn-latin-500-normal-Bg_BALlD.woff) format("woff");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}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/vazirmatn-arabic-600-normal-CPKvAnd1.woff2) format("woff2"),url(/assets/vazirmatn-arabic-600-normal-CWYTfCgi.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,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;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/vazirmatn-latin-ext-600-normal-CyxCUfFz.woff2) format("woff2"),url(/assets/vazirmatn-latin-ext-600-normal-Di8rk35l.woff) format("woff");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:Vazirmatn;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/vazirmatn-latin-600-normal-D-zF-Oec.woff2) format("woff2"),url(/assets/vazirmatn-latin-600-normal-BxJiDPKT.woff) format("woff");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}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/vazirmatn-arabic-700-normal-Dge_DOjm.woff2) format("woff2"),url(/assets/vazirmatn-arabic-700-normal-B5nPuCFv.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,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;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/vazirmatn-latin-ext-700-normal-BfoXmNMx.woff2) format("woff2"),url(/assets/vazirmatn-latin-ext-700-normal-DMYLqBto.woff) format("woff");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:Vazirmatn;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/vazirmatn-latin-700-normal-9BlbvDRV.woff2) format("woff2"),url(/assets/vazirmatn-latin-700-normal-DrB0PBU6.woff) format("woff");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{color-scheme:dark;--bg: #0f1216;--surface-1: #151a20;--surface-2: #1b2028;--surface-3: #232932;--stage: #0a0c0f;--scrim: rgb(5 7 10 / .72);--line: #252b34;--line-strong: #353d48;--text-1: #e8ebef;--text-2: #aeb6c1;--text-3: #8a94a1;--accent: #5ec4d0;--accent-hover: #7dd3dd;--accent-ink: #06191c;--accent-soft: rgb(94 196 208 / .13);--accent-text: #86d8e1;--danger: #f17b84;--danger-fill: #c9404c;--danger-soft: rgb(241 123 132 / .13);--success: #52c78f;--success-soft: rgb(82 199 143 / .13);--success-text: #8fdcb5;--warning: #e6b95f;--warning-soft: rgb(230 185 95 / .14);--warning-text: #f0d49c;--danger-text: #f7b3b8;--chart-track: #20262f;--chart-grid: #232932;--chart-bar: #5ec4d0;--net-excellent: #5b8def;--net-good: #2f9f68;--net-poor: #b0801c;--net-lost: #e25a70;--focus: #8fdde6;--font: "Vazirmatn", Tahoma, system-ui, sans-serif;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-md: .9375rem;--fs-lg: 1.0625rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--r-1: 6px;--r-2: 10px;--r-3: 14px;--sidebar-w: 248px;--tabbar-h: 60px;--content-max: 1200px;--control-h: 44px;--icon-sm: 16px;--icon-md: 20px;--ease: cubic-bezier(.2, 0, 0, 1);--t-fast: .12s;--t-base: .2s;--shadow-overlay: 0 16px 48px rgb(0 0 0 / .45);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{min-width:320px;min-height:100dvh;margin:0;background:var(--bg);color:var(--text-1);font-family:var(--font);font-size:var(--fs-md);line-height:1.6;font-synthesis:none;-webkit-font-smoothing:antialiased}body:has(.room){overflow:hidden}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3;font-weight:700}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--accent-text)}input,select,textarea{font-size:1rem}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}svg{flex:0 0 auto}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.num{font-variant-numeric:tabular-nums}.ltr{direction:ltr;unicode-bidi:isolate}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{min-height:var(--control-h);display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:0 var(--s-4);border:1px solid transparent;border-radius:var(--r-2);background:transparent;color:var(--text-1);font-size:var(--fs-sm);font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.btn svg{width:var(--icon-sm);height:var(--icon-sm)}.btn:disabled{opacity:.45}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:not(:disabled):hover{background:var(--accent-hover)}.btn-secondary{border-color:var(--line-strong);background:var(--surface-2)}.btn-secondary:not(:disabled):hover{background:var(--surface-3)}.btn-ghost{color:var(--text-2)}.btn-ghost:not(:disabled):hover{background:var(--surface-2);color:var(--text-1)}.btn-danger{background:var(--danger-fill);color:#fff}.btn-danger:not(:disabled):hover{background:#d64f5b}.btn-sm{min-height:36px;padding:0 var(--s-3)}.btn-icon{width:var(--control-h);padding:0}.btn-icon.btn-sm{width:36px}.btn-block{width:100%}.btn:not(:disabled):active{background-color:var(--surface-3)}.btn-primary:not(:disabled):active{background-color:var(--accent);filter:brightness(.92)}.field{display:grid;gap:6px;min-width:0}.field-label{color:var(--text-2);font-size:var(--fs-sm);font-weight:600}.field-hint{color:var(--text-3);font-size:var(--fs-xs);line-height:1.6}.input,.select,.textarea{width:100%;min-height:var(--control-h);padding:0 var(--s-3);border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--surface-2);color:var(--text-1);transition:border-color var(--t-fast) var(--ease)}.textarea{min-height:140px;padding:var(--s-3);line-height:1.7;resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:hover,.select:hover,.textarea:hover{border-color:#465061}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.input:disabled{color:var(--text-3)}.input[dir=ltr],.textarea[dir=ltr]{text-align:left}.input-group{display:flex;gap:var(--s-2)}.input-group .input{flex:1}.search{position:relative;display:flex;align-items:center;min-width:0}.search svg{position:absolute;inset-inline-start:var(--s-3);color:var(--text-3);pointer-events:none}.search .input{padding-inline-start:36px}.check{min-height:var(--control-h);display:flex;align-items:center;gap:var(--s-3);font-size:var(--fs-sm);cursor:pointer}.check input{width:18px;height:18px;margin:0;accent-color:var(--accent)}.alert{display:grid;gap:var(--s-1);padding:var(--s-3);border:1px solid transparent;border-radius:var(--r-2);font-size:var(--fs-sm);line-height:1.7}.alert-danger{border-color:#f17b8459;background:var(--danger-soft);color:#f7b3b8}.alert-warning{border-color:#e6b95f59;background:var(--warning-soft);color:var(--warning-text)}.alert-success{border-color:#52c78f59;background:var(--success-soft);color:var(--success-text)}.alert ul{margin:0;padding-inline-start:var(--s-5)}.tabs{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-1)}.tab{min-height:38px;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:0 var(--s-3);border:0;border-radius:7px;background:transparent;color:var(--text-2);font-size:var(--fs-sm);font-weight:600;white-space:nowrap}.tab:hover{color:var(--text-1)}.tab[aria-selected=true]{background:var(--surface-3);color:var(--text-1)}.segmented{max-width:100%;display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-1)}.segmented button{min-height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 var(--s-3);border:0;border-radius:7px;background:transparent;color:var(--text-2);font-size:var(--fs-sm);font-weight:600;white-space:nowrap;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.segmented button:hover{color:var(--text-1)}.segmented button[aria-checked=true],.segmented button[aria-pressed=true]{background:var(--surface-3);color:var(--text-1)}.segmented-count{color:var(--text-3);font-size:var(--fs-xs);font-weight:500}.segmented button[aria-pressed=true] .segmented-count{color:var(--text-2)}.badge{min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:0 6px;border-radius:10px;background:var(--danger-fill);color:#fff;font-size:var(--fs-xs);font-weight:700;line-height:1}.badge svg{width:12px;height:12px}.badge-warning{background:var(--warning);color:#1e1606}.tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--r-1);background:var(--surface-3);color:var(--text-2);font-size:var(--fs-xs);font-weight:600;white-space:nowrap}.tag-accent{background:var(--accent-soft);color:var(--accent-text)}.tag-success{background:var(--success-soft);color:var(--success-text)}.tag-warning{background:var(--warning-soft);color:var(--warning-text)}.tag-danger{background:var(--danger-soft);color:var(--danger-text)}.tag-muted{background:transparent;border:1px solid var(--line-strong);color:var(--text-3)}.muted{color:var(--text-2);font-size:var(--fs-sm);line-height:1.7}.empty{display:grid;justify-items:center;gap:var(--s-2);padding:var(--s-10) var(--s-5);border:1px dashed var(--line-strong);border-radius:var(--r-3);color:var(--text-2);font-size:var(--fs-sm);text-align:center}.empty strong{color:var(--text-1);font-size:var(--fs-md)}.empty svg{width:24px;height:24px;color:var(--text-3)}.spinner{width:18px;height:18px;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:var(--s-3);color:var(--text-2);font-size:var(--fs-sm)}.dialog-backdrop{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--s-5);background:var(--scrim);animation:fade-in var(--t-base) var(--ease)}.dialog{width:min(100%,440px);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface-1);box-shadow:var(--shadow-overlay)}.dialog.is-wide{width:min(100%,640px)}.dialog.is-media{width:min(100%,960px)}.dialog-header{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5) var(--s-3)}.dialog-header h2{flex:1;font-size:var(--fs-lg)}.dialog-body{min-height:0;display:grid;gap:var(--s-4);padding:var(--s-2) var(--s-5) var(--s-5);overflow-y:auto}.dialog-footer{display:flex;justify-content:flex-end;gap:var(--s-2);padding:var(--s-4) var(--s-5);border-top:1px solid var(--line)}.dialog-footer .btn{min-width:110px}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{transform:translateY(24px);opacity:0}}@media(max-width:640px){.dialog-backdrop{align-items:end;padding:0}.dialog,.dialog.is-wide,.dialog.is-media{width:100%;max-height:92dvh;border-width:1px 0 0;border-radius:var(--r-3) var(--r-3) 0 0;padding-bottom:var(--safe-bottom);animation:sheet-in var(--t-base) var(--ease)}.dialog.is-full{height:100dvh;max-height:none;border-radius:0}.dialog-header:before{content:"";position:absolute;inset-inline:0;top:6px;width:36px;height:4px;margin-inline:auto;border-radius:2px;background:var(--line-strong)}.dialog-header{position:relative;padding-top:var(--s-5)}.dialog.is-full .dialog-header:before{display:none}.dialog-footer .btn{flex:1}}.action-list{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;margin:0;padding:0;list-style:none}.action-item{width:100%;min-height:52px;display:flex;align-items:center;gap:var(--s-3);padding:0 var(--s-3);border:0;border-radius:var(--r-2);background:transparent;color:var(--text-1);font-size:var(--fs-md);text-align:start}.action-item svg{width:var(--icon-md);height:var(--icon-md);color:var(--text-2)}.action-item:not(:disabled):hover{background:var(--surface-2)}.action-item:disabled{color:var(--text-3)}.action-item[aria-current=true]{background:var(--accent-soft)}.action-item[aria-current=true] svg{color:var(--accent-text)}.action-item.is-danger,.action-item.is-danger svg{color:var(--danger)}.action-item span:first-of-type{flex:1}.action-item small{color:var(--text-3);font-size:var(--fs-xs)}.toast{position:fixed;z-index:55;inset-inline:var(--s-4);bottom:calc(var(--toast-offset, 24px) + var(--safe-bottom));width:fit-content;max-width:min(calc(100% - 32px),420px);margin-inline:auto;padding:var(--s-3) var(--s-4);border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--surface-3);color:var(--text-1);font-size:var(--fs-sm);box-shadow:var(--shadow-overlay);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity var(--t-base) var(--ease),transform var(--t-base) var(--ease)}.toast.is-visible{opacity:1;transform:none}.avatar{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--surface-3);color:var(--text-1);font-size:var(--fs-sm);font-weight:700}.inline-loading{display:flex;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-8) 0;color:var(--text-2);font-size:var(--fs-sm)}.stack{display:grid;gap:var(--s-4);min-width:0}.stack-sm{display:grid;gap:var(--s-2);min-width:0}.action-row{display:flex;align-items:center;gap:var(--s-1)}.action-row .action-item{flex:1;min-width:0}.action-row .action-item span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pwa-banner{position:fixed;inset-inline:var(--space-4);inset-block-end:var(--space-4);z-index:100;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);max-inline-size:38rem;margin-inline:auto;padding:var(--space-3) var(--space-4);background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.brand-mark{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--r-2);background:var(--accent);color:var(--accent-ink);font-size:1rem;font-weight:800;line-height:1}.auth{min-height:100dvh;display:grid;place-items:center;padding:calc(var(--s-6) + var(--safe-top)) var(--s-4) calc(var(--s-6) + var(--safe-bottom))}.auth-panel{width:min(100%,380px);display:grid;gap:var(--s-5)}.auth-head{display:grid;gap:var(--s-3)}.auth-head .brand-mark{width:40px;height:40px;font-size:1.2rem}.auth-head h1{font-size:var(--fs-xl)}.auth-head p{color:var(--text-2);font-size:var(--fs-sm)}.auth-form{display:grid;gap:var(--s-4)}.auth-form .btn-primary{min-height:48px;margin-top:var(--s-1);font-size:var(--fs-md)}.status-panel{justify-items:center;text-align:center}.status-panel .auth-head{justify-items:center}.status-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.shell{min-height:100dvh}.shell-header{position:sticky;top:0;z-index:20;height:calc(56px + var(--safe-top));display:flex;align-items:center;gap:var(--s-4);padding:var(--safe-top) max(var(--s-4),calc((100vw - 1080px)/2)) 0;border-bottom:1px solid var(--line);background:var(--bg)}.shell-brand{display:flex;align-items:center;gap:var(--s-2);color:var(--text-1);font-weight:700;text-decoration:none}.shell-nav{display:flex;gap:2px}.shell-nav a{min-height:36px;display:inline-flex;align-items:center;padding:0 var(--s-3);border-radius:var(--r-1);color:var(--text-2);font-size:var(--fs-sm);font-weight:600;text-decoration:none}.shell-nav a:hover{color:var(--text-1)}.shell-nav a[aria-current=page]{background:var(--surface-2);color:var(--text-1)}.shell-user{display:flex;align-items:center;gap:var(--s-2);margin-inline-start:auto}.shell-user-name{display:grid;line-height:1.35;text-align:end}.shell-user-name strong{font-size:var(--fs-sm);font-weight:600}.shell-user-name span{color:var(--text-3);font-size:var(--fs-xs)}.page{width:min(100% - 32px,1080px);display:grid;gap:var(--s-5);margin:var(--s-6) auto calc(var(--s-10) + var(--safe-bottom))}.page-head{display:grid;gap:var(--s-1)}.page-head h1{font-size:var(--fs-xl)}.page-head p{color:var(--text-2);font-size:var(--fs-sm)}@media(max-width:640px){.shell-header{gap:var(--s-2)}.shell-brand span:last-child,.shell-user-name{display:none}.page{margin-top:var(--s-5)}}.list{margin:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface-1);list-style:none}.list>li+li{border-top:1px solid var(--line)}.row{min-height:64px;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);color:inherit;text-decoration:none}a.row:hover{background:var(--surface-2)}a.row:hover .row-go{color:var(--accent-text)}.row-mark{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--r-2);background:var(--surface-3);color:var(--text-1);font-weight:700}.row-main{min-width:0;flex:1;display:grid;gap:2px}.row-title{overflow:hidden;font-size:var(--fs-md);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.row-meta{overflow:hidden;color:var(--text-2);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap}.row-go{display:flex;align-items:center;gap:var(--s-1);color:var(--text-2);font-size:var(--fs-sm);font-weight:600;white-space:nowrap}.row-actions{display:flex;align-items:center;gap:var(--s-1)}.row.is-inactive .row-title,.row.is-inactive .row-mark{color:var(--text-3)}@media(max-width:640px){.row{padding-inline:var(--s-3)}.row-go span{display:none}}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.toolbar .search{flex:1 1 220px}.toolbar .select{width:auto;min-width:140px}.toolbar-actions{display:flex;gap:var(--s-2);margin-inline-start:auto}.list-summary{color:var(--text-3);font-size:var(--fs-xs)}@media(max-width:640px){.toolbar>label:not(.search),.toolbar .select{flex:1 1 100%}.toolbar-actions{width:100%}.toolbar-actions .btn{flex:1}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}.picker{display:grid;gap:var(--s-2);min-width:0;margin:0;padding:0;border:0}.picker legend{margin-bottom:var(--s-2);padding:0;color:var(--text-2);font-size:var(--fs-sm);font-weight:600}.picker-tools{display:flex;align-items:center;gap:var(--s-2)}.picker-tools .search{flex:1}.picker-options{max-height:260px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--r-2);background:var(--bg)}.picker-options .check{padding:0 var(--s-3)}.picker-options .check+.check{border-top:1px solid var(--line)}.picker-options .check span{flex:1}.picker-options .check small{color:var(--text-3);font-size:var(--fs-xs)}.picker-options .muted{padding:var(--s-4)}.steps{display:flex;gap:var(--s-2);color:var(--text-3);font-size:var(--fs-xs);font-weight:600}.steps span[aria-current=step]{color:var(--accent-text)}.drop{display:grid;justify-items:center;gap:var(--s-2);padding:var(--s-5);border:1px dashed var(--line-strong);border-radius:var(--r-2);color:var(--text-2);font-size:var(--fs-sm);text-align:center}.drop.is-over{border-color:var(--accent);background:var(--accent-soft)}.preview{max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:var(--r-2)}.preview table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.preview th{position:sticky;top:0;padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--text-2);font-size:var(--fs-xs);font-weight:600;text-align:start}.preview td{padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--line);white-space:nowrap}.preview tr:last-child td{border-bottom:0}.preview tr.has-error td{background:var(--danger-soft)}.preview td.ltr{text-align:left}.preview .row-error{color:var(--danger);font-size:var(--fs-xs);white-space:normal}.print-sheet{display:none}@media print{@page{margin:12mm}body{background:#fff}body *{visibility:hidden}.print-sheet,.print-sheet *{visibility:visible}.print-sheet{position:absolute;inset:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:6mm;color:#000;font-family:var(--font)}.print-card{padding:4mm 5mm;border:1px dashed #777;break-inside:avoid}.print-card strong{display:block;margin-bottom:2mm;font-size:12pt}.print-card dl{display:grid;grid-template-columns:auto 1fr;gap:1mm 4mm;margin:0;font-size:10pt}.print-card dd{margin:0;font-family:Consolas,monospace;direction:ltr;text-align:left}}@media(max-width:640px){.auth{place-items:start center;padding-top:calc(12dvh + var(--safe-top))}}.recording-group{display:grid;gap:var(--s-2)}.recording-group-title{color:var(--text-2);font-size:var(--fs-sm);font-weight:600}.recording-list{margin:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface-1);list-style:none}.recording-item{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-areas:"thumb body" "actions actions";gap:var(--s-3);padding:var(--s-3) var(--s-4)}.recording-item+.recording-item{border-top:1px solid var(--line)}.recording-thumb{grid-area:thumb;position:relative;aspect-ratio:16 / 9;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r-2);background:var(--stage);color:var(--text-1);transition:border-color var(--t-fast) var(--ease)}.recording-thumb svg{width:22px;height:22px}.recording-thumb:not(:disabled):hover{border-color:var(--accent);color:var(--accent-text)}.recording-thumb:disabled{color:var(--text-3)}.recording-length{position:absolute;inset-inline-end:4px;bottom:4px;padding:1px 5px;border-radius:4px;background:#000000b8;color:#fff;font-size:.6875rem;line-height:1.5}.recording-body{grid-area:body;min-width:0;display:grid;align-content:start;gap:2px}.recording-title{overflow:hidden;font-size:var(--fs-md);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.recording-meta{overflow:hidden;color:var(--text-2);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap}.recording-expiry{color:var(--text-3);font-size:var(--fs-xs)}.recording-body .tag{justify-self:start;margin-top:2px}.recording-actions{grid-area:actions;display:flex;gap:var(--s-2)}.recording-actions .btn:not(.btn-icon){flex:1}@media(min-width:640px){.recording-item{grid-template-columns:136px minmax(0,1fr) auto;grid-template-areas:"thumb body actions";align-items:center;gap:var(--s-4);padding-inline:var(--s-5)}.recording-actions .btn:not(.btn-icon){flex:0 0 auto}}.player{display:grid;gap:var(--s-3)}.player-video{width:100%;max-height:70dvh;aspect-ratio:16 / 9;border-radius:var(--r-2);background:#000}.player-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-2)}.status-actions>:last-child:nth-child(odd){grid-column:1 / -1}.library-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s-3) var(--s-5)}.library-head .page-head{min-width:0;flex:1 1 320px}.library-actions{display:flex;flex-wrap:wrap;gap:var(--s-2)}.library-back{justify-self:start;display:inline-flex;align-items:center;gap:2px;min-height:32px;margin-bottom:var(--s-1);color:var(--text-2);font-size:var(--fs-sm);font-weight:600;text-decoration:none}.library-back:hover{color:var(--text-1)}.library-back svg{width:var(--icon-sm);height:var(--icon-sm)}.library-section{display:grid;gap:var(--s-2)}.library-title{display:flex;align-items:center;gap:var(--s-2);color:var(--text-2);font-size:var(--fs-sm);font-weight:600}.library-title .num{color:var(--text-3);font-weight:500}.library-row{display:flex;align-items:stretch}.library-row>.row{min-width:0;flex:1}.library-row .row-mark svg{width:var(--icon-md);height:var(--icon-md);color:var(--text-2)}.library-meta>bdi+bdi:before{content:"";display:inline-block;width:1px;height:.75em;margin-inline:var(--s-2);background:var(--line-strong);vertical-align:-.05em}.library-row-actions{display:flex;align-items:center;gap:2px;padding-inline-end:var(--s-2)}.library-row-actions .btn{min-width:44px;min-height:44px}.row-side{min-width:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 var(--s-3);border-inline-start:1px solid var(--line);color:var(--text-2);font-size:var(--fs-xs);font-weight:600;text-decoration:none}.row-side svg{width:var(--icon-md);height:var(--icon-md)}.row-side:hover{background:var(--surface-2);color:var(--accent-text)}.library-progress{display:grid;gap:var(--s-2);color:var(--text-2);font-size:var(--fs-sm)}.library-progress progress{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:2px;background:var(--surface-3);accent-color:var(--accent)}.library-progress progress::-webkit-progress-bar{border-radius:2px;background:var(--surface-3)}.library-progress progress::-webkit-progress-value{border-radius:2px;background:var(--accent)}.library-progress progress::-moz-progress-bar{border-radius:2px;background:var(--accent)}@media(max-width:640px){.library-actions{width:100%}.library-actions .btn{flex:1}.library-row .row-go{display:none}}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--stage)}.viewer-bar{min-width:0;min-height:calc(56px + var(--safe-top));display:flex;align-items:center;gap:var(--s-2);padding:var(--safe-top) var(--s-3) 0;border-bottom:1px solid var(--line);background:var(--surface-1)}.viewer-title{min-width:0;flex:1;overflow:hidden;font-size:var(--fs-md);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.viewer-pages{flex:0 0 auto}.viewer-stage{position:relative;min-height:0;overflow:hidden}.viewer-state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:var(--s-2);padding:var(--s-5);color:var(--text-2);font-size:var(--fs-sm);text-align:center;pointer-events:none}.viewer-state strong{color:var(--text-1);font-size:var(--fs-md);font-weight:600}.viewer .excalidraw .main-menu-trigger,.viewer .excalidraw .disable-view-mode{display:none}.viewer-state,.viewer-tools,.board-error{z-index:5}.viewer-tools{position:absolute;inset-inline-start:var(--s-3);bottom:calc(var(--s-3) + var(--safe-bottom));display:flex;flex-wrap:wrap;gap:var(--s-2)}.board-error{position:absolute;inset-inline:var(--s-3);top:var(--s-3);width:fit-content;margin-inline:auto;padding:var(--s-2) var(--s-3);border:1px solid rgb(241 123 132 / .35);border-radius:var(--r-2);background:var(--surface-2);color:var(--danger-text);font-size:var(--fs-sm)}a.action-item{text-decoration:none}@media(max-width:640px){.viewer-bar{gap:var(--s-1);padding-inline:var(--s-2)}.viewer-download span{display:none}.viewer-download{width:36px;padding:0;justify-content:center}.viewer-pages .btn{width:32px}.viewer-pages .page-count{min-width:48px;padding-inline:4px}}.admin{min-height:100dvh}.admin-sidebar{display:none}.admin-topbar{position:sticky;top:0;z-index:20;height:calc(56px + var(--safe-top));display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--safe-top) var(--s-4) 0;border-bottom:1px solid var(--line);background:var(--bg)}.admin-brand{display:flex;align-items:center;gap:var(--s-2);color:var(--text-1);text-decoration:none}.admin-brand>span:last-child{display:grid;line-height:1.35}.admin-brand strong{font-size:var(--fs-md);font-weight:700}.admin-brand small{color:var(--text-3);font-size:var(--fs-xs)}.admin-main{width:100%;max-width:var(--content-max);min-width:0;display:grid;align-content:start;gap:var(--s-5);margin-inline:auto;padding:var(--s-5) var(--s-4) calc(var(--tabbar-h) + var(--s-8) + var(--safe-bottom))}.admin-tabbar{position:fixed;z-index:30;inset-inline:0;bottom:0;height:calc(var(--tabbar-h) + var(--safe-bottom));display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:var(--safe-bottom);border-top:1px solid var(--line);background:var(--surface-1)}.admin-tab{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:var(--text-3);font-size:.6875rem;font-weight:600;text-decoration:none;transition:color var(--t-fast) var(--ease)}.admin-tab svg{width:var(--icon-md);height:var(--icon-md)}.admin-tab[aria-current=page]{color:var(--accent-text)}.admin-tab:active{background:var(--surface-2)}@media(min-width:960px){.admin{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.admin-topbar,.admin-tabbar{display:none}.admin-sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:var(--s-5);padding:var(--s-5) var(--s-3);border-inline-end:1px solid var(--line);background:var(--surface-1);overflow-y:auto}.admin-sidebar .admin-brand{padding-inline:var(--s-2)}.admin-main{padding:var(--s-8) var(--s-8) var(--s-10)}}.admin-nav{display:grid;gap:2px}.admin-nav-item{min-height:40px;display:flex;align-items:center;gap:var(--s-3);padding:0 var(--s-3);border-radius:var(--r-2);color:var(--text-2);font-size:var(--fs-sm);font-weight:600;text-decoration:none;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.admin-nav-item svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--text-3)}.admin-nav-item:hover{background:var(--surface-2);color:var(--text-1)}.admin-nav-item[aria-current=page]{background:var(--surface-3);color:var(--text-1)}.admin-nav-item[aria-current=page] svg{color:var(--accent-text)}.admin-sidebar-foot{display:grid;gap:var(--s-3);margin-top:auto;padding-top:var(--s-4);border-top:1px solid var(--line)}.admin-user{display:flex;align-items:center;gap:var(--s-2);padding-inline:var(--s-2)}.admin-user-name{min-width:0;flex:1;display:grid;line-height:1.35}.admin-user-name strong{overflow:hidden;font-size:var(--fs-sm);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.admin-user-name small{color:var(--text-3);font-size:var(--fs-xs)}.page-header{display:grid;gap:var(--s-2)}.page-back{justify-self:start;min-height:32px;display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-size:var(--fs-sm);font-weight:600;text-decoration:none}.page-back:hover{color:var(--text-1)}.page-back svg{width:var(--icon-sm);height:var(--icon-sm)}.page-header-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s-3) var(--s-5)}.page-header-text{min-width:0;flex:1 1 320px;display:grid;gap:var(--s-1)}.page-header-text h1{font-size:var(--fs-xl);text-wrap:balance}.page-header-text p{color:var(--text-2);font-size:var(--fs-sm);line-height:1.7}.page-header-actions{display:flex;flex-wrap:wrap;gap:var(--s-2)}.title-with-tag{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-3)}.title-with-tag .tag{font-size:var(--fs-xs)}@media(max-width:639px){.page-header-actions{width:100%}.page-header-actions .btn{flex:1 1 0}}@media(min-width:960px){.page-header-text h1{font-size:var(--fs-2xl)}}.stack-lg{display:grid;gap:var(--s-5);min-width:0}.card{min-width:0;display:grid;align-content:start;gap:var(--s-4);padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface-1)}.card.is-flush{gap:0;padding:0;overflow:hidden}.card.is-flush>.card-head{padding:var(--s-4) var(--s-4) var(--s-3);border-bottom:1px solid var(--line)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:32px}.card-head h2{font-size:var(--fs-md);font-weight:700}.card-action{display:flex;align-items:center;gap:var(--s-2)}.card-action .muted{font-size:var(--fs-xs)}.card-note{color:var(--text-3);font-size:var(--fs-xs);line-height:1.7}@media(min-width:640px){.card{padding:var(--s-5)}.card.is-flush>.card-head{padding:var(--s-4) var(--s-5) var(--s-3)}}.dashboard-grid{display:grid;gap:var(--s-4);min-width:0}@media(min-width:1024px){.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dashboard-grid.is-wide-first{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}@media(min-width:1024px){.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-3)}}.stat-tile{position:relative;min-width:0;display:grid;align-content:start;gap:var(--s-1);padding:var(--s-3) var(--s-4);border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface-1)}.stat-tile:before{content:"";position:absolute;inset-block:var(--s-4);inset-inline-start:-1px;width:3px;border-start-end-radius:3px;border-end-end-radius:3px;background:transparent}.stat-tile.tone-success:before{background:var(--success)}.stat-tile.tone-warning:before{background:var(--warning)}.stat-tile.tone-danger:before{background:var(--danger)}.stat-tile.tone-accent:before{background:var(--accent)}.stat-label{color:var(--text-2);font-size:var(--fs-xs);font-weight:600}.stat-value{font-size:var(--fs-xl);font-weight:700;line-height:1.25;letter-spacing:-.01em}.stat-hint{color:var(--text-3);font-size:var(--fs-xs);line-height:1.6}@media(min-width:640px){.stat-tile{padding:var(--s-4) var(--s-5)}.stat-value{font-size:1.625rem}}.kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);margin:0}.kv-grid div{display:grid;gap:2px}.kv-grid dt{color:var(--text-3);font-size:var(--fs-xs)}.kv-grid dd{margin:0;font-size:var(--fs-lg);font-weight:700}.kv-list{display:grid;gap:var(--s-2);margin:0}.kv-list div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s-1) var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--line)}.kv-list dt{color:var(--text-2);font-size:var(--fs-sm)}.kv-list dd{margin:0;font-size:var(--fs-sm);font-weight:600}.meter{min-width:0;display:inline-flex;align-items:center;gap:var(--s-2);width:100%;max-width:220px}.meter-track{flex:1;min-width:48px;height:6px;overflow:hidden;border-radius:3px;background:var(--chart-track)}.meter-fill{display:block;height:100%;border-radius:3px;background:var(--text-3)}.meter-fill.tone-success{background:var(--success)}.meter-fill.tone-warning{background:var(--warning)}.meter-fill.tone-danger{background:var(--danger)}.meter-fill.tone-accent{background:var(--accent)}.meter-value{flex:0 0 auto;min-width:3.5em;color:var(--text-1);font-size:var(--fs-sm);font-weight:600;text-align:end}.tag-default{background:var(--surface-3);color:var(--text-2)}.tag-live{gap:6px;background:var(--danger-soft);color:var(--danger-text)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--danger);animation:live-pulse 1.6s ease-in-out infinite}@keyframes live-pulse{50%{opacity:.35}}.net-badge{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-size:var(--fs-sm);font-weight:600;white-space:nowrap}.net-dot{width:8px;height:8px;border-radius:50%;background:var(--text-3)}.net-score{color:var(--text-3);font-size:var(--fs-xs);font-weight:500}.net-badge.level-excellent .net-dot{background:var(--net-excellent)}.net-badge.level-good .net-dot{background:var(--net-good)}.net-badge.level-fair .net-dot{background:var(--net-poor)}.net-badge.level-poor .net-dot{background:var(--net-lost)}.net-badge.level-unknown{color:var(--text-3);font-weight:500}.net-bar-wrap{display:grid;gap:var(--s-3);min-width:0}.net-bar{display:flex;gap:2px;height:10px;min-width:80px;overflow:hidden;border-radius:4px}.net-segment{min-width:2px;flex-basis:0;height:100%}.net-excellent{background:var(--net-excellent)}.net-good{background:var(--net-good)}.net-poor{background:var(--net-poor)}.net-lost{background:var(--net-lost)}.net-legend{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);margin:0;padding:0;color:var(--text-2);font-size:var(--fs-xs);list-style:none}.net-legend li{display:inline-flex;align-items:center;gap:6px}.net-legend .num{color:var(--text-1);font-weight:600}.net-swatch{width:10px;height:10px;border-radius:3px}.net-legend-extra{padding-inline-start:var(--s-3);border-inline-start:1px solid var(--line)}.trend{margin:0}.trend-plot{position:relative;padding-inline-start:34px}.trend-grid{position:absolute;top:0;right:0;bottom:34px;left:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.trend-grid span{position:relative;height:1px;margin-inline-start:34px;background:var(--chart-grid)}.trend-grid span:before{content:attr(data-value);position:absolute;inset-inline-start:-34px;top:-7px;color:var(--text-3);font-size:.6875rem;line-height:1}.trend-columns{position:relative;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:2px;height:184px}.trend-column{min-width:0;display:grid;grid-template-rows:minmax(0,1fr) 34px;justify-items:center;border-radius:var(--r-1)}.trend-column:hover{background:var(--surface-2)}.trend-bar-slot{position:relative;width:100%;height:100%}.trend-bar,.trend-empty{position:absolute;bottom:0;inset-inline:0;width:min(100%,20px);margin-inline:auto}.trend-bar{border-radius:4px 4px 0 0;background:var(--chart-bar)}.trend-empty{height:2px;border-radius:1px;background:var(--line-strong)}.trend-empty.has-live{height:6px;background:var(--accent-soft)}.trend-day{display:grid;justify-items:center;align-content:center;gap:0;color:var(--text-3);font-size:.6875rem;line-height:1.3}.trend-day span:last-child{color:var(--text-2)}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);min-width:0}.filter-bar .search{flex:1 1 240px}.field-inline{min-width:0;flex:0 1 240px}@media(max-width:639px){.field-inline{flex:1 1 100%}}.load-more{justify-self:center;min-width:200px}.note-row{display:flex;align-items:flex-start;gap:var(--s-2)}.note-row svg{margin-top:3px}.alert-live{border-color:#5ec4d04d;background:var(--accent-soft);color:var(--accent-text)}.error-block{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-2)}.session-list ul{margin:0;padding:0;list-style:none}.session-list li+li{border-top:1px solid var(--line)}.session-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main extra" "time time" "attendance network";align-items:center;gap:var(--s-2) var(--s-3);padding:var(--s-3) var(--s-4);color:inherit;text-decoration:none}a.session-row:hover{background:var(--surface-2)}a.session-row:hover .row-chevron{color:var(--accent-text)}.session-row-head{display:none}.session-row>span{min-width:0;display:grid;gap:2px}.session-row small{overflow:hidden;color:var(--text-3);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap}.session-cell-main{grid-area:main}.session-cell-main strong{overflow:hidden;font-size:var(--fs-md);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.session-cell-time{grid-area:time;display:flex!important;flex-wrap:wrap;align-items:baseline;gap:0 var(--s-2)!important;color:var(--text-2);font-size:var(--fs-sm)}.session-cell-attendance{grid-area:attendance;justify-items:start}.session-cell-network{grid-area:network;justify-items:end}.session-cell-extra{grid-area:extra;display:flex!important;align-items:center;gap:var(--s-3)!important;color:var(--text-3)}.icon-count{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs)}.icon-count svg{width:14px;height:14px}.row-chevron{width:var(--icon-sm);height:var(--icon-sm);color:var(--text-3)}@media(min-width:900px){.session-row{grid-template-columns:minmax(0,1.6fr) minmax(0,1.2fr) minmax(0,1.5fr) minmax(0,1fr) 96px;grid-template-areas:"main time attendance network extra";gap:var(--s-4);padding:var(--s-3) var(--s-5)}.session-row-head{display:grid;min-height:40px;padding-block:var(--s-2);border-bottom:1px solid var(--line);color:var(--text-3);font-size:var(--fs-xs);font-weight:600}.session-row-head>span:nth-child(1){grid-area:main}.session-row-head>span:nth-child(2){grid-area:time}.session-row-head>span:nth-child(3){grid-area:attendance}.session-row-head>span:nth-child(4){grid-area:network}.session-row-head>span:nth-child(5){grid-area:extra}.session-cell-time{display:grid!important;gap:2px!important;color:var(--text-1)}.session-cell-network{justify-items:start}.session-cell-extra{justify-content:flex-end}}.table-wrap{min-width:0;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.data-table th{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line);color:var(--text-3);font-size:var(--fs-xs);font-weight:600;text-align:start;white-space:nowrap}.data-table td{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line);vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:var(--surface-2)}.data-table tr.is-inactive td{color:var(--text-3)}.data-table a{color:var(--text-1);text-decoration:none}.data-table a:hover{color:var(--accent-text)}.data-table .cell-wide{min-width:180px}.cell-person{display:grid;gap:1px}.cell-person strong{font-weight:600}.cell-person small{color:var(--text-3);font-size:var(--fs-xs)}@media(max-width:767px){.data-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block}.data-table tr{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2) var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line)}.data-table tr:last-child{border-bottom:0}.data-table tbody tr:hover td{background:transparent}.data-table td{min-width:0;padding:0;border:0}.data-table td:before{content:attr(data-label);display:block;margin-bottom:2px;color:var(--text-3);font-size:.6875rem;font-weight:600}.data-table td:first-child{grid-column:1 / -1}.data-table td:first-child:before{display:none}.data-table td.cell-wide{grid-column:1 / -1;min-width:0}.table-wrap{overflow-x:visible}}.live-panel{display:grid;gap:var(--s-3);padding:var(--s-4);border:1px solid rgb(241 123 132 / .28);border-radius:var(--r-3);background:var(--surface-1)}.live-panel-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-3)}.live-panel-head h2{font-size:var(--fs-md)}.live-list{display:grid;gap:var(--s-2);margin:0;padding:0;list-style:none}@media(min-width:768px){.live-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.live-item{min-height:60px;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-2);color:inherit;text-decoration:none}.live-item:hover{border-color:var(--line-strong);background:var(--surface-3)}.live-item>svg{color:var(--text-3)}.live-item-main{min-width:0;flex:1;display:grid}.live-item-main strong{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.live-item-main small{color:var(--text-3);font-size:var(--fs-xs)}.live-item-count{display:grid;justify-items:center;font-size:var(--fs-lg);font-weight:700;line-height:1.2}.live-item-count small{color:var(--text-3);font-size:.6875rem;font-weight:500}.compact-list{display:grid;margin:0;padding:0;list-style:none}.compact-list li+li{border-top:1px solid var(--line)}.compact-link{min-height:52px;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) 0;color:inherit;text-decoration:none}.compact-link:hover strong{color:var(--accent-text)}.compact-main{min-width:0;flex:1;display:grid}.compact-main strong{overflow:hidden;font-size:var(--fs-sm);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.compact-main small{color:var(--text-3);font-size:var(--fs-xs)}.avatar-sm{width:30px;height:30px;font-size:var(--fs-xs)}.class-grid{display:grid;gap:var(--s-3);margin:0;padding:0;list-style:none}@media(min-width:640px){.class-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.class-card{height:100%;display:grid;align-content:start;gap:var(--s-3);padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface-1);color:inherit;text-decoration:none;transition:border-color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.class-card:hover{border-color:var(--line-strong);background:var(--surface-2)}.class-card.is-archived{color:var(--text-3)}.class-card-head{display:flex;align-items:center;gap:var(--s-3)}.class-card-title{min-width:0;flex:1;display:grid}.class-card-title strong{overflow:hidden;font-size:var(--fs-md);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.class-card-title small{color:var(--text-3);font-size:var(--fs-xs)}.class-card-teachers{overflow:hidden;color:var(--text-2);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap}.class-card-stats{display:flex;gap:var(--s-5);padding-top:var(--s-3);border-top:1px solid var(--line);color:var(--text-3);font-size:var(--fs-xs)}.class-card-stats strong{color:var(--text-1);font-size:var(--fs-md)}.chip-list{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:0;padding:0;list-style:none}.chip{min-height:36px;display:inline-flex;align-items:center;gap:var(--s-2);padding:0 var(--s-3);border:1px solid var(--line-strong);border-radius:18px;color:var(--text-1);font-size:var(--fs-sm);font-weight:600;text-decoration:none}.chip small{color:var(--text-3);font-weight:500}.chip:hover{border-color:var(--accent)}.chip.is-archived{color:var(--text-3);border-style:dashed}.row .row-chevron{flex:0 0 auto}a.row:hover .row-chevron{color:var(--accent-text)}.timeline{display:grid;min-width:0}.timeline-axis{display:flex;justify-content:space-between;padding-bottom:var(--s-2);border-bottom:1px solid var(--line);color:var(--text-3);font-size:var(--fs-xs)}.timeline-row{border-bottom:1px solid var(--line)}.timeline-row:last-child{border-bottom:0}.timeline-row summary{display:grid;gap:var(--s-2);padding:var(--s-3) 0;cursor:pointer;list-style:none}.timeline-row summary::-webkit-details-marker{display:none}.timeline-row summary:hover .timeline-name strong{color:var(--accent-text)}.timeline-name{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-2)}.timeline-name strong{overflow:hidden;font-size:var(--fs-sm);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.timeline-name small{flex:0 0 auto;color:var(--text-3);font-size:var(--fs-xs)}.timeline-track{position:relative;height:12px;border-radius:4px;background:var(--chart-track)}.timeline-segment{position:absolute;inset-block:0;border-radius:4px;background:var(--chart-bar)}.timeline-segment.is-open{background:var(--success)}.timeline-grace{position:absolute;inset-block:-3px;width:1px;background:var(--warning);opacity:.7}@media(min-width:768px){.timeline-axis{margin-inline-start:232px}.timeline-row summary{grid-template-columns:216px minmax(0,1fr);align-items:center;gap:var(--s-4)}.timeline-name{display:grid;justify-content:start;gap:0}}.interval-list{display:grid;gap:var(--s-1);margin:0 0 var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-2);background:var(--surface-2);font-size:var(--fs-xs);list-style:none}.interval-list li{display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s-4)}.interval-list li span:first-child{min-width:110px;font-weight:600}.interval-list .muted{font-size:var(--fs-xs)}@media(min-width:768px){.interval-list{margin-inline-start:232px}}.poll-results{display:grid;gap:var(--s-5)}.poll-result{display:grid;gap:var(--s-2)}.poll-result h3{font-size:var(--fs-sm);font-weight:600}.poll-result ul{display:grid;gap:var(--s-2);margin:var(--s-1) 0 0;padding:0;list-style:none}.poll-result li{display:grid;gap:4px}.poll-result .meter{max-width:none}.poll-result .meter-value{min-width:6em}.poll-option-label{color:var(--text-2);font-size:var(--fs-sm)}.audit-feed{margin:0;padding:0;list-style:none}.audit-feed li{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-4)}.audit-feed li+li{border-top:1px solid var(--line)}.audit-icon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--r-2);background:var(--surface-3);color:var(--text-2)}.audit-icon svg{width:var(--icon-sm);height:var(--icon-sm)}.audit-main{min-width:0;flex:1;display:grid;gap:2px}.audit-main strong{font-size:var(--fs-sm);font-weight:600}.audit-main small{color:var(--text-3);font-size:var(--fs-xs);line-height:1.6;overflow-wrap:anywhere}.audit-side{display:grid;justify-items:end;gap:2px;color:var(--text-3);font-size:var(--fs-xs);white-space:nowrap}.audit-link{min-height:24px;display:inline-flex;align-items:center;color:var(--accent-text);font-weight:600;text-decoration:none}@media(min-width:640px){.audit-feed li{padding-inline:var(--s-5)}}.settings-form{display:grid;gap:var(--s-4);max-width:720px}.input-short{max-width:160px}.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--s-3)}.save-note{color:var(--success-text);font-size:var(--fs-sm)}@media(max-width:639px){.settings-actions .btn{flex:1}}@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}.room{height:100dvh;display:grid;grid-template:"header" auto "stage" auto "cameras" auto "panel" minmax(0,1fr) / minmax(0,1fr);background:var(--bg);--toast-offset: 96px}.room-header{grid-area:header;min-height:calc(52px + var(--safe-top));display:flex;align-items:center;gap:var(--s-2);padding:var(--safe-top) var(--s-3) 0;border-bottom:1px solid var(--line)}.room-title{min-width:0;flex:1;display:flex;align-items:baseline;gap:var(--s-2)}.room-title h1{overflow:hidden;font-size:var(--fs-md);text-overflow:ellipsis;white-space:nowrap}.room-title span{color:var(--text-3);font-size:var(--fs-xs);white-space:nowrap}.room-status{--status: var(--success);display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-size:var(--fs-xs);white-space:nowrap}.room-status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--status)}.room-status.is-weak,.room-status.is-reconnecting{--status: var(--warning);color:var(--warning)}.room-status.is-connecting{--status: var(--text-3)}.room-clock{display:none;color:var(--text-3);font-size:var(--fs-xs)}.room-panel-toggle{display:none;position:relative}.room-panel-toggle .badge{position:absolute;top:2px;inset-inline-end:2px}.recording-pill{height:26px;display:inline-flex;align-items:center;flex:0 0 auto;gap:6px;padding:0 var(--s-2);border:1px solid rgb(241 123 132 / .4);border-radius:13px;background:var(--danger-soft);color:var(--danger);font-size:var(--fs-xs);font-weight:600;white-space:nowrap}.recording-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:recording-pulse 1.3s ease-in-out infinite}.leave-button{color:var(--danger)}.leave-button:not(:disabled):hover{background:var(--danger-soft);color:var(--danger)}@media(max-width:420px){.room-status span,.leave-button span{display:none}.leave-button{width:40px;padding:0}}.stage{grid-area:stage;position:relative;aspect-ratio:16 / 10;max-height:52dvh;width:100%;overflow:hidden;background:var(--stage)}.stage-content{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.stage-content video{width:100%;height:100%;display:block;object-fit:contain}.stage-content.is-camera video{object-fit:cover}.stage-empty{max-width:360px;display:grid;justify-items:center;gap:var(--s-2);padding:var(--s-5);color:var(--text-2);font-size:var(--fs-sm);text-align:center}.stage-empty svg{width:28px;height:28px;color:var(--text-3)}.stage-empty strong{color:var(--text-1);font-size:var(--fs-md)}.stage-empty .btn{margin-top:var(--s-2)}.stage-label{position:absolute;z-index:3;top:var(--s-2);inset-inline-start:var(--s-2);max-width:calc(100% - 140px);overflow:hidden;padding:4px 10px;border-radius:var(--r-1);background:#0a0c0fc7;color:var(--text-2);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap}.stage-tools{position:absolute;z-index:4;bottom:var(--s-2);inset-inline:var(--s-2);display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s-2);pointer-events:none}.stage-tools>*{pointer-events:auto}.stage-chip{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--line);border-radius:var(--r-2);background:#151a20eb}.stage-chip .btn{min-height:36px}.stage-chip .page-count{min-width:64px;padding:0 var(--s-2);color:var(--text-2);font-size:var(--fs-xs);text-align:center}.stage-chip-end{margin-inline-start:auto}.board-host{position:absolute;top:0;right:0;bottom:0;left:0}.board-host .excalidraw{--color-primary: var(--accent)}.board-host.is-viewer .excalidraw .layer-ui__wrapper{display:none}.pdf-host{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden}.pdf-host canvas{display:block;max-width:100%;max-height:100%;background:#fff}.pdf-progress{display:grid;justify-items:center;gap:var(--s-2);color:var(--text-2);font-size:var(--fs-sm)}.panel{grid-area:panel;min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--line);background:var(--surface-1)}.panel-head{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3)}.panel-head .tabs{flex:1;border-color:var(--line-strong);background:var(--surface-2)}.panel-head .tab{min-height:40px}.panel-head .tab>svg{width:var(--icon-sm);height:var(--icon-sm)}.panel-head .tab[aria-selected=true]{background:var(--surface-3);color:var(--accent-text)}.panel-close{display:none}.panel-body{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}.panel-camera{position:relative;min-height:116px;max-height:190px;flex:0 1 auto;aspect-ratio:16 / 9;margin:var(--s-3) var(--s-3) 0;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--r-3);background:var(--stage)}.panel-camera.is-speaking{border-color:var(--success)}.panel-camera video{width:100%;height:100%;display:block;object-fit:cover}.panel-camera-footer{position:absolute;inset-inline:var(--s-2);bottom:var(--s-2);display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.panel-camera-person{min-width:0;min-height:32px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid rgb(255 255 255 / .1);border-radius:var(--r-2);background:#0a0c0fd1;color:var(--text-1);font-size:var(--fs-xs)}.panel-camera-person>svg{width:15px;height:15px;color:var(--text-2)}.panel-camera-person>svg.is-speaking{color:var(--success)}.panel-camera-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-live-badge{color:var(--success);font-size:10px;font-weight:600}.panel-camera-fullscreen{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;padding:0;border:1px solid rgb(255 255 255 / .1);border-radius:var(--r-2);background:#0a0c0fd1;color:var(--text-1)}.panel-camera-fullscreen:hover{background:var(--surface-3)}.panel-camera-fullscreen svg{width:var(--icon-sm);height:var(--icon-sm)}.panel-camera:fullscreen{width:100%;height:100%;max-height:none;margin:0;border:0;border-radius:0;background:var(--stage)}.panel-camera:fullscreen video{object-fit:contain}.panel-camera:fullscreen .panel-camera-footer{inset-inline:var(--s-5);bottom:var(--s-5)}.panel-camera.is-fullscreen-fallback{position:fixed;z-index:70;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;background:var(--stage)}.panel-camera.is-fullscreen-fallback video{object-fit:contain}.panel-camera.is-fullscreen-fallback .panel-camera-footer{inset-inline:var(--s-5);bottom:calc(var(--s-5) + var(--safe-bottom))}.people-view{padding-top:var(--s-1)}.people-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:var(--s-2) var(--s-4) var(--s-3);color:var(--text-3);font-size:var(--fs-xs)}.people-summary span{display:inline-flex;align-items:center;gap:6px}.presence-dot{width:7px;height:7px;border-radius:50%;background:var(--success)}.people{display:grid;gap:3px;margin:0;padding:0 var(--s-2) var(--s-3);list-style:none}.person{min-height:60px;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2);border:1px solid transparent;border-radius:var(--r-2);transition:background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.person:hover{background:var(--surface-2)}.person.is-speaking{border-color:#52c78f47;background:#52c78f0f}.person.is-speaking .avatar{box-shadow:0 0 0 2px var(--success)}.person-main{min-width:0;flex:1;display:grid;line-height:1.4}.person-main>span:last-child{color:var(--text-3);font-size:var(--fs-xs)}.person-name-row{min-width:0;display:flex;align-items:center;gap:6px}.person-name-row strong{overflow:hidden;color:var(--text-1);font-size:var(--fs-sm);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.person-mic{width:var(--icon-sm);height:var(--icon-sm);flex:0 0 auto;color:var(--text-2)}.person-mic.is-speaking{color:var(--success)}.person-state{display:flex;align-items:center;gap:var(--s-2);color:var(--text-3)}.person-state svg{width:var(--icon-sm);height:var(--icon-sm)}.person-state .is-hand{color:var(--warning)}.person-menu{flex:0 0 auto}.chat{display:grid;gap:var(--s-4);padding:var(--s-3) var(--s-3) var(--s-4)}.chat-empty{display:grid;justify-items:center;gap:6px;padding:var(--s-8) var(--s-3);color:var(--text-3);font-size:var(--fs-xs);text-align:center}.chat-empty strong{color:var(--text-2);font-size:var(--fs-sm)}.chat-empty-icon{width:38px;height:38px;display:grid;place-items:center;margin-bottom:var(--s-1);border-radius:50%;background:var(--surface-3);color:var(--text-2)}.chat-empty-icon svg{width:18px;height:18px}.message{display:flex;align-items:flex-start;gap:var(--s-2)}.message.is-own{flex-direction:row-reverse}.message-avatar{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--surface-3);color:var(--text-2);font-size:11px;font-weight:700}.message-content{min-width:0;max-width:calc(100% - 36px);display:grid;gap:5px}.message.is-own .message-content{justify-items:end}.message-head{display:flex;align-items:baseline;gap:var(--s-2);font-size:var(--fs-xs)}.message-head strong{color:var(--text-2);font-weight:600}.message-head time{color:var(--text-3)}.message.is-own .message-head strong{color:var(--accent-text)}.message.is-teacher .message-head strong{color:var(--warning)}.message-role{padding:1px 5px;border-radius:4px;background:var(--warning-soft);color:var(--warning);font-size:10px}.message p{width:fit-content;max-width:100%;padding:8px 11px;border:1px solid var(--line);border-radius:5px var(--r-3) var(--r-3) var(--r-3);background:var(--surface-2);color:var(--text-1);font-size:var(--fs-sm);line-height:1.7;overflow-wrap:anywhere}.message.is-own p{border-color:#5ec4d040;border-radius:var(--r-3) 5px var(--r-3) var(--r-3);background:var(--accent-soft)}.composer{display:flex;gap:var(--s-2);padding:var(--s-3) var(--s-3) calc(var(--s-3) + var(--safe-bottom));border-top:1px solid var(--line);background:var(--surface-1)}.composer .input{min-height:44px;border-color:var(--line);border-radius:22px;background:var(--surface-2);padding-inline:var(--s-4)}.composer .btn{width:44px;height:44px;flex:0 0 auto;border-radius:50%}@media(max-width:959px)and (max-height:700px){.panel-camera{min-height:88px;max-height:128px}}.panel.is-collapsed{padding:6px 6px calc(6px + var(--safe-bottom))}.panel-bar{display:flex;gap:6px}.panel-bar button{min-height:44px;display:flex;align-items:center;gap:var(--s-2);padding:0 var(--s-3);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-2);color:var(--text-2);font-size:var(--fs-xs);transition:background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.panel-bar button:active{background:var(--surface-3)}.panel-bar svg{width:var(--icon-sm);height:var(--icon-sm);flex:0 0 auto}.panel-bar-chat{min-width:0;flex:1}.panel-bar-chat.has-unread{border-color:#5ec4d066}.panel-bar-chat.has-unread>svg:first-child{color:var(--accent-text)}.panel-bar-preview{min-width:0;flex:1;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap}.panel-bar-preview strong{color:var(--text-1);font-weight:600}.panel-bar-people,.panel-collapse{flex:0 0 auto}.room.is-panel-collapsed{grid-template:"header" auto "stage" minmax(0,1fr) "cameras" auto "panel" auto / minmax(0,1fr);--toast-offset: 68px}.room.is-panel-collapsed .stage{aspect-ratio:auto;max-height:none;height:100%}.room.is-panel-collapsed .stage-content.is-camera video{object-fit:contain}.room-toolbar{display:flex;flex:0 0 auto}.controls{display:flex;align-items:center;flex:0 0 auto;gap:2px;padding:2px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-1)}.control{width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;color:var(--text-2);transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.control-icon{display:grid;place-items:center}.control-icon svg{width:18px;height:18px}.control:not(:disabled):hover{background:var(--surface-3);color:var(--text-1)}.control.is-off{background:var(--danger-soft);color:var(--danger)}.control.is-off:not(:disabled):hover{background:#f17b8433;color:var(--danger)}.control.is-active,.control.is-active:not(:disabled):hover{background:var(--accent);color:var(--accent-ink)}.control:disabled{opacity:.5}.control[aria-busy=true] .control-icon{opacity:.6}@media(max-width:639px){.room{--toast-offset: 54px}.room-header{min-height:calc(42px + var(--safe-top));gap:3px;padding:var(--safe-top) 5px 0}.room-title{flex:1 1 54px;gap:0}.room-title h1{font-size:12px}.room-title span,.room-status span,.recording-pill>span:last-child,.leave-button span{display:none}.room-status{width:8px;flex:0 0 8px;gap:0}.room-status:before{width:7px;height:7px}.recording-pill{width:20px;height:20px;justify-content:center;padding:0;border-radius:50%}.recording-dot{width:7px;height:7px}.room-toolbar{min-width:0;flex:0 0 auto}.controls{gap:0;padding:1px;border-radius:8px}.control{width:30px;height:30px;border-radius:7px}.control-icon svg{width:15px;height:15px}.leave-button{width:30px;min-height:30px;padding:0}.leave-button svg{width:15px;height:15px}.stage{max-height:46dvh}.stage-empty{gap:5px;padding:var(--s-3);font-size:11px}.stage-empty svg{width:22px;height:22px}.stage-empty strong{font-size:var(--fs-sm)}.stage-label{top:5px;inset-inline-start:5px;padding:2px 6px;font-size:10px}.stage-chip .btn{width:30px;min-height:30px}.stage-chip .page-count{min-width:48px;padding-inline:4px;font-size:10px}.cameras{gap:4px;padding:4px 6px}.camera-row{gap:4px}.camera-tile{width:72px;border-width:1px;border-radius:7px}.camera-name{bottom:2px;inset-inline-start:2px;max-width:calc(100% - 4px);padding:1px 4px;font-size:9px}.camera-hide{width:30px;min-height:30px}.panel-head{gap:5px;padding:5px 6px}.panel-head .tab{min-height:32px;padding-inline:8px;font-size:11px}.panel-camera{min-height:76px;margin:5px 6px 0}.people-summary{padding:5px 10px;font-size:10px}.people{gap:1px;padding:0 4px 6px}.person{min-height:44px;gap:6px;padding:4px 6px}.person .avatar{width:30px;height:30px;font-size:11px}.person-main>span:last-child,.person-name-row strong{font-size:11px}.chat{gap:8px;padding:7px 6px 8px}.message-avatar{width:24px;height:24px;font-size:9px}.message-content{max-width:calc(100% - 30px);gap:3px}.message-head{gap:5px;font-size:10px}.message p{padding:5px 8px;font-size:11px;line-height:1.55}.composer{gap:5px;padding:5px 6px calc(5px + var(--safe-bottom))}.composer .input{min-height:36px;padding-inline:10px;font-size:12px}.composer .btn{width:36px;height:36px}.audio-banner{top:calc(5px + var(--safe-top));inset-inline:5px;min-height:38px;padding:4px 6px;font-size:11px}}.audio-banner{position:fixed;z-index:65;top:calc(var(--s-3) + var(--safe-top));inset-inline:var(--s-3);width:fit-content;max-width:calc(100% - 24px);display:flex;align-items:center;gap:var(--s-3);margin-inline:auto;padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--surface-3);font-size:var(--fs-sm);box-shadow:var(--shadow-overlay)}.room.is-expanded{grid-template:"header" auto "stage" minmax(0,1fr) "cameras" auto / minmax(0,1fr)}.room.is-expanded .panel{display:none}.room.is-expanded .stage{aspect-ratio:auto;max-height:none;height:100%}.mobile-board-return{display:none}@media(max-width:959px){.room.is-board-immersive{grid-template:"stage" minmax(0,1fr) / minmax(0,1fr);overflow:hidden;background:var(--stage)}.room.is-board-immersive .room-header,.room.is-board-immersive .cameras,.room.is-board-immersive .panel,.room.is-board-immersive .panel-scrim{display:none}.room.is-board-immersive .stage{width:100vw;height:100dvh;max-height:none;aspect-ratio:auto}.room.is-board-immersive .stage-tools{top:calc(var(--safe-top) + 50px);bottom:auto;justify-content:center}.room.is-board-immersive .stage-chip{border-color:#ffffff1f;background:#151a20d6}.room.is-board-immersive .mobile-board-return{position:fixed;z-index:20;top:calc(var(--safe-top) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid rgb(255 255 255 / .1);border-radius:8px;background:#232932e6;color:var(--text-2)}.room.is-board-immersive .mobile-board-return:active{background:var(--surface-3);color:var(--text-1)}.room.is-board-immersive .mobile-board-return svg{width:15px;height:15px}.room.is-board-immersive .toast{bottom:calc(54px + var(--safe-bottom))}}@media(orientation:landscape)and (max-height:540px){.room{grid-template:"header" auto "stage" minmax(0,1fr) "cameras" auto / minmax(0,1fr);--toast-offset: 76px}.room-header{min-height:48px}.stage{aspect-ratio:auto;max-height:none;height:100%}.room-panel-toggle{display:inline-flex}.panel{position:fixed;z-index:50;inset-block:0;inset-inline-end:0;width:min(360px,88vw);border-top:0;border-inline-start:1px solid var(--line);transform:translate(-100%);visibility:hidden;transition:transform var(--t-base) var(--ease),visibility var(--t-base)}.room.is-panel-open .panel{transform:none;visibility:visible}.panel-close{display:inline-flex}.panel-scrim{position:fixed;z-index:49;top:0;right:0;bottom:0;left:0;border:0;background:var(--scrim)}}@media(min-width:960px)and (min-height:541px){.room{grid-template:"header header" auto "stage panel" minmax(0,1fr) "cameras panel" auto / minmax(0,1fr) 340px;--toast-offset: 72px}.room-header{padding-inline:var(--s-4)}.room-title h1{font-size:var(--fs-lg)}.room-clock{display:inline}.stage{aspect-ratio:auto;max-height:none;height:100%}.panel{border-top:0;border-inline-start:1px solid var(--line)}.room.is-expanded{grid-template:"header" auto "stage" minmax(0,1fr) "cameras" auto / minmax(0,1fr)}}@media(min-width:1280px)and (min-height:541px){.room{grid-template-columns:minmax(0,1fr) 380px}}.room-root{display:contents}.composer .btn svg{transform:scaleX(-1)}.board-host.is-viewer .App-bottom-bar,.board-host.is-viewer .App-menu,.board-host.is-viewer .mobile-misc-tools-container,.board-host.is-viewer .welcome-screen-center{display:none}.session-tools{display:grid;gap:var(--s-5)}.status-tiles{display:grid;gap:var(--s-2)}.status-tile{min-width:0;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface-2);transition:border-color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.status-tile-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--r-2);background:var(--surface-3);color:var(--text-2)}.status-tile-icon svg{width:var(--icon-md);height:var(--icon-md)}.status-tile-text{min-width:0;flex:1;display:grid;gap:2px;line-height:1.5}.status-tile-text strong{color:var(--text-1);font-size:var(--fs-sm);font-weight:600}.status-tile-text span{color:var(--text-3);font-size:var(--fs-xs)}.status-tile .btn{flex:0 0 auto}.record-glyph{width:14px;height:14px;border:2px solid currentColor;border-radius:50%}.status-tile.is-recording{border-color:#f17b8459;background:var(--danger-soft)}.status-tile.is-recording .status-tile-icon{background:#f17b8429;color:var(--danger)}.status-tile.is-recording .record-glyph{border:0;background:var(--danger);animation:recording-pulse 1.3s ease-in-out infinite}.status-pill{height:24px;display:inline-flex;align-items:center;flex:0 0 auto;gap:6px;padding:0 var(--s-2);border:1px solid var(--line-strong);border-radius:12px;color:var(--text-3);font-size:var(--fs-xs);font-weight:600;white-space:nowrap}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-tile.is-ready .status-tile-icon{background:#52c78f21;color:var(--success)}.status-tile.is-ready .status-pill{border-color:#52c78f59;color:var(--success)}@media(min-width:600px){.status-tiles{grid-template-columns:1fr 1fr}}.tools-section{display:grid;gap:var(--s-3)}.tools-section-head{min-height:36px;display:flex;align-items:center;gap:var(--s-2)}.tools-section-head h3{font-size:var(--fs-md);font-weight:700}.tools-section-action{margin-inline-start:auto}.permission-manager{padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface-1)}.permission-manager-head{align-items:flex-start}.permission-manager-head>div{min-width:0;flex:1;display:grid;gap:3px}.permission-manager-head p{margin:0;color:var(--text-3);font-size:var(--fs-xs);line-height:1.6}.permission-defaults,.permission-student-grid{display:grid;gap:var(--s-2)}.permission-switch{position:relative;min-width:0;min-height:68px;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-2);cursor:pointer;transition:border-color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.permission-switch.is-enabled{border-color:#52c78f4d;background:#52c78f0f}.permission-switch:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.permission-switch:has(input:disabled){cursor:wait;opacity:.72}.permission-switch-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--r-2);background:var(--surface-3);color:var(--text-3)}.permission-switch.is-enabled .permission-switch-icon{color:var(--success)}.permission-switch-icon svg{width:18px;height:18px}.permission-switch-text{min-width:0;flex:1;display:grid;gap:2px}.permission-switch-text strong{color:var(--text-1);font-size:var(--fs-sm)}.permission-switch-text small{color:var(--text-3);font-size:var(--fs-xs);line-height:1.55}.permission-switch>.switch{min-height:30px;flex:0 0 auto}.permission-switch-spinner{position:absolute;inset-inline-end:8px;bottom:5px;width:12px;height:12px}.permission-help{margin:0;color:var(--text-3);font-size:var(--fs-xs);line-height:1.7}.permission-loading{min-height:84px;display:flex;align-items:center;justify-content:center;gap:var(--s-2);color:var(--text-3);font-size:var(--fs-sm)}.permission-students{display:grid;gap:var(--s-2);padding-top:var(--s-2);border-top:1px solid var(--line)}.permission-students-title{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.permission-students-title strong{color:var(--text-1);font-size:var(--fs-sm)}.permission-students-title span{color:var(--text-3);font-size:var(--fs-xs)}.permission-empty{margin:0;padding:var(--s-4);color:var(--text-3);font-size:var(--fs-sm);text-align:center}.permission-student{overflow:hidden;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-2)}.permission-student summary{min-height:50px;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);cursor:pointer;list-style:none}.permission-student summary::-webkit-details-marker{display:none}.permission-student summary:after{content:"⌄";margin-inline-start:var(--s-1);color:var(--text-3);transition:transform var(--t-fast) var(--ease)}.permission-student[open] summary:after{transform:rotate(180deg)}.permission-student summary .avatar{width:30px;height:30px}.permission-student summary strong{min-width:0;flex:1;overflow:hidden;color:var(--text-1);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap}.permission-summary{color:var(--text-3);font-size:var(--fs-xs);white-space:nowrap}.permission-student-grid{padding:var(--s-2);border-top:1px solid var(--line);background:var(--surface-1)}.permission-switch.is-compact{min-height:48px;padding:6px var(--s-2)}.permission-switch.is-compact .permission-switch-icon{width:30px;height:30px}.participant-permissions{display:grid;gap:var(--s-3);margin-bottom:var(--s-4)}.participant-permissions>div:first-child{display:grid;gap:3px}.participant-permissions>div:first-child strong{color:var(--text-1);font-size:var(--fs-sm)}.participant-permissions>div:first-child span{color:var(--text-3);font-size:var(--fs-xs)}.participant-permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.participant-permission{position:relative;min-width:0;min-height:76px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px var(--s-2);padding:var(--s-2);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-2);cursor:pointer}.participant-permission.is-enabled{border-color:#52c78f4d}.participant-permission>span:first-child{color:var(--text-3)}.participant-permission.is-enabled>span:first-child{color:var(--success)}.participant-permission>span:first-child svg{width:17px;height:17px}.participant-permission>strong{overflow:hidden;color:var(--text-2);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap}.participant-permission>.switch{grid-column:1 / -1;justify-self:end;min-height:24px}.participant-permission>.spinner{position:absolute;inset-inline-start:8px;bottom:8px;width:12px;height:12px}.participant-permission:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}@media(min-width:680px){.permission-defaults,.permission-student-grid{grid-template-columns:1fr 1fr}}.tools-empty{display:grid;justify-items:center;gap:6px;padding:var(--s-8) var(--s-4);border:1px dashed var(--line-strong);border-radius:var(--r-3);color:var(--text-3);font-size:var(--fs-xs);line-height:1.7;text-align:center}.tools-empty strong{color:var(--text-2);font-size:var(--fs-sm)}.tools-empty-icon{width:38px;height:38px;display:grid;place-items:center;margin-bottom:var(--s-1);border-radius:50%;background:var(--surface-3);color:var(--text-2)}.tools-empty-icon svg{width:18px;height:18px}.poll-composer{display:grid;gap:var(--s-4);padding:var(--s-4);border:1px solid var(--line-strong);border-radius:var(--r-3);background:var(--surface-2)}.poll-composer .input{background:var(--surface-1)}.poll-composer-options{margin:0;padding:0;border:0}.poll-composer-options legend{margin-bottom:6px;padding:0}.poll-composer-option{display:flex;align-items:center;gap:var(--s-2)}.poll-composer-option .input{min-width:0;flex:1}.poll-composer-index{width:20px;flex:0 0 auto;color:var(--text-3);font-size:var(--fs-xs);text-align:center}.poll-composer-add{justify-self:start;color:var(--accent-text)}.poll-composer-settings{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-2) var(--s-4)}.poll-composer-actions{display:flex;justify-content:flex-end;gap:var(--s-2);padding-top:var(--s-4);border-top:1px solid var(--line)}.switch{position:relative;min-height:var(--control-h);display:inline-flex;align-items:center;gap:var(--s-2);color:var(--text-2);font-size:var(--fs-sm);font-weight:600;cursor:pointer}.switch input{position:absolute;width:1px;height:1px;opacity:0}.switch-track{position:relative;width:38px;height:22px;flex:0 0 auto;border:1px solid var(--line-strong);border-radius:11px;background:var(--surface-3);transition:background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.switch-track:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:14px;height:14px;border-radius:50%;background:var(--text-2);transition:transform var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.switch input:checked+.switch-track{border-color:var(--accent);background:var(--accent)}.switch input:checked+.switch-track:after{background:var(--accent-ink);transform:translate(-16px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--focus);outline-offset:2px}.poll-list{display:grid;gap:var(--s-3)}.poll-card{display:grid;gap:var(--s-3);padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface-2)}.poll-card-head{display:grid;gap:6px}.poll-card-head strong{color:var(--text-1);font-size:var(--fs-md);line-height:1.6;overflow-wrap:anywhere}.poll-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px var(--s-2);color:var(--text-3);font-size:var(--fs-xs)}.poll-card-meta>span:not(.tag)+span:before{content:"·";margin-inline-end:var(--s-2)}.poll-options{display:grid;gap:6px}.poll-option{position:relative;isolation:isolate;min-height:var(--control-h);display:flex;align-items:center;gap:var(--s-3);overflow:hidden;padding:0 var(--s-3);border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface-1);font-size:var(--fs-sm);cursor:pointer;transition:border-color var(--t-fast) var(--ease)}.poll-option:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:var(--accent-soft);transform:scaleX(var(--share, 0));transform-origin:100% 50%;transition:transform var(--t-base) var(--ease)}.poll-option:hover{border-color:var(--line-strong)}.poll-option.is-selected{border-color:#5ec4d080}.poll-option input{width:18px;height:18px;flex:0 0 auto;margin:0;accent-color:var(--accent)}.poll-option-label{min-width:0;flex:1;padding-block:10px;color:var(--text-1);line-height:1.6;overflow-wrap:anywhere}.poll-option small{color:var(--text-2);font-size:var(--fs-xs);font-weight:600}.poll-card.is-closed .poll-option{cursor:default}.poll-card.is-closed .poll-option:hover{border-color:var(--line)}.poll-card-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--s-2)}.poll-voted{display:inline-flex;align-items:center;gap:6px;margin-inline-end:auto;color:var(--success);font-size:var(--fs-xs);font-weight:600}.poll-voted svg{width:14px;height:14px}.end-session{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);padding-top:var(--s-4);border-top:1px solid var(--line)}.end-session-text{min-width:0;flex:1 1 220px;display:grid;gap:2px;line-height:1.5}.end-session-text strong{color:var(--text-1);font-size:var(--fs-sm);font-weight:600}.end-session-text span{color:var(--text-3);font-size:var(--fs-xs)}.end-session-actions{display:flex;gap:var(--s-2)}.end-session-trigger{border-color:#f17b8466;color:var(--danger)}.end-session-trigger:not(:disabled):hover{background:var(--danger-soft);color:var(--danger)}@keyframes recording-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.recording-dot,.status-tile.is-recording .record-glyph{animation:none}}.HelpDialog__header,.sidebar-triggers,.default-sidebar-trigger,.default-sidebar,[data-testid=toolbar-embeddable],.App-toolbar__extra-tools-dropdown [style*=font-weight]{display:none!important}.cameras{grid-area:cameras;min-width:0;display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-top:1px solid var(--line);background:var(--bg)}.cameras.is-hidden{padding-block:2px}.camera-row{min-width:0;flex:1;display:flex;gap:var(--s-2);margin:0;padding:0;overflow-x:auto;list-style:none;scrollbar-width:thin}.camera-tile{position:relative;flex:0 0 auto;width:104px;aspect-ratio:4 / 3;overflow:hidden;border:2px solid var(--line-strong);border-radius:var(--r-2);background:var(--surface-2);transition:border-color var(--t-fast) var(--ease)}.camera-tile.is-speaking{border-color:var(--success)}.camera-tile video{width:100%;height:100%;display:block;object-fit:cover}.camera-name{position:absolute;inset-inline-start:4px;bottom:4px;max-width:calc(100% - 8px);display:flex;align-items:center;gap:4px;overflow:hidden;padding:2px 6px;border-radius:5px;background:#0a0c0fd1;color:var(--text-1);font-size:11px;white-space:nowrap}.camera-name svg{width:12px;height:12px;flex:0 0 auto;color:var(--text-3)}.camera-name svg.is-speaking{color:var(--success)}.camera-name span{overflow:hidden;text-overflow:ellipsis}.camera-hide{flex:0 0 auto}@media(min-width:960px){.camera-tile{width:136px}}@media(orientation:landscape)and (max-height:540px){.camera-tile{width:76px}}