:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--brand:#1f6feb;--brand-contrast:#fff;--bg:var(--lightningcss-light,#f4f6f9)var(--lightningcss-dark,#0b0e13);--bg-accent:var(--lightningcss-light,#eaeef4)var(--lightningcss-dark,#10151c);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#151a21);--surface-2:var(--lightningcss-light,#f1f3f7)var(--lightningcss-dark,#1d232c);--surface-3:var(--lightningcss-light,#e4e8ef)var(--lightningcss-dark,#272f3a);--text:var(--lightningcss-light,#10141a)var(--lightningcss-dark,#e8edf4);--text-muted:var(--lightningcss-light,#55606f)var(--lightningcss-dark,#a2aec1);--border:var(--lightningcss-light,#dde2ea)var(--lightningcss-dark,#2a323d);--border-strong:var(--lightningcss-light,#c3cad6)var(--lightningcss-dark,#3c4655);--danger:var(--lightningcss-light,#a8201d)var(--lightningcss-dark,#ff8a80);--danger-fill:var(--lightningcss-light,#c5221f)var(--lightningcss-dark,#ea4335);--success:var(--lightningcss-light,#0f5c31)var(--lightningcss-dark,#4ecb79);--warning:var(--lightningcss-light,#7a4f00)var(--lightningcss-dark,#e3b341);--focus:var(--lightningcss-light,#0b57d0)var(--lightningcss-dark,#79b8ff);--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--space:8px;--shadow-sm:0 1px 2px var(--lightningcss-light,#10141a0f)var(--lightningcss-dark,#0006);--shadow:0 1px 3px var(--lightningcss-light,#10141a14)var(--lightningcss-dark,#00000080), 0 8px 24px -12px var(--lightningcss-light,#10141a29)var(--lightningcss-dark,#0009);--shadow-lg:0 2px 6px var(--lightningcss-light,#10141a14)var(--lightningcss-dark,#00000080), 0 24px 48px -24px var(--lightningcss-light,#10141a47)var(--lightningcss-dark,#000000b3);--speed:.14s;--ease:cubic-bezier(.2, 0, .2, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Arabic,sans-serif;font-size:16px;line-height:1.55}body{background-image:radial-gradient(120rem 60rem at 50% -20rem, var(--bg-accent) 0%, transparent 65%);background-repeat:no-repeat}h1,h2,h3,h4{margin:0 0 calc(var(--space) * 1.5);letter-spacing:-.01em;font-weight:650;line-height:1.25}h1{font-size:var(--text-2xl);letter-spacing:-.02em}h2{font-size:var(--text-lg)}h3{font-size:var(--text-base)}p{margin:0 0 calc(var(--space) * 1.5)}p:last-child{margin-block-end:0}a{color:var(--brand);text-underline-offset:2px}code{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);padding:1px 5px;font-family:ui-monospace,Cascadia Mono,Segoe UI Mono,monospace;font-size:.9em}pre{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:calc(var(--space) * 1.5);overflow-x:auto}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.skip-link{inset-inline-start:-9999px;z-index:100;background:var(--brand);color:var(--brand-contrast);border-radius:0 0 var(--radius) 0;padding:12px 18px;font-weight:600;position:absolute;top:0}.skip-link:focus{inset-inline-start:0}.topbar{z-index:30;justify-content:space-between;align-items:center;gap:calc(var(--space) * 2);padding:calc(var(--space) * 1.5) calc(var(--space) * 3);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block-end:1px solid var(--border);flex-wrap:wrap;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space);font-weight:700;font-size:var(--text-lg);letter-spacing:-.02em;color:var(--text);text-decoration:none;display:inline-flex}.brand:before{content:"";background:linear-gradient(145deg, var(--brand), color-mix(in oklab, var(--brand), #000 28%));border-radius:7px;flex:none;width:22px;height:22px;box-shadow:inset 0 1px #ffffff59}.brand:has(img):before{display:none}.topnav{align-items:center;gap:calc(var(--space) * .5);flex-wrap:wrap;display:flex}.topnav a{border-radius:var(--radius-sm);color:var(--text-muted);font-weight:550;font-size:var(--text-base);padding:6px 10px;text-decoration:none}.topnav a:hover,.topnav a[aria-current=page]{color:var(--text);background:var(--surface-2)}.topnav-divider{background:var(--border);align-self:stretch;width:1px;margin-inline:6px}.shell{max-width:1180px;padding:calc(var(--space) * 4) calc(var(--space) * 3) calc(var(--space) * 8);margin-inline:auto}:root[data-immersive=true] .topbar{display:none}:root[data-immersive=true] .shell{max-width:none;padding:0}:root[data-immersive=true],:root[data-immersive=true] body{height:100%;overflow:hidden}.stack{gap:calc(var(--space) * 2);flex-direction:column;display:flex}.stack-tight{gap:var(--space)}.row{gap:var(--space);flex-wrap:wrap;align-items:center;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:calc(var(--space) * 3);box-shadow:var(--shadow-sm)}.card>h2:first-child,.card>h3:first-child{margin-block-start:0}.page-header{justify-content:space-between;align-items:flex-end;gap:calc(var(--space) * 2);flex-wrap:wrap;margin-block-end:calc(var(--space) * 3);display:flex}.page-header h1{margin:0}.page-header .lede{color:var(--text-muted);max-width:62ch;margin:6px 0 0}.section-title{justify-content:space-between;align-items:center;gap:var(--space);flex-wrap:wrap;margin-block-end:calc(var(--space) * 1.5);display:flex}.section-title h2,.section-title h3{margin:0}.muted{color:var(--text-muted)}.small{font-size:var(--text-sm)}.error{color:var(--danger);font-weight:600}.divider{height:1px;margin:calc(var(--space) * 2) 0;background:var(--border);border:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}label{font-weight:600;font-size:var(--text-sm);color:var(--text);margin-block-end:5px;display:block}input,select,textarea{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);font:inherit;font-size:var(--text-base);transition:border-color var(--speed) var(--ease), box-shadow var(--speed) var(--ease);padding:9px 12px}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb, var(--brand) 40%, var(--border-strong))}input:focus,select:focus,textarea:focus{border-color:var(--brand)}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--brand)}input[type=color]{height:40px;padding:3px}textarea{resize:vertical}option{background-color:var(--surface);color:var(--text)}::placeholder{color:color-mix(in srgb, var(--text-muted) 80%, transparent)}.field-hint{font-size:var(--text-sm);color:var(--text-muted);margin:5px 0 0}.check{font-weight:500;font-size:var(--text-base);align-items:flex-start;gap:10px;margin:0;display:flex}.check input{margin-block-start:3px}button{font:inherit;font-size:var(--text-base);border-radius:var(--radius);background:var(--brand);color:var(--brand-contrast);cursor:pointer;white-space:nowrap;transition:background-color var(--speed) var(--ease), border-color var(--speed) var(--ease), transform var(--speed) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-weight:600;display:inline-flex}button:hover:not([disabled]){background:color-mix(in oklab, var(--brand), #000 12%)}button:active:not([disabled]){transform:translateY(1px)}button.secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}button.secondary:hover:not([disabled]){background:var(--surface-2);border-color:color-mix(in srgb, var(--brand) 45%, var(--border-strong))}button.ghost{color:var(--text-muted);background:0 0;border-color:#0000;padding-inline:10px}button.ghost:hover:not([disabled]){background:var(--surface-2);color:var(--text)}button.danger{background:var(--danger-fill);color:#fff}button.danger:hover:not([disabled]){background:color-mix(in oklab, var(--danger-fill), #000 14%)}button.small{font-size:var(--text-sm);padding:5px 11px}button[disabled]{opacity:.5;cursor:not-allowed}.glyph{font-size:1.05em;line-height:1}.pill{border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:var(--text-sm);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-weight:600;display:inline-flex}.pill.ok{color:var(--success);border-color:color-mix(in srgb, currentColor 45%, transparent);background:color-mix(in srgb, var(--success) 10%, var(--surface-2))}.pill.bad{color:var(--danger);border-color:color-mix(in srgb, currentColor 45%, transparent);background:color-mix(in srgb, var(--danger) 10%, var(--surface-2))}.pill.warn{color:var(--warning);border-color:color-mix(in srgb, currentColor 45%, transparent);background:color-mix(in srgb, var(--warning) 10%, var(--surface-2))}.banner{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);align-items:flex-start;gap:10px;padding:11px 14px;font-weight:550;display:flex}.banner.recording{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, transparent);background:color-mix(in srgb, var(--danger) 10%, var(--surface-2));font-weight:650}table{border-collapse:collapse;width:100%;font-size:var(--text-base)}caption{text-align:start}th,td{text-align:start;border-block-end:1px solid var(--border);vertical-align:middle;padding:10px 12px}thead th{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-block-end-color:var(--border-strong);font-weight:650}tbody tr:last-child th,tbody tr:last-child td{border-block-end:0}.table-scroll{margin-inline:calc(var(--space) * -1);padding-inline:var(--space);overflow-x:auto}details>summary{cursor:pointer;font-weight:600;font-size:var(--text-sm);color:var(--text-muted);padding:4px 0}details>summary:hover{color:var(--text)}kbd{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);border-block-end-width:2px;padding:2px 7px;font-family:ui-monospace,monospace;font-size:.85em}.hero{text-align:center;max-width:640px;padding-block:calc(var(--space) * 6);margin-inline:auto}.hero h1{font-size:var(--text-3xl)}.hero p{color:var(--text-muted);font-size:var(--text-lg)}.hero .row{justify-content:center;margin-block-start:calc(var(--space) * 3)}.auth{max-width:420px;margin-inline:auto;padding-block-start:calc(var(--space) * 4)}.auth-card{padding:calc(var(--space) * 4);box-shadow:var(--shadow)}.auth-card h1{font-size:var(--text-xl);text-align:center}.auth-card .auth-intro{text-align:center;color:var(--text-muted);margin-block-end:calc(var(--space) * 3)}.auth-card button[type=submit]{width:100%;padding-block:11px}.auth-divider{align-items:center;gap:var(--space);margin-block:calc(var(--space) * 2.5);color:var(--text-muted);font-size:var(--text-sm);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-hint{border:1px dashed var(--border-strong);border-radius:var(--radius);font-size:var(--text-sm);color:var(--text-muted);text-align:center;margin-block-start:calc(var(--space) * 2.5);padding:10px 12px}.join-box{gap:var(--space);align-items:center;display:flex}.join-box input{border-radius:999px;width:min(260px,46vw);padding-inline:16px}.join-box button{border-radius:999px;padding-inline:20px}.grid-meetings{gap:calc(var(--space) * 2);grid-template-columns:repeat(auto-fill,minmax(290px,1fr));margin:0;padding:0;list-style:none;display:grid}.grid-meetings>.card{padding:calc(var(--space) * 2.5);border-inline-start:3px solid color-mix(in srgb, var(--brand) 65%, var(--border));transition:box-shadow var(--speed) var(--ease), transform var(--speed) var(--ease);flex-direction:column;gap:10px;display:flex}.grid-meetings>.card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.grid-meetings h3{font-size:var(--text-base);margin:0;font-weight:650}.meeting-when{font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums;margin:0}.meeting-actions{border-block-start:1px solid var(--border);margin-block-start:auto;padding-block-start:10px}.empty-state{text-align:center;padding:calc(var(--space) * 6) calc(var(--space) * 3);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-muted)}.greenroom{gap:calc(var(--space) * 5);grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);align-items:center;max-width:1120px;min-height:calc(100dvh - 200px);margin-inline:auto;display:grid}@media (max-width:900px){.greenroom{gap:calc(var(--space) * 3);grid-template-columns:1fr;min-height:0}}.greenroom-preview{box-shadow:none;gap:calc(var(--space) * 1.5);background:0 0;border:0;flex-direction:column;padding:0;display:flex;position:relative}.greenroom>.card.stack{box-shadow:none;background:0 0;border:0;max-width:380px;margin-inline-end:auto;padding:0}.join-heading h1{font-size:var(--text-2xl);margin-block-end:6px}.join-subject{font-size:var(--text-lg);color:var(--text);margin:0;font-weight:600}.join-occupancy{min-height:1.2em;margin:6px 0 0}.join-action{width:100%;font-size:var(--text-base);border-radius:999px;padding-block:13px}.preview-frame{background:#202124;border-radius:12px;position:relative;overflow:hidden}.self-preview{aspect-ratio:16/9;object-fit:cover;background:#202124;width:100%;display:block;transform:scaleX(-1)}.preview-off{color:#e8eaed;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-weight:600;display:flex;position:absolute;inset:0}.preview-off p{margin:0}.preview-off .avatar-disc{width:88px;font-size:1.9rem}.preview-controls{justify-content:center;gap:10px;display:flex;position:absolute;inset-block-end:14px;inset-inline:0}.preview-controls .bar-button{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#202124b8;border:1px solid #ffffff40;border-radius:50%;width:46px;height:46px;padding:0}.preview-controls .bar-button:hover:not([disabled]){background:#3c4043d9}.preview-controls .bar-button.off-is-danger[aria-pressed=false]{background:var(--danger-fill);color:#fff;border-color:#0000}.meter-slim{height:5px;margin-block-start:-4px}.meter{background:var(--surface-3);border:1px solid var(--border);border-radius:999px;height:8px;overflow:hidden}.meter>span{background:linear-gradient(90deg, var(--success), color-mix(in oklab, var(--success), #9ae6b4));border-radius:999px;height:100%;transition:width 90ms linear;display:block}.device-pills{flex-wrap:wrap;gap:8px;display:flex}.device-pill{border:1px solid var(--border-strong);background:var(--surface);max-width:100%;color:var(--text-muted);border-radius:999px;align-items:center;gap:7px;padding-inline-start:12px;display:inline-flex}.device-pill:hover{background:var(--surface-2)}.device-pill select{background-color:inherit;width:auto;max-width:190px;color:var(--text);font-size:var(--text-sm);text-overflow:ellipsis;border:0;padding:8px 10px 8px 0;font-weight:550}.device-pill select:focus,.device-pill select:focus-visible{border-color:#0000;outline:none}.device-pill:has(select:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.field-footer{justify-content:space-between;align-items:baseline;gap:var(--space);display:flex}.field-count{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none}.device-list{flex-direction:column;gap:8px;margin:0;display:flex}.device-row{justify-content:space-between;align-items:center;gap:var(--space);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);font-size:var(--text-sm);padding:8px 12px;font-weight:600;display:flex}.waiting{max-width:520px;text-align:center;margin-inline:auto;padding-block-start:calc(var(--space) * 6)}.waiting-card{padding:calc(var(--space) * 4);box-shadow:var(--shadow)}.waiting-card h1{font-size:var(--text-xl)}.waiting-card>button{align-self:center;min-width:160px}.waiting-dots{margin-block:calc(var(--space) * 2);justify-content:center;gap:7px;display:flex}.waiting-dots span{background:color-mix(in srgb, var(--brand) 55%, var(--border-strong));border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite waiting-pulse}.waiting-dots span:nth-child(2){animation-delay:.18s}.waiting-dots span:nth-child(3){animation-delay:.36s}@keyframes waiting-pulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.room{--bg:var(--lightningcss-light,#f7f8f9)var(--lightningcss-dark,#0f1011);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1e1f22);--surface-2:var(--lightningcss-light,#eceff1)var(--lightningcss-dark,#26282c);--surface-3:var(--lightningcss-light,#dfe3e6)var(--lightningcss-dark,#33363b);--text:var(--lightningcss-light,#1c1e21)var(--lightningcss-dark,#e8eaed);--text-muted:var(--lightningcss-light,#5b6167)var(--lightningcss-dark,#a7adb6);--border:var(--lightningcss-light,#dce0e4)var(--lightningcss-dark,#2f3237);--border-strong:var(--lightningcss-light,#bcc2c8)var(--lightningcss-dark,#454a52);--focus:var(--lightningcss-light,#0b57d0)var(--lightningcss-dark,#a8c7fa);--active:var(--lightningcss-light,#d3e3fd)var(--lightningcss-dark,#a8c7fa);--active-ink:var(--lightningcss-light,#041e49)var(--lightningcss-dark,#06182f);background:var(--bg);color:var(--text);grid-template-rows:minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.room-main{grid-template-columns:minmax(0,1fr);gap:10px;min-height:0;padding:10px 10px 0;display:grid}.room-main:has(.room-panel){grid-template-columns:minmax(0,1fr) 348px}.room-stage{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.room-stage>.video-grid-fit,.room-stage>.layout-speaker,.room-stage>.layout-sidebar,.room-stage>.layout-presentation,.room-stage>.audio-roster{flex:1;min-height:0}.stage-overlay{z-index:3;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;inset-block-start:12px;inset-inline-start:12px}.chip{background:color-mix(in srgb, var(--surface) 86%, transparent);border:1px solid var(--border);color:var(--text);font-size:var(--text-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:7px;margin:0;padding:5px 12px;font-weight:600;display:inline-flex}.chip.subtle{color:var(--text-muted)}.chip.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 55%, transparent);background:color-mix(in srgb, var(--danger) 12%, var(--surface))}.rec-dot{background:var(--danger-fill);border-radius:50%;width:9px;height:9px;animation:2s ease-in-out infinite rec-pulse}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.35}}.stage-status{font-size:var(--text-sm);color:var(--text-muted);margin:0}.stage-corner{z-index:3;align-items:center;gap:8px;display:flex;position:absolute;inset-block-start:12px;inset-inline-end:12px}.chip-button{cursor:pointer;min-height:32px;padding:5px 12px;font-weight:600}.chip-button:hover{background:var(--surface-2);border-color:var(--border-strong)}.chip-button[aria-pressed=true]{background:var(--active);color:var(--active-ink);border-color:#0000}.room-stage:has(.lobby-knock) .stage-corner{inset-block:auto 12px}.stage-alert{z-index:3;text-align:center;position:absolute;inset-block-end:12px;inset-inline:12px}.stage-alert p{background:color-mix(in srgb, var(--surface) 92%, transparent);border:1px solid color-mix(in srgb, var(--danger) 55%, transparent);border-radius:999px;margin:0;padding:8px 14px;display:inline-block}.lobby-knock{z-index:4;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border-strong);width:min(320px,100% - 24px);box-shadow:var(--shadow-lg);padding:14px;position:absolute;inset-block-start:12px;inset-inline-end:12px}.lobby-knock h2{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 10px;font-weight:650}.room-panel{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);min-height:0;animation:panel-in .16s var(--ease);flex-direction:column;display:flex;position:relative}@keyframes panel-in{0%{transform:translate(10px)}}.panel-close{z-index:2;width:34px;height:34px;color:var(--text-muted);background:0 0;border:0;border-radius:50%;padding:0;position:absolute;inset-block-start:10px;inset-inline-end:10px}.panel-close:hover{background:var(--surface-2);color:var(--text)}.panel-body{scrollbar-width:thin;flex-direction:column;flex:1;gap:20px;min-height:0;padding:16px;display:flex;overflow-y:auto}.panel-body>section>h2,.panel-body>section>h3,.panel-body>.notes-panel>h3,.panel-body>section:first-child>h2{font-size:var(--text-lg);letter-spacing:-.01em;color:var(--text);text-transform:none;margin:0 0 12px;padding-inline-end:36px;font-weight:650}.panel-body>section~section>h2{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding-inline-end:0;font-weight:650}.panel-body .card{box-shadow:none;background:0 0;border:0;padding:0}.plain-list{font-size:var(--text-sm);color:var(--text-muted);margin:6px 0 0;padding-inline-start:18px}.hand-queue{margin:0;padding-inline-start:20px}.roster{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.roster li{border-radius:var(--radius);font-size:var(--text-base);align-items:center;gap:10px;padding:7px 8px;display:flex}.roster li:hover{background:var(--surface-2)}.roster-avatar{background:var(--surface-3);width:30px;height:30px;color:var(--text);font-size:var(--text-xs);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.roster-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.roster-note{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.room-bar{align-items:center;gap:var(--space);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:12px 16px 14px;display:grid;position:relative}.bar-left{min-width:0;color:var(--text-muted);font-size:var(--text-sm);align-items:center;gap:10px;display:flex}.bar-clock{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.bar-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bar-name:before{content:"·";margin-inline-end:10px}.bar-code{border:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-family:ui-monospace,Cascadia Mono,Segoe UI Mono,monospace;font-weight:600;display:inline-flex}.bar-code:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}@media (max-width:1100px){.bar-code{display:none}}.bar-center{justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.bar-right{justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}@media (max-width:900px){.room-bar{grid-template-columns:1fr;justify-items:center;gap:10px}.bar-left{order:3}.room-main:has(.room-panel){grid-template-rows:minmax(0,1fr) minmax(0,260px);grid-template-columns:minmax(0,1fr)}}.room-bar .bar-button{background:var(--surface-2);width:48px;height:48px;color:var(--text);border:1px solid #0000;border-radius:50%;padding:0}.room-bar .bar-button:hover:not([disabled]){background:var(--surface-3)}.room-bar .bar-button.off-is-danger[aria-pressed=false]{background:var(--danger-fill);color:#fff}.room-bar .bar-button.off-is-danger[aria-pressed=false]:hover:not([disabled]){background:color-mix(in oklab, var(--danger-fill), #fff 12%)}.room-bar .bar-button.on-is-active[aria-pressed=true]{background:var(--active);color:var(--active-ink)}.room-bar .bar-button.on-is-active[aria-pressed=true]:hover:not([disabled]){background:color-mix(in oklab, var(--active), #fff 18%)}.room-bar .bar-button.on-is-danger[aria-pressed=true]{background:var(--danger-fill);color:#fff}.room-bar .bar-button.hangup{background:var(--danger-fill);color:#fff;border-radius:999px;width:62px;margin-inline-start:8px}.room-bar .bar-button.hangup:hover:not([disabled]){background:color-mix(in oklab, var(--danger-fill), #fff 12%)}.room-bar .bar-end{font-size:var(--text-sm);color:var(--danger);background:0 0;border:1px solid #0000;border-radius:999px;padding:10px 16px}.room-bar .bar-end:hover:not([disabled]){background:color-mix(in srgb, var(--danger) 14%, transparent);border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.room-bar .bar-icon{width:40px;height:40px;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:50%;padding:0}.room-bar .bar-icon:hover:not([disabled]){background:var(--surface-2);color:var(--text)}.room-bar .bar-icon[aria-pressed=true]{background:var(--active);color:var(--active-ink)}.room-bar .bar-icon{position:relative}.bar-badge{color:#fff;border:2px solid var(--bg);background:#c5221f;border-radius:999px;place-items:center;min-width:18px;height:18px;padding-inline:5px;font-size:11px;font-weight:700;line-height:1;display:grid;position:absolute;inset-block-start:-1px;inset-inline-end:-1px}.room-bar select{background-color:var(--surface-2);width:auto;color:var(--text);font-size:var(--text-sm);border-color:#0000;border-radius:999px;margin-inline-end:4px;padding:9px 8px 9px 14px;font-weight:550}.room-bar select:hover{background-color:var(--surface-3)}.icon{flex:none;display:block}.reaction-popover{border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--surface);max-width:min(420px,92vw);box-shadow:var(--shadow-lg);z-index:5;flex-wrap:wrap;justify-content:center;gap:6px;padding:10px;display:flex;position:absolute;inset-block-end:calc(100% + 12px);inset-inline-start:50%;transform:translate(-50%)}.reaction-flash{z-index:4;background:color-mix(in srgb, var(--surface) 92%, transparent);border:1px solid var(--border-strong);color:var(--text);font-size:var(--text-sm);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;margin:0;padding:8px 16px;font-weight:600;position:absolute;inset-block-end:14px;inset-inline-start:50%;transform:translate(-50%)}.chat-log{scrollbar-width:thin;flex-direction:column;flex:1;gap:10px;min-height:120px;max-height:none;padding-inline-end:4px;display:flex;overflow-y:auto}.chat-message{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-base);padding:9px 12px}.chat-message strong{font-size:var(--text-xs);color:var(--text-muted);margin-block-end:2px;font-weight:650;display:block}.chat-form{align-items:flex-start;gap:6px;margin-block-start:12px;display:flex}.chat-form input{background:var(--surface-2);border-radius:999px;flex:1;min-width:0}.chat-send{width:40px;height:40px;color:var(--brand);background:0 0;border-radius:50%;flex:none;padding:0}.chat-send:hover:not([disabled]){background:color-mix(in srgb, var(--brand) 14%, transparent)}.chat-send[disabled]{color:var(--text-muted)}.chat-empty{text-align:center;font-size:var(--text-sm);color:var(--text-muted);padding:calc(var(--space) * 3) var(--space);margin:auto 0}.panel-body>section:has(.chat-log){flex-direction:column;flex:1;min-height:0;display:flex}.lobby-list{gap:var(--space);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lobby-entry{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-2);padding:10px 12px}.lobby-entry .row:last-child button{flex:1}.notes-editor{position:relative}.notes-panel textarea,.notes-mirror{width:100%;min-height:140px;font:inherit;font-size:var(--text-base);border-radius:var(--radius);white-space:pre-wrap;overflow-wrap:break-word;box-sizing:border-box;border:1px solid #0000;padding:8px 10px;line-height:1.5}.notes-panel textarea{resize:vertical;border-color:var(--border-strong);color:inherit;background:0 0;position:relative}.notes-mirror{pointer-events:none;background:var(--surface-2);color:#0000;position:absolute;inset:0;overflow:hidden}.notes-caret{vertical-align:text-bottom;background:var(--accent,#2563eb);width:2px;height:1.1em;display:inline-block;position:relative}.notes-caret-label{bottom:100%;white-space:nowrap;background:var(--accent,#2563eb);color:#fff;border-radius:3px;padding:0 4px;font-size:.7rem;line-height:1.4;position:absolute;inset-inline-start:0}.notes-intro,.notes-readonly,.notes-status,.notes-cursors{font-size:var(--text-sm);color:var(--text-muted);margin:4px 0 0}.notes-status,.notes-cursors{min-height:1.2em}.health-rows th,.health-rows td{font-size:var(--text-sm);padding:6px 8px}.video-grid-fit{place-items:center;min-width:0;min-height:0;display:grid}.video-grid{gap:var(--space);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));place-content:center;width:100%;display:grid}.video-grid>.tile{grid-column:span 2}.layout-speaker{gap:var(--space);grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.layout-presentation{gap:var(--space);grid-template-columns:minmax(0,1fr) 200px;align-items:start;min-height:0;display:grid}.layout-sidebar{gap:var(--space);grid-template-columns:minmax(0,1fr) 240px;align-items:start;min-height:0;display:grid}@media (max-width:900px){.layout-presentation,.layout-sidebar{grid-template-columns:1fr}}.stage{min-height:0;display:flex}.stage>.tile{flex:1}.content-stage{aspect-ratio:16/9;border-radius:var(--radius);border:1px solid var(--border);background:#000;margin:0;position:relative;overflow:hidden}.filmstrip{gap:var(--space);scrollbar-width:thin;padding-block:2px;display:flex;overflow-x:auto}.filmstrip.vertical{flex-direction:column;max-height:60vh;overflow:hidden auto}.sidebar-column{gap:var(--space);scrollbar-width:thin;flex-direction:column;max-height:70vh;display:flex;overflow-y:auto}.tile{aspect-ratio:16/9;transition:box-shadow var(--speed) var(--ease);background:#2b2c2e;border-radius:12px;margin:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12}.tile.speaking{box-shadow:inset 0 0 0 3px var(--active)}.tile.pinned{box-shadow:inset 0 0 0 3px var(--brand)}.tile-large{aspect-ratio:auto;width:100%;height:100%;min-height:220px}.tile-strip{aspect-ratio:16/9;flex:none;width:168px}.filmstrip.vertical .tile-strip,.sidebar-column .tile-strip{width:100%}.tile-avatar{background:#2b2c2e;place-items:center;width:100%;height:100%;display:grid}.avatar-disc{aspect-ratio:1;background:hsl(var(--avatar-hue,214) 42% 42%);color:#fff;letter-spacing:.02em;border-radius:50%;place-items:center;width:clamp(48px,34%,108px);font-size:clamp(1rem,13%,2.4rem);font-weight:600;display:grid;container-type:inline-size}.tile-status{gap:6px;display:flex;position:absolute;inset-block-start:8px;inset-inline-end:8px}.tile-status-mark{color:#fff;min-width:28px;height:28px;font-size:var(--text-xs);background:#141517c7;border-radius:999px;justify-content:center;align-items:center;gap:2px;padding-inline:6px;font-weight:700;display:inline-flex}.tile-status-mark.bad{background:#ea4335eb}.tile-status-mark.warn{color:#1b1300;background:#e2a31bf0}.tile-caption{color:#fff;background:linear-gradient(#0000,#000000b3);flex-wrap:wrap;align-items:center;gap:6px;padding:22px 10px 8px;display:flex;position:absolute;inset-block-end:0;inset-inline:0}.tile-name{font-weight:500;font-size:var(--text-sm);text-shadow:0 1px 4px #000000f2}.tile-badges{flex-wrap:wrap;gap:4px;margin-inline-start:auto;display:flex}.badge{font-size:var(--text-xs);color:#fff;white-space:nowrap;background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:4px;padding:1px 7px;font-weight:600;display:inline-flex}.badge.ok{background:#1a7f45d9;border-color:#fff6}.badge.warn{background:#8a5a00e6;border-color:#fff6}.badge.bad{background:#b3261ee6;border-color:#fff6}.tile-pin{font-size:var(--text-xs);color:#fff;opacity:0;background:#000000a8;border:1px solid #ffffff59;border-radius:999px;padding:3px 9px;transition:opacity .12s;position:absolute;inset-block-start:6px;inset-inline-end:6px}.tile:hover .tile-pin,.tile-pin:focus-visible{opacity:1}@media (hover:none){.tile-pin{opacity:1}}.audio-roster{gap:var(--space);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.audio-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;gap:12px;padding:10px 12px;display:flex}.audio-row.speaking{border-color:var(--success)}.audio-avatar{background:var(--surface-3);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.audio-name{flex:1;font-weight:600}.check-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.check-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);padding:12px 14px}.record{gap:4px calc(var(--space) * 1.5);margin:0 0 calc(var(--space) * 1.5);font-size:var(--text-sm);grid-template-columns:auto minmax(0,1fr);display:grid}.record dt{color:var(--text-muted);font-weight:650}.record dd{overflow-wrap:anywhere;min-width:0;margin:0}.stack>button{align-self:start}.admin-sections{gap:calc(var(--space) * 3);flex-direction:column;display:flex}.admin-sections>section{scroll-margin-block-start:calc(var(--space) * 10)}.entity-list{gap:calc(var(--space) * 1.5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.entity-list>li.card{padding:calc(var(--space) * 2);box-shadow:none;background:var(--surface-2)}