:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-family-sans:Aptos, "Segoe UI Variable Text", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-family-mono:"Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-2xl:1.75rem;--font-size-3xl:2.25rem;--line-height-tight:1.25;--line-height-heading:1.35;--line-height-body:1.6;--font-weight-regular:400;--font-weight-medium:550;--font-weight-semibold:650;--font-weight-bold:750;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:999px;--control-height-sm:32px;--control-height-md:40px;--control-height-lg:48px;--color-canvas:#f6f7f9;--color-surface:#fff;--color-surface-subtle:#f1f3f5;--color-surface-raised:#fff;--color-overlay:#161b247a;--color-text:#1c222b;--color-text-muted:#5f6875;--color-text-subtle:#7c8592;--color-text-inverse:#fff;--color-border:#dfe3e8;--color-border-strong:#c4cad2;--color-accent:#185d98;--color-accent-hover:#124d80;--color-accent-active:#0e3d67;--color-accent-soft:#e8f1f8;--color-accent-contrast:#fff;--color-success:#13715a;--color-success-soft:#e5f5ef;--color-warning:#8a5a06;--color-warning-soft:#fff4d6;--color-danger:#b4232c;--color-danger-hover:#921d24;--color-danger-soft:#fdebec;--color-info:#176b87;--color-info-soft:#e4f3f7;--color-focus:#185d9852;--shadow-sm:0 1px 2px #161b2412;--shadow-md:0 8px 24px #161b241a;--shadow-lg:0 18px 48px #161b2429;--duration-instant:80ms;--duration-fast:.14s;--duration-base:.2s;--duration-slow:.28s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-emphasized:cubic-bezier(.2, .8, .2, 1);--z-base:0;--z-sticky:100;--z-dropdown:400;--z-overlay:700;--z-modal:800;--z-toast:1000;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#11161c;--color-surface:#181e26;--color-surface-subtle:#202833;--color-surface-raised:#232c37;--color-overlay:#000000a3;--color-text:#f4f6f8;--color-text-muted:#b5bdc8;--color-text-subtle:#929ca9;--color-border:#323c49;--color-border-strong:#485565;--color-accent:#79b8e8;--color-accent-hover:#9ac9ed;--color-accent-active:#b8d9f2;--color-accent-soft:#19364e;--color-accent-contrast:#0f2434;--color-success:#6fd0b2;--color-success-soft:#183c34;--color-warning:#e9bd61;--color-warning-soft:#493b1c;--color-danger:#f09aa0;--color-danger-hover:#f4b3b8;--color-danger-soft:#4b2226;--color-info:#75c5dc;--color-info-soft:#183b47;--color-focus:#79b8e86b;--shadow-sm:0 1px 2px #00000047;--shadow-md:0 8px 24px #00000057;--shadow-lg:0 18px 48px #00000070}@media (prefers-reduced-motion:reduce){:root{--duration-instant:.01ms;--duration-fast:.01ms;--duration-base:.01ms;--duration-slow:.01ms}}[class^=th-],[class*=\ th-]{box-sizing:border-box}.th-button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);min-width:0;font-family:var(--font-family-sans);font-weight:var(--font-weight-semibold);letter-spacing:0;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-instant) var(--ease-standard);border:1px solid #0000;line-height:1;display:inline-flex}.th-button:hover:not(:disabled){transform:translateY(-1px)}.th-button:active:not(:disabled){transform:translateY(0)}.th-button:focus-visible,.th-icon-button:focus-visible,.th-select:focus-visible,.th-menu-item:focus-visible,.th-tabs-trigger:focus-visible,.th-dialog-close:focus-visible,.th-toast__close:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.th-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.th-button--sm{min-height:var(--control-height-sm);padding:0 var(--space-3);font-size:var(--font-size-xs)}.th-button--md{min-height:var(--control-height-md);padding:0 var(--space-4);font-size:var(--font-size-sm)}.th-button--lg{min-height:var(--control-height-lg);padding:0 var(--space-5);font-size:var(--font-size-md)}.th-button--primary{background:var(--color-accent);color:var(--color-accent-contrast);box-shadow:var(--shadow-sm)}.th-button--primary:hover:not(:disabled){background:var(--color-accent-hover)}.th-button--primary:active:not(:disabled){background:var(--color-accent-active)}.th-button--secondary{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.th-button--secondary:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.th-button--quiet{color:var(--color-text-muted);background:0 0}.th-button--quiet:hover:not(:disabled){background:var(--color-surface-subtle);color:var(--color-text)}.th-button--danger{background:var(--color-danger);color:var(--color-text-inverse)}.th-button--danger:hover:not(:disabled){background:var(--color-danger-hover)}.th-button__icon,.th-icon-button__icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.th-button__icon svg,.th-icon-button__icon svg{stroke-width:2px;width:1.1em;height:1.1em}.th-button__spinner{width:1em;height:1em;animation:.7s linear infinite th-spin}.th-icon-button{width:var(--control-height-md);min-width:var(--control-height-md);padding:0}.th-icon-button.th-button--sm{width:var(--control-height-sm);min-width:var(--control-height-sm)}.th-icon-button.th-button--lg{width:var(--control-height-lg);min-width:var(--control-height-lg)}.th-field{gap:var(--space-2);min-width:0;color:var(--color-text);font-family:var(--font-family-sans);display:grid}.th-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}.th-field__control,.th-select{width:100%;min-width:0;min-height:var(--control-height-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family-sans);font-size:var(--font-size-sm);line-height:var(--line-height-body);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard)}.th-field__control{padding:8px var(--space-3)}.th-field__control:hover:not(:disabled),.th-select:hover:not([data-disabled]){border-color:var(--color-accent)}.th-field__control:focus-visible,.th-select:focus-visible{border-color:var(--color-accent);outline:3px solid var(--color-focus);outline-offset:1px}.th-field__control[aria-invalid=true]{border-color:var(--color-danger)}.th-field__control:disabled,.th-select[data-disabled]{background:var(--color-surface-subtle);color:var(--color-text-subtle);cursor:not-allowed}.th-field__textarea{resize:vertical;min-height:112px}.th-field__hint,.th-field__error{font-size:var(--font-size-xs);line-height:var(--line-height-heading)}.th-field__hint{color:var(--color-text-muted)}.th-field__error{color:var(--color-danger)}.th-select{justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-3);cursor:pointer;display:inline-flex}.th-select svg{width:16px;height:16px}.th-select-content,.th-menu-content{z-index:var(--z-dropdown);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-md);transform-origin:var(--radix-popper-transform-origin);animation:th-pop-in var(--duration-fast) var(--ease-emphasized);overflow:hidden}.th-select-content{min-width:var(--radix-select-trigger-width);max-height:min(320px, var(--radix-select-content-available-height))}.th-select-viewport{padding:var(--space-1)}.th-select-item,.th-menu-item{border-radius:var(--radius-xs);min-height:34px;color:var(--color-text);font-family:var(--font-family-sans);font-size:var(--font-size-sm);cursor:default;-webkit-user-select:none;user-select:none;outline:none;align-items:center;line-height:1.3;display:flex;position:relative}.th-select-item{padding:6px 36px 6px 10px}.th-select-item[data-highlighted],.th-menu-item[data-highlighted]{background:var(--color-accent-soft);color:var(--color-accent)}.th-select-item[data-disabled],.th-menu-item[data-disabled]{opacity:.45;pointer-events:none}.th-select-item__indicator{display:inline-flex;position:absolute;right:10px}.th-select-item__indicator svg{width:16px;height:16px}.th-select-scroll-button{background:var(--color-surface);height:28px;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.th-tabs-list{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle);display:inline-flex}.th-tabs-trigger{min-height:34px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:0}.th-tabs-trigger:hover:not([data-disabled]){color:var(--color-text)}.th-tabs-trigger[data-state=active]{background:var(--color-surface);color:var(--color-accent);box-shadow:var(--shadow-sm)}.th-tabs-trigger[data-disabled]{opacity:.45;cursor:not-allowed}.th-tabs-content{margin-top:var(--space-4);outline:none}.th-tabs-content:focus-visible{border-radius:var(--radius-sm);outline:3px solid var(--color-focus);outline-offset:3px}.th-menu-content{min-width:196px;padding:var(--space-1)}.th-menu-item{gap:var(--space-2);padding:6px 10px}.th-menu-item--inset,.th-menu-item--checkable{padding-left:32px}.th-menu-item--danger{color:var(--color-danger)}.th-menu-item--danger[data-highlighted]{background:var(--color-danger-soft);color:var(--color-danger)}.th-menu-item__indicator{display:inline-flex;position:absolute;left:10px}.th-menu-item__indicator svg,.th-menu-item__end-icon{width:14px;height:14px}.th-menu-item__end-icon{margin-left:auto}.th-menu-label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:7px 10px 5px}.th-menu-separator{height:1px;margin:var(--space-1) -4px;background:var(--color-border)}.th-dialog-overlay{z-index:var(--z-overlay);background:var(--color-overlay);animation:th-fade-in var(--duration-base) var(--ease-standard);position:fixed;inset:0}.th-dialog-content{z-index:var(--z-modal);width:min(520px,100vw - 32px);max-height:min(760px,100dvh - 32px);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-lg);animation:th-dialog-in var(--duration-base) var(--ease-emphasized);position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.th-dialog-title{padding-right:var(--space-8);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin:0}.th-dialog-description{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-body)}.th-dialog-close,.th-toast__close{border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.th-dialog-close{top:var(--space-4);right:var(--space-4);width:34px;height:34px;position:absolute}.th-dialog-close:hover,.th-toast__close:hover{background:var(--color-surface-subtle);color:var(--color-text)}.th-dialog-close svg,.th-toast__close svg{width:18px;height:18px}.th-dialog-footer{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6);display:flex}.th-dialog-content.th-drawer-content{border-radius:0;width:min(420px,100vw - 24px);max-height:100dvh;top:0;bottom:0;transform:none}.th-drawer-content--right{animation:th-drawer-right-in var(--duration-slow) var(--ease-emphasized);border-width:0 0 0 1px;left:auto;right:0}.th-drawer-content--left{animation:th-drawer-left-in var(--duration-slow) var(--ease-emphasized);border-width:0 1px 0 0;left:0;right:auto}.th-tooltip-content{z-index:var(--z-dropdown);border-radius:var(--radius-sm);background:var(--color-text);max-width:260px;color:var(--color-text-inverse);font-size:var(--font-size-xs);line-height:var(--line-height-heading);box-shadow:var(--shadow-md);animation:th-fade-in var(--duration-fast) var(--ease-standard);padding:6px 9px}.th-tooltip-arrow{fill:var(--color-text)}.th-toast-viewport{z-index:var(--z-toast);gap:var(--space-2);width:min(400px,100vw);max-height:100dvh;padding:var(--space-4);outline:none;flex-direction:column;margin:0;list-style:none;display:flex;position:fixed;bottom:0;right:0}.th-toast{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-md);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.th-toast[data-state=open]{animation:th-toast-in var(--duration-base) var(--ease-emphasized)}.th-toast[data-state=closed]{animation:th-fade-out var(--duration-fast) var(--ease-standard)}.th-toast--success{border-left-color:var(--color-success)}.th-toast--danger{border-left-color:var(--color-danger)}.th-toast__content{min-width:0}.th-toast__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.th-toast__description{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:var(--line-height-body)}.th-toast__close{width:30px;height:30px}.th-skeleton{border-radius:var(--radius-sm);background:var(--color-surface-subtle);background-image:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-surface) 72%, transparent), transparent);background-size:220% 100%;min-height:12px;animation:1.4s ease-in-out infinite th-skeleton;display:block}.th-skeleton-group{gap:var(--space-3);display:grid}.th-state-view{gap:var(--space-4);max-width:680px;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;display:grid}.th-state-view__icon{border-radius:var(--radius-md);background:var(--color-surface-subtle);width:38px;height:38px;color:var(--color-text-muted);justify-content:center;align-items:center;display:inline-flex}.th-state-view__icon svg{width:20px;height:20px}.th-state-view--error .th-state-view__icon{background:var(--color-danger-soft);color:var(--color-danger)}.th-state-view--forbidden .th-state-view__icon{background:var(--color-warning-soft);color:var(--color-warning)}.th-state-view--offline .th-state-view__icon{background:var(--color-info-soft);color:var(--color-info)}.th-state-view__body h2{font-size:var(--font-size-md);line-height:var(--line-height-heading);margin:0}.th-state-view__body p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-body)}.th-state-view__actions{gap:var(--space-2);display:flex}@keyframes th-spin{to{transform:rotate(360deg)}}@keyframes th-pop-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes th-fade-in{0%{opacity:0}to{opacity:1}}@keyframes th-fade-out{0%{opacity:1}to{opacity:0}}@keyframes th-dialog-in{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes th-drawer-right-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes th-drawer-left-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes th-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes th-skeleton{0%{background-position:120% 0}to{background-position:-120% 0}}@media (width<=640px){.th-dialog-content{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:var(--space-5)}.th-dialog-footer{flex-direction:column-reverse;align-items:stretch}.th-state-view{grid-template-columns:1fr}.th-state-view__actions{flex-direction:column-reverse;align-items:stretch}.th-dialog-footer .th-button,.th-state-view__actions .th-button{width:100%}.th-toast-viewport{padding:var(--space-3)}}@media (prefers-reduced-motion:reduce){.th-button,.th-button__spinner,.th-dialog-content,.th-dialog-overlay,.th-drawer-content,.th-menu-content,.th-select-content,.th-skeleton,.th-toast,.th-tooltip-content{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.th-button,.th-dialog-content,.th-field__control,.th-menu-content,.th-select,.th-select-content,.th-state-view,.th-tabs-list,.th-toast{border:1px solid canvastext}}:root{color:var(--color-text);background:var(--color-canvas);font-family:var(--font-family-sans);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,select,input,textarea{font:inherit}button,select,input,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:10;border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-surface);padding:10px 12px;transition:transform .18s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-loading,.route-state{place-items:center;min-height:100dvh;padding:32px 20px;display:grid}.app-loading{color:var(--color-text-muted);align-content:center;gap:14px}.app-loading__mark,.app-brand__mark{border-radius:var(--radius-md);background:var(--color-accent);color:#fff;place-items:center;font-size:12px;font-weight:800;display:inline-grid}.app-loading__mark{width:42px;height:42px}.app-shell{background:var(--color-canvas);grid-template-columns:15.5rem minmax(0,1fr);min-height:100dvh;display:grid}.app-sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;height:100dvh;display:flex;position:sticky;top:0}.app-brand{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;min-height:84px;padding:18px 20px;display:flex}.app-brand__mark{flex:none;width:36px;height:36px}.app-brand strong,.app-brand small{display:block}.app-brand strong{font-size:16px}.app-brand small,.app-sidebar__role{color:var(--color-text-muted);font-size:12px}.app-navigation{gap:2px;padding:16px 12px;display:grid}.app-navigation__link{border-radius:var(--radius-sm);color:var(--color-text-muted);padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:background .18s,color .18s;display:block}.app-navigation__link:hover{background:var(--color-canvas);color:var(--color-text)}.app-navigation__link--active{background:var(--color-accent-soft);color:var(--color-accent)}.app-sidebar__footer{border-top:1px solid var(--color-border);gap:3px;margin-top:auto;padding:18px 20px;display:grid}.app-sidebar__footer strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.app-workspace{min-width:0}.app-topbar{z-index:2;border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:24px;min-height:84px;padding:16px 40px;display:flex;position:sticky;top:0}.app-topbar__context,.app-topbar__actions{align-items:center;gap:10px;min-width:0;display:flex}.app-topbar__context strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.app-topbar__eyebrow{color:var(--color-text-muted);font-size:13px}.menu-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-height:38px;color:var(--color-text);padding:0 10px;font-size:13px;font-weight:650;display:none}.connection-status{color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:7px;font-size:13px;display:inline-flex}.connection-status:before{background:var(--color-danger);content:"";border-radius:50%;width:8px;height:8px}.connection-status--online:before{background:var(--color-success)}.language-select select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-height:38px;color:var(--color-text);padding:0 30px 0 10px}.app-topbar__logout{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-height:38px;color:var(--color-text);padding:0 12px;font-size:13px;font-weight:650}.app-topbar__logout:hover{border-color:var(--color-border-strong);background:var(--color-canvas)}.workspace-select{align-items:center;min-width:0;display:inline-flex}.workspace-select span,.workspace-select select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);max-width:190px;min-height:38px;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.workspace-select span{align-items:center;padding:0 11px;display:inline-flex}.workspace-select select{padding:0 30px 0 11px}.workspace-switch-error{background:var(--color-danger-soft);color:var(--color-danger);border-bottom:1px solid #f4c2bd;justify-content:space-between;align-items:center;gap:16px;padding:11px 40px;font-size:13px;display:flex}.workspace-switch-error button{color:currentColor;background:0 0;border:0;font-weight:700}.workspace-gate{background:var(--color-surface);min-height:100dvh}.workspace-gate__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:14px clamp(20px,4vw,56px);display:flex}.workspace-gate__brand,.workspace-gate__actions{align-items:center;gap:10px;display:flex}.workspace-gate__brand>span{border-radius:var(--radius-md);background:var(--color-accent);color:#fff;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:inline-grid}.workspace-gate__actions>span{max-width:180px;color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.workspace-gate__actions>button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-height:38px;color:var(--color-text);padding:0 12px;font-size:13px;font-weight:650}.workspace-onboarding{grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);align-items:center;gap:clamp(48px,8vw,100px);width:min(100%,1080px);min-height:calc(100dvh - 72px);margin:0 auto;padding:56px 40px 72px;display:grid}.workspace-onboarding__intro>p,.workspace-selection>header p{color:var(--color-accent);margin:0 0 12px;font-size:13px;font-weight:700}.workspace-onboarding__intro h1,.workspace-selection>header h1{text-wrap:balance;margin:0;font-size:36px;line-height:1.16}.workspace-onboarding__intro>span,.workspace-selection>header span{color:var(--color-text-muted);margin-top:16px;font-size:16px;line-height:1.7;display:block}.workspace-onboarding__intro dl{gap:0;margin:34px 0 0;display:grid}.workspace-onboarding__intro dl div{border-top:1px solid var(--color-border);grid-template-columns:34px minmax(0,1fr);gap:12px;padding:13px 0;display:grid}.workspace-onboarding__intro dt{color:var(--color-accent);font-size:12px;font-weight:750}.workspace-onboarding__intro dd{margin:0;font-size:14px;line-height:1.55}.workspace-form{border-top:1px solid var(--color-border-strong);gap:18px;padding-top:24px;display:grid}.workspace-form__heading h2{margin:0;font-size:18px}.workspace-form__heading p{color:var(--color-text-muted);margin:8px 0 0;font-size:14px;line-height:1.55}.workspace-form label{color:var(--color-text);gap:8px;font-size:13px;font-weight:650;display:grid}.workspace-form>label>input,.workspace-slug-field{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:46px;color:var(--color-text)}.workspace-form>label>input{padding:0 13px}.workspace-form>label>input::placeholder{color:var(--color-text-muted)}.workspace-slug-field{align-items:center;min-width:0;display:flex;overflow:hidden}.workspace-slug-field>span{color:var(--color-text-muted);align-self:stretch;align-items:center;padding:0 0 0 13px;font-size:13px;font-weight:500;display:inline-flex}.workspace-slug-field input{min-width:0;min-height:44px;color:var(--color-text);background:0 0;border:0;outline:0;flex:1;padding:0 13px 0 2px}.workspace-slug-field:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.workspace-form>small{color:var(--color-text-muted);margin-top:-10px;font-size:12px}.workspace-form>button{border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;min-height:46px;font-weight:700}.workspace-form>button:disabled,.workspace-selection__list button:disabled{cursor:not-allowed;opacity:.55}.workspace-form__error{border-left:3px solid var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger);padding:12px 13px;font-size:13px;line-height:1.5}.workspace-selection{width:min(100%,760px);margin:0 auto;padding:64px 40px 72px}.workspace-selection>header{max-width:620px;margin-bottom:38px}.workspace-selection__list{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.workspace-selection__list button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:76px;color:var(--color-text);text-align:left;justify-content:space-between;align-items:center;gap:20px;padding:14px 16px;transition:border-color .16s,background .16s;display:flex}.workspace-selection__list button:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.workspace-selection__list button>span:first-child{gap:4px;display:grid}.workspace-selection__list small,.workspace-selection__role,.workspace-selection__status{color:var(--color-text-muted);font-size:12px}.workspace-selection__role{white-space:nowrap}.workspace-selection__status{margin:16px 0 0}.connectivity-notice{background:var(--color-danger-soft);color:var(--color-danger);border-bottom:1px solid #f4c2bd;justify-content:space-between;align-items:center;gap:18px;padding:14px 40px;display:flex}.connectivity-notice strong,.connectivity-notice p{font-size:14px}.connectivity-notice p{margin:3px 0 0}.connectivity-notice button,.service-error button,.route-state button{border-radius:var(--radius-sm);min-height:38px;color:inherit;white-space:nowrap;background:0 0;border:1px solid;padding:0 12px;font-size:13px;font-weight:650}.route-progress{z-index:3;background:var(--color-accent);transform-origin:0;height:3px;animation:.9s ease-in-out infinite route-progress;position:fixed;top:0;left:0;right:0}@keyframes route-progress{0%{transform:scaleX(.15)}50%{transform:scaleX(.72)}to{transform:scaleX(1)}}.page-content{width:min(100%,1240px);margin:0 auto;padding:44px 40px 56px}.page-heading{max-width:720px;margin-bottom:42px}.page-heading p{color:var(--color-accent);margin:0 0 10px;font-size:13px;font-weight:700}.page-heading h1{text-wrap:balance;margin:0;font-size:34px;line-height:1.16}.page-heading span{color:var(--color-text-muted);text-wrap:pretty;margin-top:14px;font-size:16px;line-height:1.65;display:block}.overview-layout{grid-template-columns:minmax(0,1fr) minmax(20rem,.82fr);align-items:start;gap:40px;margin-bottom:48px;display:grid}.workspace-section,.service-section,.prepared-section,.module-placeholder{border-top:1px solid var(--color-border-strong)}.workspace-section,.service-section{padding-top:20px}.workspace-section h2,.service-section h2,.prepared-section h2{margin:0;font-size:17px}.workspace-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 0;display:grid}.workspace-facts div{border-bottom:1px solid var(--color-border);min-width:0;padding:16px 0}.workspace-facts dt{color:var(--color-text-muted);font-size:13px}.workspace-facts dd{margin:7px 0 0;font-size:15px;font-weight:650}.service-section__heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.service-section__heading p,.prepared-section__heading p{color:var(--color-text-muted);margin:8px 0 0;font-size:14px;line-height:1.6}.health-skeleton{background:var(--color-border);color:#0000;-webkit-user-select:none;user-select:none;border-radius:999px;width:156px;height:32px;animation:1.2s ease-in-out infinite alternate shimmer;display:inline-block;overflow:hidden}@keyframes shimmer{0%{opacity:.45}to{opacity:.9}}.service-error{color:var(--color-danger);border-top:1px solid #f4c2bd;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:14px 0;font-size:14px;line-height:1.5;display:flex}.prepared-section{padding-top:20px}.prepared-section__heading{max-width:680px}.module-list{background:var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:24px 0 0;padding:1px;list-style:none;display:grid}.module-list li{background:var(--color-surface);min-width:0}.module-list a{min-height:118px;color:var(--color-text);flex-direction:column;justify-content:space-between;padding:18px;text-decoration:none;transition:background .18s;display:flex}.module-list a:hover{background:var(--color-accent-soft)}.module-list span{font-size:15px;font-weight:650}.module-list small{color:var(--color-text-muted);font-size:12px}.page-content--module{max-width:960px}.module-placeholder{max-width:720px;padding:22px 0}.module-placeholder p{max-width:64ch;color:var(--color-text-muted);margin:0 0 18px;line-height:1.65}.module-placeholder a,.route-state a{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);min-height:38px;color:var(--color-text);align-items:center;padding:0 12px;font-size:13px;font-weight:650;text-decoration:none;transition:border-color .18s,color .18s;display:inline-flex}.module-placeholder a:hover,.route-state a:hover{border-color:var(--color-accent);color:var(--color-accent)}.classroom-page{max-width:1180px}.classroom-heading{justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:36px;display:flex}.classroom-heading>div{max-width:700px}.classroom-heading p{color:var(--color-accent);margin:0 0 9px;font-size:13px;font-weight:700}.classroom-heading h1,.classroom-detail__header h1{text-wrap:balance;margin:0;font-size:34px;line-height:1.16}.classroom-heading>div>span{max-width:65ch;color:var(--color-text-muted);margin-top:13px;font-size:15px;line-height:1.65;display:block}.classroom-primary-action{border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;flex:none;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:13px;font-weight:700;transition:background .16s,transform .16s;display:inline-flex}.classroom-primary-action .th-button__icon{font-size:16px}.classroom-primary-action:hover{background:var(--color-accent-hover)}.classroom-primary-action:active,.class-create-form__actions button:active,.classroom-empty-state button:active{transform:translateY(1px)}.class-create-panel{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);margin:-8px 0 38px;padding:22px 24px 24px;box-shadow:0 14px 32px #28344812}.class-create-dialog{width:min(680px,100vw - 32px)}.class-create-panel__heading{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:18px;display:flex}.class-create-panel__heading h2{margin:0;font-size:18px}.class-create-panel__heading p{color:var(--color-text-muted);margin:7px 0 0;font-size:13px;line-height:1.55}.class-create-panel__close{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:36px;height:36px;color:var(--color-text-muted);flex:none;place-items:center;font-size:20px;display:inline-grid}.class-create-panel__close:hover{border-color:var(--color-border-strong);color:var(--color-text)}.class-create-form{grid-template-columns:minmax(150px,.42fr) minmax(260px,1fr);gap:18px;padding-top:20px;display:grid}.class-create-form label{color:var(--color-text);align-content:start;gap:7px;font-size:13px;font-weight:650;display:grid}.class-create-form input,.class-create-form textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-text);transition:border-color .16s,box-shadow .16s}.class-create-form input{min-height:44px;padding:0 12px}.class-create-form textarea{resize:vertical;min-height:104px;padding:11px 12px;line-height:1.55}.class-create-form input::placeholder,.class-create-form textarea::placeholder{color:#8a91a0}.class-create-form input:focus,.class-create-form textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:0}.class-create-form label small{color:var(--color-text-muted);font-size:11px;font-weight:500;line-height:1.45}.class-create-form__description{grid-column:1/-1}.class-create-form__description small,.class-create-form__description .th-field__hint{font-variant-numeric:tabular-nums;justify-self:end}.class-create-form__error{border-left:3px solid var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger);grid-column:1/-1;margin:0;padding:11px 12px;font-size:13px;line-height:1.5}.class-create-form__actions{grid-column:1/-1;justify-content:flex-end;gap:9px;padding-top:2px;display:flex}.class-create-form__actions button,.classroom-empty-state button{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);min-height:40px;color:var(--color-text);padding:0 13px;font-size:13px;font-weight:700}.class-create-form__actions button:last-child,.classroom-empty-state button{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.class-create-form__actions button:disabled{cursor:not-allowed;opacity:.56}.classroom-index{border-top:1px solid var(--color-border-strong);padding-top:20px}.classroom-index__heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.classroom-index__heading h2{margin:0;font-size:17px}.classroom-index__heading p{color:var(--color-text-muted);margin:7px 0 0;font-size:13px;line-height:1.55}.classroom-index__heading>span{color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.class-list{border-top:1px solid var(--color-border);margin:0;padding:0;list-style:none}.class-list li{border-bottom:1px solid var(--color-border)}.class-list a{min-height:92px;color:var(--color-text);grid-template-columns:minmax(0,1fr) 112px 180px 22px;align-items:center;gap:18px;padding:15px 12px;text-decoration:none;transition:background .16s,padding .16s;display:grid}.class-list a:hover{background:var(--color-accent-soft);padding-left:16px;padding-right:8px}.class-list__identity{gap:3px;min-width:0;display:grid}.class-list__identity code,.classroom-detail__identity code{width:fit-content;color:var(--color-accent);font-variant-numeric:tabular-nums;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:11px;font-weight:700}.class-list__identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:680;overflow:hidden}.class-list__identity small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.class-status{border:1px solid var(--color-border);background:var(--color-canvas);width:fit-content;min-height:26px;color:var(--color-text-muted);white-space:nowrap;border-radius:4px;align-items:center;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.class-status[data-status=active]{background:var(--color-success-soft);color:var(--color-success);border-color:#b8dfca}.class-status[data-status=archived]{color:#565d6b;background:#f0f1f4}.class-list time{color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.class-list__arrow{color:var(--color-text-muted);font-size:18px;transition:transform .16s}.class-list a:hover .class-list__arrow{color:var(--color-accent);transform:translate(2px)}.classroom-empty-state{justify-items:start;max-width:460px;padding:44px 0 54px;display:grid}.classroom-empty-state>span{color:var(--color-accent);margin-bottom:18px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px;font-weight:700}.classroom-empty-state h3{margin:0;font-size:20px}.classroom-empty-state p{max-width:52ch;color:var(--color-text-muted);margin:10px 0 20px;font-size:14px;line-height:1.6}.classroom-error{color:var(--color-danger);border-top:1px solid #f1bdb8;border-bottom:1px solid #f1bdb8;justify-content:space-between;align-items:flex-start;gap:24px;padding:20px 0;display:flex}.classroom-error strong{font-size:14px}.classroom-error p{max-width:65ch;color:var(--color-text-muted);margin:6px 0 0;font-size:13px;line-height:1.55}.classroom-error button{border-radius:var(--radius-sm);min-height:38px;color:var(--color-danger);background:0 0;border:1px solid;flex:none;padding:0 12px;font-size:13px;font-weight:700}.class-list-skeleton,.class-detail-skeleton{background:var(--color-border);gap:1px;display:grid;overflow:hidden}.class-list-skeleton span{background:var(--color-surface);min-height:92px;animation:1.2s ease-in-out infinite alternate shimmer}.classroom-back-link{color:var(--color-text-muted);margin-bottom:28px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.classroom-back-link:hover{color:var(--color-accent)}.classroom-detail__header{max-width:850px;padding-bottom:38px}.classroom-detail__identity{align-items:center;gap:12px;margin-bottom:14px;display:flex}.classroom-detail__header p{max-width:68ch;color:var(--color-text-muted);white-space:pre-wrap;margin:15px 0 0;font-size:15px;line-height:1.7}.classroom-detail__section{border-top:1px solid var(--color-border-strong);padding-top:20px}.classroom-detail__section h2{margin:0;font-size:17px}.classroom-detail__facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:20px 0 0;display:grid}.classroom-detail__facts div{border-bottom:1px solid var(--color-border);min-width:0;padding:15px 0}.classroom-detail__facts dt{color:var(--color-text-muted);font-size:12px}.classroom-detail__facts dd{text-overflow:ellipsis;margin:7px 0 0;font-size:14px;font-weight:650;overflow:hidden}.class-detail-skeleton{background:0 0;gap:14px;max-width:850px}.class-detail-skeleton span{background:var(--color-border);border-radius:4px;height:22px;animation:1.2s ease-in-out infinite alternate shimmer}.class-detail-skeleton span:first-child{width:120px}.class-detail-skeleton span:nth-child(2){width:min(100%,620px);height:44px}.class-detail-skeleton span:last-child{width:min(100%,760px)}.classroom-detail__header{justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.classroom-live-action{border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;flex:none;align-items:center;gap:9px;min-height:42px;padding:0 15px;font-size:13px;font-weight:720;text-decoration:none;display:inline-flex}.classroom-live-action span{background:#e24b43;border:2px solid #fff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #ffffff2e}.classroom-live-action:hover{background:#1c518e}.media-prejoin-page{width:min(100%,1180px)}.media-prejoin-heading{max-width:760px;margin-bottom:30px}.media-prejoin-heading>p,.media-room-recovery p,.media-room-disconnected p{color:var(--color-accent);letter-spacing:0;text-transform:uppercase;margin:0 0 9px;font-size:12px;font-weight:760}.media-prejoin-heading h1{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.12}.media-prejoin-heading>span{max-width:66ch;color:var(--color-text-muted);margin-top:12px;font-size:15px;line-height:1.65;display:block}.media-prejoin-workspace{grid-template-columns:minmax(0,1fr) 310px;align-items:stretch;gap:22px;display:grid}.media-prejoin-preview{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:#202329;min-width:0;overflow:hidden}.media-prejoin-preview .lk-prejoin{background:#202329;border:0;min-height:510px;padding:24px}.media-prejoin-preview .lk-video-container{border-radius:var(--radius-md)}.media-prejoin-preview .lk-button,.media-prejoin-preview .lk-form-control{border-radius:var(--radius-sm)}.media-prejoin-preview .lk-join-button{background:#2f76c2;font-weight:700}.media-device-checklist{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;min-height:510px;padding:28px;display:flex}.media-device-checklist p{color:var(--color-text-muted);text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:700}.media-device-checklist h2{margin:0;font-size:20px}.media-device-checklist ul{gap:0;margin:26px 0 28px;padding:0;list-style:none;display:grid}.media-device-checklist li{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);padding:14px 0 14px 28px;font-size:13px;line-height:1.5;position:relative}.media-device-checklist li:before{background:var(--color-success-soft);content:"";border:1px solid #88b99f;border-radius:50%;width:14px;height:14px;position:absolute;top:17px;left:2px}.media-device-checklist button,.media-prejoin-notice button,.media-prejoin-error button{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);min-height:40px;color:var(--color-text);padding:0 13px;font-size:13px;font-weight:700}.media-device-checklist button{margin-top:auto}.media-device-checklist small{color:var(--color-danger);margin-top:10px;line-height:1.45}.media-prejoin-notice,.media-prejoin-error{color:#795a12;border-top:1px solid #e5c77a;border-bottom:1px solid #e5c77a;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:13px 0;display:flex}.media-prejoin-error{color:var(--color-danger);border-color:#f1bdb8;margin-top:22px}.media-prejoin-error p{color:var(--color-text-muted);flex:1;margin:0;font-size:13px}.media-listen-prejoin,.media-prejoin-failure{border-top:1px solid var(--color-border-strong);border-bottom:1px solid var(--color-border-strong);max-width:720px;padding:34px 0}.media-listen-prejoin>span{color:#b42318;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:11px;font-weight:800}.media-listen-prejoin h2,.media-prejoin-failure strong{margin:10px 0 0;font-size:22px;display:block}.media-listen-prejoin p,.media-prejoin-failure p{max-width:62ch;color:var(--color-text-muted);margin:11px 0 20px;line-height:1.65}.media-listen-prejoin button,.media-listen-prejoin a,.media-prejoin-failure a{border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;align-items:center;min-height:42px;padding:0 15px;font-weight:700;text-decoration:none;display:inline-flex}.media-room-page{z-index:20;color:#f5f7fa;background:#101216;position:fixed;inset:0;overflow:hidden}.media-livekit-root,.media-conference{width:100%;height:100%}.media-conference{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.media-conference__header{background:#171a1f;border-bottom:1px solid #2a2e36;justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:12px 22px;display:flex}.media-conference__header>div{grid-template-columns:auto auto;align-items:center;gap:3px 12px;display:grid}.media-conference__header strong{font-size:15px}.media-conference__header small{color:#9da4b1;text-overflow:ellipsis;white-space:nowrap;grid-column:2;max-width:min(48vw,560px);font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:10px;overflow:hidden}.media-connection{color:#c6cbd4;grid-row:1/span 2;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.media-connection:before{content:"";background:#d7a52a;border-radius:50%;width:8px;height:8px}.media-connection--connected:before{background:#3ac47d}.media-connection--reconnecting:before{background:#e5ad2f;animation:.9s ease-in-out infinite alternate media-status-pulse}.media-connection--failed:before,.media-connection--disconnected:before{background:#e05650}.media-participant-count{color:#b3bac5;font-variant-numeric:tabular-nums;font-size:12px}.media-conference__stage{background:#101216;min-height:0;padding:12px}.media-conference__stage .lk-grid-layout{gap:10px;height:100%}.media-conference__stage .lk-participant-tile{border-radius:var(--radius-md);background:#1b1e24;border:1px solid #30353f;overflow:hidden}.media-conference__controls{background:#171a1f;border-top:1px solid #2a2e36;justify-content:center;align-items:center;min-height:78px;padding:10px 20px;display:flex;position:relative}.media-conference__controls .lk-control-bar{background:0 0;border:0}.media-conference__controls .lk-button{border-radius:var(--radius-sm)}.media-listen-only{color:#aeb5c0;font-size:12px;position:absolute;left:22px}.media-room-alert{z-index:22;border-radius:var(--radius-sm);color:#f5d7d4;background:#251918;border:1px solid #764642;align-items:center;gap:14px;max-width:min(440px,100vw - 36px);padding:12px 14px;font-size:13px;display:flex;position:fixed;top:82px;right:18px;box-shadow:0 12px 28px #0000003d}.media-room-alert button{color:#f1bdb8;background:0 0;border:0;flex:none;font-weight:700}.media-room-disconnected{z-index:23;background:#101216;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.media-room-disconnected>div{border-top:1px solid #3a3f49;border-bottom:1px solid #3a3f49;width:min(100%,620px);padding:34px 0}.media-room-disconnected h1{margin:0;font-size:30px}.media-room-disconnected span{color:#aeb5c0;margin:12px 0 24px;line-height:1.65;display:block}.media-room-disconnected>div>div{gap:10px;display:flex}.media-room-disconnected a{border-radius:var(--radius-sm);color:#f5f7fa;border:1px solid #4b5361;align-items:center;min-height:42px;padding:0 14px;font-weight:700;text-decoration:none;display:inline-flex}.media-room-disconnected a:first-child{background:#2867aa;border-color:#4d8bcf}.media-room-recovery{background:var(--color-canvas);place-items:center;min-height:100dvh;padding:28px;display:grid}.media-room-recovery section{border-top:1px solid var(--color-border-strong);border-bottom:1px solid var(--color-border-strong);width:min(100%,660px);padding:30px 0}.media-room-recovery h1{margin:0;font-size:30px}.media-room-recovery span{color:var(--color-text-muted);margin:13px 0 22px;line-height:1.65;display:block}.media-room-recovery a{border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;align-items:center;min-height:42px;padding:0 14px;font-weight:700;text-decoration:none;display:inline-flex}@keyframes media-status-pulse{0%{opacity:.45}to{opacity:1}}.route-state>section{border-top:1px solid var(--color-border-strong);width:min(100%,620px);padding-top:22px}.route-state p{color:var(--color-accent);margin:0 0 10px;font-size:13px;font-weight:700}.route-state h1{text-wrap:balance;margin:0;font-size:32px;line-height:1.18}.route-state>section>span{max-width:60ch;color:var(--color-text-muted);margin-top:14px;line-height:1.65;display:block}.route-state__actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.route-state--auth .route-state__actions button{border-color:var(--color-accent);background:var(--color-accent);color:#fff}@media (width<=900px){.app-shell{grid-template-columns:12.75rem minmax(0,1fr)}.app-topbar,.connectivity-notice,.page-content{padding-left:28px;padding-right:28px}.overview-layout{grid-template-columns:1fr;gap:32px}.module-list{grid-template-columns:repeat(2,minmax(0,1fr))}.class-list a{grid-template-columns:minmax(0,1fr) 104px 22px}.class-list time{display:none}.classroom-detail__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-onboarding{gap:48px;padding-left:28px;padding-right:28px}}@media (width<=680px){.app-shell{display:block}.app-sidebar{z-index:5;width:min(18rem,100vw - 32px);transition:transform .22s;position:fixed;transform:translate(-105%);box-shadow:10px 0 24px #17191f1f}.app-sidebar--open{transform:translate(0)}.app-topbar{gap:12px;min-height:70px;padding:12px 18px}.menu-toggle{align-items:center;display:inline-flex}.app-topbar__eyebrow,.connection-status{display:none}.app-topbar__actions{margin-left:auto}.workspace-select span,.workspace-select select{max-width:116px}.language-select select{max-width:105px;min-height:36px;padding-left:8px}.app-topbar__logout{min-height:36px;padding:0 9px}.connectivity-notice{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 18px}.page-content{padding:30px 18px 42px}.page-heading{margin-bottom:32px}.page-heading h1,.route-state h1{font-size:28px}.workspace-facts,.module-list{grid-template-columns:1fr}.service-section__heading,.service-error{flex-direction:column;align-items:flex-start}.workspace-gate__header{align-items:flex-start;padding:12px 18px}.workspace-gate__actions>span{display:none}.workspace-onboarding{grid-template-columns:1fr;gap:42px;padding:40px 18px 54px}.workspace-onboarding__intro h1,.workspace-selection>header h1{font-size:29px}.workspace-selection{padding:40px 18px 54px}.workspace-selection__list button{flex-direction:column;align-items:flex-start;gap:8px}.classroom-heading,.classroom-index__heading,.classroom-error{flex-direction:column;align-items:flex-start}.classroom-heading h1,.classroom-detail__header h1{font-size:28px}.class-create-panel{margin-left:-4px;margin-right:-4px;padding:18px 16px 20px}.class-create-form{grid-template-columns:1fr}.class-create-form__description,.class-create-form__error,.class-create-form__actions{grid-column:1}.class-list a{grid-template-columns:minmax(0,1fr) 20px;gap:12px;min-height:108px;padding:14px 6px}.class-list a:hover{padding-left:8px;padding-right:4px}.class-list .class-status{grid-column:1}.class-list__arrow{grid-area:1/2/span 2}.classroom-detail__facts{grid-template-columns:1fr;gap:0}}@media (width<=980px){.media-prejoin-workspace{grid-template-columns:1fr}.media-device-checklist{min-height:0}.media-device-checklist button{width:fit-content;margin-top:0}}@media (width<=680px){.classroom-detail__header,.media-prejoin-notice,.media-prejoin-error{flex-direction:column;align-items:flex-start}.media-prejoin-preview{border-left:0;border-right:0;border-radius:0;margin-left:-18px;margin-right:-18px}.media-prejoin-preview .lk-prejoin{min-height:470px;padding:16px}.media-conference__header{min-height:62px;padding:10px 12px}.media-conference__header small,.media-listen-only{display:none}.media-conference__header>div{grid-template-columns:auto minmax(0,1fr)}.media-conference__stage{padding:6px}.media-conference__controls{min-height:68px;padding:6px}.media-conference__controls .lk-control-bar{max-width:100%}.media-participant-count{font-size:11px}.media-room-disconnected>div>div{flex-direction:column;align-items:stretch}}.status-badge{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);min-height:32px;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);align-items:center;padding:6px 10px;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;margin-right:8px}.status-badge--success{border-color:color-mix(in srgb, var(--color-success) 28%, transparent);background:var(--color-success-soft);color:var(--color-success)}.status-badge--info{border-color:color-mix(in srgb, var(--color-info) 28%, transparent);background:var(--color-info-soft);color:var(--color-info)}.status-badge--warning{border-color:color-mix(in srgb, var(--color-warning) 30%, transparent);background:var(--color-warning-soft);color:var(--color-warning)}.status-badge--danger{border-color:color-mix(in srgb, var(--color-danger) 28%, transparent);background:var(--color-danger-soft);color:var(--color-danger)}