:root{--font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;--font-size-2xs: .625rem;--font-size-xs: .75rem;--font-size-xs-sm: .8125rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2rem;--font-size-4xl: 2.4rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-base: 1rem;--space-lg: 1.25rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-pill: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-sidebar: .2s linear;--sidebar-width: 0px;--overlay-sidebar-offset: var(--sidebar-width);--z-sidebar: 50;--z-overlay: 1000;--z-overlay-stacked: 1100;--z-fullscreen: 9999;--z-above-fullscreen: 10001;--z-mobile-takeover: 50000;--z-autoplay: 99999;--z-above-autoplay: 100000}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.6rem 1.4rem;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;text-decoration:none;transition:background-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn--primary{background-color:var(--color-cta-bg);color:var(--color-cta-text)}.btn--primary:hover:not(:disabled){background-color:var(--color-cta-hover);color:var(--color-cta-text);transform:translateY(-1px)}.btn--primary:disabled{background-color:var(--color-border-default)}.btn--secondary{background-color:var(--color-accent);color:var(--color-cta-text);box-shadow:var(--shadow-sm)}.btn--secondary:hover:not(:disabled){background-color:var(--color-accent-hover);color:var(--color-cta-text);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--danger{background-color:var(--color-red);color:var(--color-cta-text)}.btn--danger:hover:not(:disabled){background-color:var(--color-red-hover);color:var(--color-cta-text);transform:translateY(-1px)}.btn--ghost{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-tertiary)}.btn--ghost:hover:not(:disabled){background-color:var(--color-bg-elevated-hover)}.btn--outline{background:transparent;border:1px solid var(--color-border-default);color:var(--color-text-tertiary)}.btn--outline:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn--sm{padding:.4rem .85rem;font-size:.8rem}.modal-overlay{position:fixed;top:0;left:var(--overlay-sidebar-offset);right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-overlay);z-index:1000;padding:var(--space-base);transition:left var(--transition-sidebar)}.modal-overlay--heavy{background:var(--color-bg-overlay-heavy)}.modal-panel{display:flex;flex-direction:column;gap:var(--space-base);width:100%;max-width:28rem;padding:var(--space-xl);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-muted);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);color:var(--color-text-primary)}.modal-panel--wide{max-width:36rem}.modal-title{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.modal-title--lg{font-size:var(--font-size-xl)}.modal-text{margin:0;font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:var(--line-height-normal)}.modal-text strong{color:var(--color-text-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-md);padding-top:var(--space-sm)}.modal-field{display:flex;flex-direction:column;gap:var(--space-sm)}.modal-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin:0}.input{width:100%;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit;outline:none;box-sizing:border-box;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring)}.input::placeholder{color:var(--color-text-dim)}.input[aria-invalid=true]{border-color:var(--color-red-light);box-shadow:0 0 0 3px rgb(var(--color-red-rgb) / .3)}.select{width:100%;padding:.55rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit;outline:none;cursor:pointer;box-sizing:border-box;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring)}.select option{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:var(--space-sm)}.textarea{width:100%;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit;outline:none;resize:vertical;min-height:120px;box-sizing:border-box;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ring)}.textarea::placeholder{color:var(--color-text-dim)}.form-field{display:flex;flex-direction:column;gap:var(--space-sm)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.pagination{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-base);padding:var(--space-xl) 0;border-top:1px solid var(--color-border-muted);margin-top:var(--space-base)}.pagination__info{color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center}.pagination__btn{min-width:2.25rem;height:2.25rem;padding:.375rem .625rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--transition-base),border-color var(--transition-base)}.pagination__btn:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-text-dim)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}:root{font-family:var(--font-family);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{font-weight:var(--font-weight-medium);color:var(--color-accent);text-decoration:inherit}a:hover{color:var(--color-accent-hover)}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-xs)}body{margin:0;min-height:100vh;width:100%;background-color:inherit;overflow-wrap:break-word}html,body{overscroll-behavior-x:none}button{border-radius:var(--radius-md);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:var(--font-weight-medium);font-family:inherit;background-color:var(--color-bg-secondary);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-accent)}button:focus{outline:none}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(forced-colors:active){a:focus-visible,button:focus-visible{outline-color:CanvasText}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:0;z-index:var(--z-overlay);padding:var(--space-sm) var(--space-base);background:var(--color-accent);color:var(--color-accent-contrast);font-weight:var(--font-weight-semibold);text-decoration:none;border-radius:var(--radius-sm)}.skip-link:focus,.skip-link:focus-visible{position:fixed;left:var(--space-base);top:var(--space-base);outline:3px solid var(--color-cta-text);outline-offset:2px}@media print{.skip-link{display:none}}.retry-pill{display:inline-flex;align-items:center;gap:var(--space-xs);flex-shrink:0;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);border:1px solid currentColor;background:transparent;color:inherit;font:inherit;font-size:var(--font-size-xs-sm);cursor:pointer}.retry-pill:hover,.retry-pill:focus-visible{background:rgb(var(--color-red-light-rgb) / .15)}.retry-pill--danger{border-radius:var(--radius-sm);border-color:rgb(var(--color-red-light-rgb) / .4);background:rgb(var(--color-red-light-rgb) / .15);color:var(--color-red-lighter);font-size:var(--font-size-xs)}.retry-pill--danger:hover,.retry-pill--danger:focus-visible{background:rgb(var(--color-red-light-rgb) / .25)}.live-region{display:contents}.podroom-pulse{position:relative;display:inline-block;width:var(--pulse-size, 14px);height:var(--pulse-size, 14px);border-radius:999px;background:var(--color-accent);flex-shrink:0}.podroom-pulse:before{content:"";position:absolute;inset:0;border-radius:999px;background:var(--color-accent);opacity:.6;animation:podroom-pulse-ring 2.4s infinite ease-out}@keyframes podroom-pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(2.2);opacity:0}}@media(prefers-reduced-motion:reduce){.podroom-pulse:before{animation:none;opacity:0}}.spinning{animation:util-spin 1s linear infinite}@keyframes util-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){@keyframes util-spin{to{transform:none}}}.educator-layout{--sidebar-width: 240px;height:100%;width:100%;background:var(--color-bg-primary);color:var(--color-text-primary);overflow:hidden}.educator-layout.collapsed{--sidebar-width: 70px}.educator-page{position:fixed;top:0;left:var(--sidebar-width);width:calc(100vw - var(--sidebar-width));height:100%;transition:left var(--transition-sidebar),width var(--transition-sidebar)}.educator-sidebar{position:fixed;top:0;left:0;height:100%;width:240px;background-color:var(--color-bg-sidebar);border-right:1px solid var(--color-border-muted);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:width var(--transition-sidebar);padding:var(--space-base) 0;box-sizing:border-box;box-shadow:var(--shadow-md);z-index:50}.educator-layout.collapsed .educator-sidebar{width:70px}.sidebar__header{flex-shrink:0;display:flex;align-items:center;padding:0 var(--space-base);margin-bottom:var(--space-2xl);width:100%;box-sizing:border-box;transition:padding var(--transition-sidebar)}.educator-layout.collapsed .sidebar__header{padding:0 17px}.sidebar__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.sidebar__toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;padding:0;background:none;border:none;outline:none;color:var(--color-text-tertiary);cursor:pointer;transition:color .2s linear,background-color .2s linear}.sidebar__toggle:focus,.sidebar__toggle:focus-visible{outline:none}.sidebar__toggle:hover{background-color:var(--color-bg-elevated-hover);color:var(--color-text-primary)}.sidebar__header-link{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;margin-left:auto;border-radius:var(--radius-md);color:var(--color-text-tertiary);transition:color .2s linear,background-color .2s linear,opacity var(--transition-sidebar)}.sidebar__header-link:hover{background-color:var(--color-bg-elevated-hover);color:var(--color-text-primary)}.sidebar__header-link.active{background-color:var(--color-accent-ring);color:var(--color-accent)}.educator-layout.collapsed .sidebar__header-link{opacity:0}.sidebar__nav{display:flex;flex-direction:column;gap:var(--space-base);padding:0 var(--space-md);flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-border-muted) transparent;transition:padding var(--transition-sidebar)}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-track{background:transparent}.sidebar__nav::-webkit-scrollbar-thumb{background:var(--color-border-muted);border-radius:var(--radius-pill)}.educator-layout.collapsed .sidebar__nav{padding:0 var(--space-sm)}.sidebar__link{display:flex;align-items:center;gap:var(--space-md);color:var(--color-text-tertiary);text-decoration:none;outline:none;padding:var(--space-md) var(--space-base);border-radius:var(--radius-md);white-space:nowrap;overflow:hidden;transition:background-color .2s linear,color .2s linear,padding var(--transition-sidebar)}.sidebar__link>svg{flex:none}.sidebar__link-label{opacity:1;transition:opacity var(--transition-sidebar)}.sidebar__link:focus,.sidebar__link:focus-visible{outline:none}.sidebar__link:hover{background-color:var(--color-bg-elevated);color:var(--color-text-primary)}.sidebar__link.active{background-color:var(--color-accent-ring);color:var(--color-accent)}.educator-layout.collapsed .sidebar__link{padding:10px 10px 10px 18px}.educator-layout.collapsed .sidebar__link-label{opacity:0}.sidebar__bottom{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-md);padding:0 var(--space-base);transition:padding var(--transition-sidebar)}.educator-layout.collapsed .sidebar__bottom{padding:0 var(--space-sm)}.sidebar__user{display:flex;align-items:center;gap:var(--space-md);color:var(--color-text-secondary);overflow:hidden;transition:padding var(--transition-sidebar)}.educator-layout.collapsed .sidebar__user{padding-left:9px}.sidebar__avatar{flex:none;width:36px;height:36px;border-radius:var(--radius-pill);background:var(--color-border-faint);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.sidebar__user-info{display:flex;flex-direction:column;gap:var(--space-xs);flex:none;width:calc(240px - 2 * var(--space-base) - 36px - var(--space-md));opacity:1;transition:opacity var(--transition-sidebar)}.educator-layout.collapsed .sidebar__user-info{opacity:0}.sidebar__user-name{font-weight:var(--font-weight-semibold)}.sidebar__user-role{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.sidebar__preferences{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows var(--transition-sidebar),opacity var(--transition-sidebar),margin-top var(--transition-sidebar)}.sidebar__preferences-inner{display:flex;flex-direction:column;min-height:0;overflow:hidden}.educator-layout.collapsed .sidebar__preferences{grid-template-rows:0fr;opacity:0;margin-top:calc(-1 * var(--space-md))}.sidebar__preferences-toggle{display:flex;align-items:center;gap:var(--space-md);width:100%;background:none;border:none;outline:none;padding:10px 0;color:var(--color-text-tertiary);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;transition:color .2s linear}.sidebar__preferences-toggle:focus,.sidebar__preferences-toggle:focus-visible{outline:none}.sidebar__preferences-toggle:hover{color:var(--color-text-primary)}.sidebar__preferences-toggle-label{flex:1}.sidebar__preferences-content{display:flex;flex-direction:column;gap:var(--space-xs);padding-bottom:var(--space-xs)}.sidebar__theme{display:flex;align-items:center;gap:var(--space-md);color:var(--color-text-tertiary);padding:var(--space-sm) 0}.sidebar__theme-swatch{width:24px;height:24px;border-radius:var(--radius-md);border:2px solid var(--color-border-default);outline:none;cursor:pointer;padding:0;transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.sidebar__theme-swatch:focus,.sidebar__theme-swatch:focus-visible{outline:none}.sidebar__theme-swatch:hover{border-color:var(--color-text-muted);transform:scale(1.15)}.sidebar__theme-swatch--active{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-ring)}.sidebar__text-size{display:flex;align-items:center;gap:var(--space-md);color:var(--color-text-tertiary);padding:var(--space-sm) 0}.sidebar__text-size-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-md);border:1px solid var(--color-border-default);outline:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;padding:0;transition:border-color var(--transition-base),background-color var(--transition-base),color var(--transition-base)}.sidebar__text-size-btn:focus,.sidebar__text-size-btn:focus-visible{outline:none}.sidebar__text-size-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-muted)}.sidebar__text-size-btn:disabled{opacity:.3;cursor:not-allowed}.sidebar__text-size-label{font-size:.8rem;color:var(--color-text-muted);min-width:48px;text-align:center}.sidebar__logout{display:flex;align-items:center;gap:var(--space-md);border:1px solid rgb(var(--color-red-light-rgb) / .4);outline:none;background:rgb(var(--color-red-rgb) / .1);color:var(--color-red-lighter);padding:var(--space-md) var(--space-base);border-radius:var(--radius-md);white-space:nowrap;overflow:hidden;cursor:pointer;transition:background-color .2s linear,border-color .2s linear,padding var(--transition-sidebar)}.sidebar__logout>svg{flex:none}.sidebar__logout-label{opacity:1;transition:opacity var(--transition-sidebar)}.sidebar__logout:focus,.sidebar__logout:focus-visible{outline:none}.sidebar__logout:hover{background:rgb(var(--color-red-light-rgb) / .15);border-color:rgb(var(--color-red-light-rgb) / .4)}.educator-layout.collapsed .sidebar__logout{padding:10px 10px 10px 17px}.educator-layout.collapsed .sidebar__logout-label{opacity:0}.educator-main{position:relative;height:100vh;margin-left:240px;width:calc(100vw - 240px);overflow-y:auto;overflow-x:hidden;background:var(--gradient-page);transition:margin-left var(--transition-sidebar);padding:var(--space-2xl) var(--space-3xl);box-sizing:border-box}.educator-layout.collapsed .educator-main{margin-left:70px;width:calc(100vw - 70px)}.educator-content{margin-top:var(--space-2xl)}.error-fallback{text-align:center}.error-fallback--page{padding:var(--space-2xl);max-width:600px;margin:0 auto}.error-fallback--compact{padding:var(--space-2xl)}.error-fallback__title{color:var(--color-red);margin-bottom:var(--space-base)}.error-fallback__message{color:var(--color-text-tertiary);margin-bottom:var(--space-xl)}.error-fallback__message--compact{color:var(--color-red);margin-bottom:var(--space-sm)}.error-fallback__hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0 0 var(--space-xl)}.error-fallback__hint:empty{margin:0}.error-fallback__button{background-color:var(--color-accent);color:var(--color-accent-contrast);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:background-color var(--transition-base)}.error-fallback__button:hover{background-color:var(--color-accent-hover)}.error-fallback__details{margin-top:var(--space-2xl);text-align:left}.error-fallback__details summary{cursor:pointer;font-weight:var(--font-weight-bold)}.error-fallback__details-pre{margin-top:var(--space-base);padding:var(--space-base);background-color:var(--color-bg-elevated);border-radius:var(--radius-xs);overflow:auto;font-size:var(--font-size-sm)}#root{width:100%;min-height:100vh;margin:0;padding:0}.app-splash{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color-scheme:light dark;z-index:99999}@media(prefers-color-scheme:dark){.app-splash{background:#1a1a1a}}.app-splash__spinner{width:2.5rem;height:2.5rem;border:.1875rem solid rgba(0,0,0,.1);border-top-color:#6366f1;border-radius:50%;animation:util-spin .8s linear infinite}@media(prefers-color-scheme:dark){.app-splash__spinner{border-color:#ffffff26;border-top-color:#818cf8}}@media(prefers-reduced-motion:reduce){.app-splash__spinner{animation:none;border-top-color:transparent;background:radial-gradient(circle,currentColor 30%,transparent 32%);color:#6366f1}}