.media-minimal-skin *,.media-minimal-skin *:before,.media-minimal-skin *:after{box-sizing:border-box}.media-minimal-skin img,.media-minimal-skin video,.media-minimal-skin svg{display:block;max-width:100%}.media-minimal-skin button{font:inherit}.media-minimal-skin [hidden][hidden]{display:none}@media(prefers-reduced-motion:no-preference){.media-minimal-skin{interpolate-size:allow-keywords}}.media-minimal-skin{--media-current-shadow-color: oklch(from currentColor 0 0 0 / clamp(0, calc((l - .5)/2) , .15));--media-current-shadow-color-subtle: oklch(from var(--media-current-shadow-color) l c h / calc(alpha*.4) );--media-icon-size: 18px;--media-color-scrollbar-thumb: oklch(from currentColor l c h / .3);position:relative;display:block;width:100%;height:100%;container:media-root / inline-size;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;line-height:1.5;letter-spacing:normal;outline:2px solid transparent;outline-offset:-4px;scrollbar-color:var(--media-color-scrollbar-thumb) transparent;scrollbar-width:thin;border-radius:var(--media-border-radius, .75rem);isolation:isolate;transition-timing-function:ease-out;transition-duration:.1s;transition-property:outline-offset,outline-color}.media-minimal-skin:focus-visible{outline-color:currentColor;outline-offset:2px}.media-minimal-skin::-webkit-scrollbar-thumb{background:var(--media-color-scrollbar-thumb);border-radius:9999px}@media(prefers-reduced-transparency:reduce)or (prefers-contrast:more){.media-minimal-skin{--media-color-scrollbar-thumb: oklch(from currentColor l c h / .8);scrollbar-width:auto}}.media-minimal-skin ::slotted(video),.media-minimal-skin video{display:block;width:100%;height:100%;object-fit:var(--media-object-fit, contain);object-position:var(--media-object-position, center)}.media-minimal-skin ::slotted(video){border-radius:var(--media-video-border-radius)}.media-minimal-skin video{border-radius:inherit}.media-minimal-skin:fullscreen ::slotted(video),.media-minimal-skin:fullscreen video{object-fit:contain}.media-minimal-skin .media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to top,#000000b3,#00000080 7.5rem,#0000);border-radius:inherit;opacity:0;-webkit-backdrop-filter:blur(0) saturate(1);backdrop-filter:blur(0) saturate(1);transition-timing-function:ease-out;transition-duration:var(--media-controls-transition-duration);transition-property:opacity,backdrop-filter}.media-minimal-skin .media-error~.media-overlay{transition-delay:var(--media-error-dialog-transition-delay);transition-duration:var(--media-error-dialog-transition-duration)}.media-minimal-skin .media-controls[data-visible]~.media-overlay,.media-minimal-skin .media-error[data-open]~.media-overlay{opacity:1}.media-minimal-skin .media-buffering-indicator[data-visible]~.media-overlay{background:#00000059;opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.media-minimal-skin .media-error[data-open]~.media-overlay{-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2)}.media-minimal-skin .media-buffering-indicator{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:none;place-content:center;color:#fff;pointer-events:none}.media-minimal-skin .media-buffering-indicator:not([data-visible]){--media-spinner-animation: none}.media-minimal-skin .media-buffering-indicator[data-visible]{display:grid}.media-minimal-skin .media-error:not([data-open]){display:none}.media-minimal-skin .media-error__title{font-weight:600;line-height:1.25}.media-minimal-skin .media-error__description{overflow-wrap:anywhere;opacity:.7}.media-minimal-skin .media-error__actions{display:flex;gap:.5rem}.media-minimal-skin .media-error__actions>*{flex:1}.media-minimal-skin .media-error[data-open]~.media-controls *{visibility:hidden}.media-minimal-skin .media-controls{display:flex;align-items:center;container:media-controls / inline-size;text-shadow:0 1px 0 var(--media-current-shadow-color);background-color:var(--media-controls-background-color);-webkit-backdrop-filter:var(--media-controls-backdrop-filter);backdrop-filter:var(--media-controls-backdrop-filter)}.media-minimal-skin .media-time-controls{display:flex;flex:1;flex-direction:row-reverse;gap:.75rem;align-items:center;container:media-time-controls / inline-size}.media-minimal-skin .media-time-group{display:flex;gap:.25rem;align-items:center}.media-minimal-skin .media-time{font-variant-numeric:tabular-nums}.media-minimal-skin .media-time[role=button]{cursor:pointer;outline:2px solid transparent;outline-offset:-2px;border-radius:.25rem;transition-timing-function:ease-out;transition-duration:.1s;transition-property:outline-color,outline-offset}@supports (corner-shape: squircle){.media-minimal-skin .media-time[role=button]{border-radius:1rem;corner-shape:squircle}}.media-minimal-skin .media-time[role=button]:focus-visible{outline-color:currentColor;outline-offset:2px}.media-minimal-skin .media-time--current,.media-minimal-skin .media-time-separator{display:none}@container media-root (width > 42rem){.media-minimal-skin .media-time-controls{flex-direction:row}.media-minimal-skin .media-time--duration,.media-minimal-skin .media-time-separator{color:oklch(from currentColor l c h / .6)}.media-minimal-skin .media-time--current,.media-minimal-skin .media-time-separator{display:inline}}.media-minimal-skin .media-button{display:flex;flex-shrink:0;align-items:center;justify-content:center;min-height:0;padding:.5rem 1rem;text-align:center;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;outline:2px solid transparent;outline-offset:-2px;border:none;border-radius:.5rem;transition-timing-function:ease-out;transition-duration:.15s;transition-property:background-color,outline-offset,scale;will-change:scale}.media-minimal-skin .media-button:focus-visible{outline-color:currentColor;outline-offset:2px}.media-minimal-skin .media-button:active{scale:.98}.media-minimal-skin .media-button[disabled]{cursor:not-allowed;opacity:.5;filter:grayscale(1)}.media-minimal-skin .media-button[data-availability=unavailable],.media-minimal-skin .media-button[data-availability=unsupported]{display:none}@supports (corner-shape: squircle){.media-minimal-skin .media-button{border-radius:1rem;corner-shape:squircle}}.media-minimal-skin .media-button--primary{font-weight:500;color:#000;text-shadow:none;background:#fff}.media-minimal-skin .media-button--subtle{color:inherit;text-shadow:inherit;background:transparent}.media-minimal-skin .media-button--subtle:hover,.media-minimal-skin .media-button--subtle:focus-visible,.media-minimal-skin .media-button--subtle[aria-expanded=true]{background:oklch(from currentColor l c h / .1)}.media-minimal-skin .media-button--icon{display:grid;width:2.375rem;aspect-ratio:1;padding:0}.media-minimal-skin .media-button--icon:active{scale:.9}.media-minimal-skin .media-button--icon .media-icon__container{display:grid}.media-minimal-skin .media-button--icon .media-icon{grid-area:1 / 1;transition-behavior:allow-discrete;transition-property:display,opacity;transition-duration:.15s;transition-timing-function:ease-out;filter:drop-shadow(0 1px 0 var(--media-current-shadow-color))}.media-minimal-skin .media-button--seek .media-icon__label{position:absolute;right:-1px;bottom:-3px;font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.media-minimal-skin .media-button--seek:has(.media-icon--flipped) .media-icon__label{right:unset;left:-1px}.media-minimal-skin .media-button--playback-rate{padding:0;font-variant-numeric:tabular-nums}.media-minimal-skin .media-button--playback-rate:after{width:4ch;content:attr(data-rate) "×"}.media-minimal-skin .media-button--playback-rate[data-inline-rate-label]:after{content:none}.media-minimal-skin .media-button--settings{display:none}.media-minimal-skin .media-button--settings .media-icon--settings{transition:transform .15s ease-in-out}@media(prefers-reduced-motion:reduce){.media-minimal-skin .media-button--settings .media-icon--settings{transition-duration:0ms}}.media-minimal-skin .media-button--settings[aria-expanded=true] .media-icon--settings{transform:rotate(90deg)}.media-minimal-skin .media-button-group:has([data-availability=available]) .media-button--settings{display:grid}.media-minimal-skin .media-button--live{display:inline-flex;gap:.4rem;align-items:center;width:auto;aspect-ratio:auto;padding:.5rem .75rem;font-size:.75rem;font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:.05em}.media-minimal-skin .media-button--live:before{display:inline-block;flex-shrink:0;width:.5rem;height:.5rem;content:"";background-color:oklch(from currentColor l c h / .4);border-radius:50%;transition:background-color .15s ease-out}.media-minimal-skin .media-button--live[data-live-edge]:before{background-color:#f9423d}.media-minimal-skin .media-button-group{display:flex;gap:.075rem;align-items:center}@container media-root (width > 42rem){.media-minimal-skin .media-button-group{gap:.125rem}}.media-minimal-skin .media-badge{padding:.25rem .375rem;font-size:.6875rem;font-weight:500;line-height:1;color:oklch(from currentColor l c h / .85);white-space:nowrap;background-color:oklch(from currentColor l c h / .1);border-radius:.25rem}.media-minimal-skin .media-icon__container{position:relative}.media-minimal-skin .media-icon{flex-shrink:0;width:var(--media-icon-size);height:var(--media-icon-size)}.media-minimal-skin .media-icon--flipped{scale:-1 1}.media-minimal-skin media-poster,.media-minimal-skin>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;transition:opacity .25s}.media-minimal-skin media-poster:not([data-visible]),.media-minimal-skin>img:not([data-visible]),.media-minimal-skin>img[data-visible]:not([data-loaded]){opacity:0}.media-minimal-skin media-poster ::slotted(img),.media-minimal-skin media-poster img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--media-object-fit, contain);object-position:var(--media-object-position, center);border-radius:var(--media-video-border-radius)}.media-minimal-skin>img{object-fit:var(--media-object-fit, contain);object-position:var(--media-object-position, center);border-radius:inherit}.media-minimal-skin media-poster:before,.media-minimal-skin:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background-image:var(--media-poster-placeholder, none);background-repeat:no-repeat;background-position:var(--media-object-position, center);background-size:var(--media-object-fit, contain);filter:blur(var(--media-poster-placeholder-blur, 20px))}.media-minimal-skin:before{opacity:0;transition:opacity .25s}.media-minimal-skin:has(img[data-visible]:not([data-loaded])):before{opacity:1}.media-minimal-skin:fullscreen media-poster ::slotted(img),.media-minimal-skin:fullscreen media-poster img,.media-minimal-skin:fullscreen>img{object-fit:contain}.media-minimal-skin .media-thumbnail{pointer-events:none}.media-minimal-skin .media-thumbnail .media-thumbnail__image-wrapper{position:relative;background-color:#000000e6;border-radius:.5rem}.media-minimal-skin .media-thumbnail .media-thumbnail__image{display:block;border-radius:inherit}.media-minimal-skin .media-thumbnail .media-thumbnail__time{display:block;margin-top:.5rem;text-align:center}.media-minimal-skin .media-thumbnail .media-overlay{opacity:1}.media-minimal-skin .media-thumbnail .media-thumbnail__spinner{position:absolute;top:50%;left:50%;opacity:0;translate:-50% -50%}.media-minimal-skin .media-thumbnail .media-thumbnail__image,.media-minimal-skin .media-thumbnail .media-thumbnail__spinner{transition:opacity .15s ease-out}.media-minimal-skin .media-thumbnail:not(:has(.media-thumbnail__image[data-loading])) .media-thumbnail__spinner{--media-spinner-animation: none}.media-minimal-skin .media-thumbnail:has(.media-thumbnail__image[data-loading]) .media-thumbnail__image{opacity:0}.media-minimal-skin .media-thumbnail:has(.media-thumbnail__image[data-loading]) .media-thumbnail__spinner{opacity:1}.media-minimal-skin .media-slider{position:relative;display:flex;flex:1;align-items:center;justify-content:center;cursor:pointer;outline:none;border-radius:calc(infinity * 1px)}.media-minimal-skin .media-slider[data-orientation=horizontal]{width:100%;min-width:5rem;height:2rem}.media-minimal-skin .media-slider[data-orientation=vertical]{width:2rem;height:4.5rem}.media-minimal-skin .media-slider__track{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;background-color:oklch(from currentColor l c h / .2);border-radius:inherit;isolation:isolate}.media-minimal-skin .media-slider__track[data-orientation=horizontal]{width:100%;height:.1875rem}.media-minimal-skin .media-slider__track[data-orientation=vertical]{width:.1875rem;height:100%}.media-minimal-skin .media-slider__thumb{position:absolute;z-index:10;width:.75rem;height:.75rem;-webkit-user-select:none;user-select:none;outline:2px solid transparent;outline-offset:-2px;background-color:currentColor;border-radius:calc(infinity * 1px);box-shadow:0 0 0 1px var(--media-current-shadow-color, oklch(0 0 0 / .15)),0 1px 3px #00000026,0 1px 2px -1px #00000026;opacity:0;transform-origin:center;scale:.7;translate:-50% -50%;transition-timing-function:ease-out;transition-duration:.15s;transition-property:opacity,scale,outline-offset}.media-minimal-skin .media-slider__thumb[data-orientation=horizontal]{top:50%;left:var(--media-slider-fill)}.media-minimal-skin .media-slider__thumb[data-orientation=vertical]{top:calc(100% - var(--media-slider-fill));left:50%}.media-minimal-skin .media-slider__thumb:focus-visible{outline-color:currentColor;outline-offset:2px}.media-minimal-skin .media-slider:hover .media-slider__thumb,.media-minimal-skin .media-slider:focus-within .media-slider__thumb,.media-minimal-skin .media-slider__thumb--persistent{opacity:1;scale:1}.media-minimal-skin .media-slider__preview .media-slider__value,.media-minimal-skin .media-slider__preview:before{opacity:0;scale:.5;transition-timing-function:ease-out;transition-duration:.2s;transition-property:opacity,scale}.media-minimal-skin .media-slider__preview .media-slider__value{position:absolute;bottom:1.5rem;text-shadow:0 1px 0 var(--media-current-shadow-color);filter:blur(8px);translate:-50% .5rem;transition-property:filter,opacity,scale,translate}.media-minimal-skin .media-slider__preview:before{display:block;content:"";background-color:oklch(from currentColor l c h / .35)}.media-minimal-skin .media-slider__preview[data-pointing] .media-slider__value,.media-minimal-skin .media-slider__preview[data-pointing]:not([data-dragging]):before{opacity:1;scale:1}.media-minimal-skin .media-slider__preview[data-pointing] .media-slider__value{filter:blur(0);translate:-50% 0}.media-minimal-skin .media-slider__preview[data-orientation=horizontal]:before{min-width:1px;height:1.25rem}.media-minimal-skin .media-slider__preview[data-orientation=vertical]:before{width:1.25rem;min-height:1px}.media-minimal-skin .media-slider__buffer,.media-minimal-skin .media-slider__fill{position:absolute;pointer-events:none;border-radius:inherit}.media-minimal-skin .media-slider__buffer[data-orientation=horizontal],.media-minimal-skin .media-slider__fill[data-orientation=horizontal]{inset-block:0;left:0}.media-minimal-skin .media-slider__buffer[data-orientation=vertical],.media-minimal-skin .media-slider__fill[data-orientation=vertical]{inset-inline:0;bottom:0}.media-minimal-skin .media-slider__buffer{background-color:oklch(from currentColor l c h / .2);transition-timing-function:ease-out;transition-duration:.25s}.media-minimal-skin .media-slider__buffer[data-orientation=horizontal]{width:var(--media-slider-buffer);transition-property:width}.media-minimal-skin .media-slider__buffer[data-orientation=vertical]{height:var(--media-slider-buffer);transition-property:height}.media-minimal-skin .media-slider__fill{background-color:currentColor}.media-minimal-skin .media-slider__fill[data-orientation=horizontal]{width:var(--media-slider-fill)}.media-minimal-skin .media-slider__fill[data-orientation=vertical]{height:var(--media-slider-fill)}.media-minimal-skin .media-slider[data-dragging] .media-slider__thumb[data-orientation=horizontal]{left:var(--media-slider-pointer)}.media-minimal-skin .media-slider[data-dragging] .media-slider__thumb[data-orientation=vertical]{top:calc(100% - var(--media-slider-pointer))}.media-minimal-skin .media-slider[data-dragging] .media-slider__fill[data-orientation=horizontal]{width:var(--media-slider-pointer)}.media-minimal-skin .media-slider[data-dragging] .media-slider__fill[data-orientation=vertical]{height:var(--media-slider-pointer)}.media-minimal-skin{--media-popup-transition: opacity var(--media-popup-transition-timing-function) var(--media-popup-transition-duration), filter var(--media-popup-transition-timing-function) var(--media-popup-transition-duration), transform var(--media-popup-transition-timing-function) var(--media-popup-transition-duration), scale var(--media-popup-transition-timing-function) var(--media-popup-transition-duration)}.media-minimal-skin .media-popover,.media-minimal-skin .media-tooltip{--popup-translate-distance: .5rem;margin:0;overflow:visible;color:inherit;border:0;transition:var(--media-popup-transition)}.media-minimal-skin .media-popover[data-starting-style],.media-minimal-skin .media-popover[data-ending-style],.media-minimal-skin .media-tooltip[data-starting-style],.media-minimal-skin .media-tooltip[data-ending-style]{opacity:0;filter:blur(4px);transform:translate(var(--popup-translate-x-distance, 0),var(--popup-translate-y-distance, 0));scale:.95}.media-minimal-skin .media-popover[data-ending-style],.media-minimal-skin .media-tooltip[data-ending-style]{transform:none;transition-duration:max(0ms,calc(var(--media-popup-transition-duration) - 50ms))}.media-minimal-skin .media-popover[data-side=top],.media-minimal-skin .media-tooltip[data-side=top]{--popup-translate-y-distance: var(--popup-translate-distance);transform-origin:bottom}.media-minimal-skin .media-popover[data-side=bottom],.media-minimal-skin .media-tooltip[data-side=bottom]{--popup-translate-y-distance: calc(var(--popup-translate-distance) * -1);transform-origin:top}.media-minimal-skin .media-popover[data-side=left],.media-minimal-skin .media-tooltip[data-side=left]{--popup-translate-x-distance: var(--popup-translate-distance);transform-origin:right}.media-minimal-skin .media-popover[data-side=right],.media-minimal-skin .media-tooltip[data-side=right]{--popup-translate-x-distance: calc(var(--popup-translate-distance) * -1);transform-origin:left}.media-minimal-skin .media-popover:before,.media-minimal-skin .media-tooltip:before{position:absolute;pointer-events:inherit;content:""}.media-minimal-skin .media-popover[data-side=top]:before,.media-minimal-skin .media-popover[data-side=bottom]:before,.media-minimal-skin .media-tooltip[data-side=top]:before,.media-minimal-skin .media-tooltip[data-side=bottom]:before{inset-inline:0;width:100%}.media-minimal-skin .media-popover[data-side=top]:before,.media-minimal-skin .media-tooltip[data-side=top]:before{top:100%}.media-minimal-skin .media-popover[data-side=bottom]:before,.media-minimal-skin .media-tooltip[data-side=bottom]:before{bottom:100%}.media-minimal-skin .media-popover[data-side=left]:before,.media-minimal-skin .media-popover[data-side=right]:before,.media-minimal-skin .media-tooltip[data-side=left]:before,.media-minimal-skin .media-tooltip[data-side=right]:before{inset-block:0;height:100%}.media-minimal-skin .media-popover[data-side=left]:before,.media-minimal-skin .media-tooltip[data-side=left]:before{left:100%}.media-minimal-skin .media-popover[data-side=right]:before,.media-minimal-skin .media-tooltip[data-side=right]:before{right:100%}.media-minimal-skin .media-popover[data-side=top]:before,.media-minimal-skin .media-popover[data-side=bottom]:before{height:var(--media-popover-side-offset)}.media-minimal-skin .media-popover[data-side=left]:before,.media-minimal-skin .media-popover[data-side=right]:before{width:var(--media-popover-side-offset)}.media-minimal-skin .media-tooltip{padding:.25rem .5rem;font-size:.75rem;color:var(--media-tooltip-text-color);white-space:nowrap;background-color:var(--media-tooltip-background-color);border-radius:.5rem;box-shadow:0 0 0 1px var(--media-tooltip-border-color),0 4px 6px -1px #0003,0 2px 4px -2px #0003;-webkit-backdrop-filter:var(--media-tooltip-backdrop-filter);backdrop-filter:var(--media-tooltip-backdrop-filter)}.media-minimal-skin .media-tooltip[data-open]{display:flex;column-gap:.25rem;align-items:center}.media-minimal-skin .media-tooltip[data-side=top]:before,.media-minimal-skin .media-tooltip[data-side=bottom]:before{height:var(--media-tooltip-side-offset)}.media-minimal-skin .media-tooltip[data-side=left]:before,.media-minimal-skin .media-tooltip[data-side=right]:before{width:var(--media-tooltip-side-offset)}.media-minimal-skin .media-tooltip .media-tooltip__kbd{min-width:1.5em;padding:.1em;margin-right:-.25rem;font-family:inherit;font-size:90%;font-weight:600;line-height:1.25;text-align:center;background-color:oklch(from currentColor l c h / .15);border-radius:.25rem}.media-minimal-skin .media-popover--volume:has(media-volume-slider[data-availability=unsupported]){display:none}.media-minimal-skin .media-menu{--menu-transition-duration: .25s;--menu-max-height: 14rem;--menu-padding: .5rem;--menu-border-radius: 1rem;--menu-item-border-radius: calc(var(--menu-border-radius) - var(--menu-padding));box-sizing:border-box;max-width:var(--media-popover-available-width, none);max-height:min(var(--media-popover-available-height, var(--menu-max-height)),var(--menu-max-height));padding:var(--menu-padding);overflow:auto;overscroll-behavior:none;background-color:var(--media-popover-background-color);border-radius:var(--menu-border-radius);box-shadow:0 0 0 1px var(--media-popover-border-color),0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;-webkit-backdrop-filter:var(--media-popover-backdrop-filter);backdrop-filter:var(--media-popover-backdrop-filter)}@media(prefers-reduced-motion:reduce){.media-minimal-skin .media-menu{--menu-transition-duration: 0ms}}.media-minimal-skin .media-menu .media-menu__panel{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--menu-padding);overflow:auto;overscroll-behavior:none;outline:none;translate:0 0;transition-timing-function:ease-in-out;transition-duration:var(--menu-transition-duration);transition-property:translate,filter;will-change:translate,filter}.media-minimal-skin .media-menu .media-menu__panel[data-starting-style],.media-minimal-skin .media-menu .media-menu__panel[data-ending-style]{overflow:hidden}.media-minimal-skin .media-menu .media-menu__panel[data-menu-root-view][data-menu-view-state=inactive]{filter:blur(8px);translate:-100% 0}.media-minimal-skin .media-menu .media-menu__panel[data-menu-root-view][data-menu-view-state=inactive] .media-menu__group:before{display:none}.media-minimal-skin .media-menu .media-menu__panel[data-submenu]{z-index:10}.media-minimal-skin .media-menu .media-menu__panel[data-submenu]:not([data-open],[data-ending-style]){translate:-100% 0;transition-property:none}.media-minimal-skin .media-menu .media-menu__panel[data-submenu][data-starting-style],.media-minimal-skin .media-menu .media-menu__panel[data-submenu][data-ending-style]{pointer-events:none;filter:blur(8px)}.media-minimal-skin .media-menu .media-menu__panel[data-submenu][data-starting-style][data-direction=forward],.media-minimal-skin .media-menu .media-menu__panel[data-submenu][data-ending-style][data-direction=back]{translate:100% 0}.media-minimal-skin .media-menu .media-menu__panel[data-submenu][data-ending-style][data-direction=forward],.media-minimal-skin .media-menu .media-menu__panel[data-submenu][data-starting-style][data-direction=back]{translate:-100% 0}.media-minimal-skin .media-menu .media-menu__separator{margin:.25rem 0;border-bottom:1px solid oklch(1 0 0 / .1)}.media-minimal-skin .media-menu .media-menu__group{display:flex;flex-direction:column;gap:.125rem}@supports (top: anchor(top)){.media-minimal-skin .media-menu .media-menu__group:before{position:absolute;position-anchor:--media-menu-item-highlight-anchor;inset:anchor(inside);pointer-events:none;content:"";background-color:oklch(from currentColor l c h / .1);border-radius:var(--menu-item-border-radius);transition:inset ease-in-out .1s}}.media-minimal-skin .media-menu .media-menu__item,.media-minimal-skin .media-menu .media-menu__back{display:flex;gap:.375rem;align-items:center;padding:.375rem .5rem;text-align:left;text-shadow:0 1px 0 var(--media-current-shadow-color);cursor:pointer;-webkit-user-select:none;user-select:none;outline:2px solid transparent;outline-offset:-2px;border-radius:var(--menu-item-border-radius);transition:background-color,color;transition-timing-function:ease-out;transition-duration:.1s}.media-minimal-skin .media-menu .media-menu__item:focus-visible,.media-minimal-skin .media-menu .media-menu__back:focus-visible{outline-color:currentColor;outline-offset:2px}.media-minimal-skin .media-menu .media-menu__item:hover,.media-minimal-skin .media-menu .media-menu__item[data-highlighted],.media-minimal-skin .media-menu .media-menu__back:hover,.media-minimal-skin .media-menu .media-menu__back[data-highlighted]{background-color:oklch(from currentColor l c h / .1)}@supports (top: anchor(top)){.media-minimal-skin .media-menu .media-menu__item:hover,.media-minimal-skin .media-menu .media-menu__item[data-highlighted],.media-minimal-skin .media-menu .media-menu__back:hover,.media-minimal-skin .media-menu .media-menu__back[data-highlighted]{anchor-name:--media-menu-item-highlight-anchor;background-color:transparent}}.media-minimal-skin .media-menu .media-menu__item .media-icon,.media-minimal-skin .media-menu .media-menu__back .media-icon{flex-shrink:0;color:oklch(from currentColor l c h / .5);filter:drop-shadow(0 1px 0 var(--media-current-shadow-color))}.media-minimal-skin .media-menu .media-menu__indicator{flex-shrink:0;margin-right:-.25rem;margin-left:auto;opacity:0}.media-minimal-skin .media-menu .media-menu__item{justify-content:space-between;font-variant-numeric:tabular-nums;color:inherit}.media-minimal-skin .media-menu .media-menu__item[aria-disabled=true]{pointer-events:none;cursor:not-allowed;opacity:.5}.media-minimal-skin .media-menu .media-menu__item[aria-checked=true] .media-menu__indicator{opacity:1}.media-minimal-skin .media-menu .media-menu__item[data-availability=unavailable],.media-minimal-skin .media-menu .media-menu__item[data-availability=unsupported]{display:none}.media-minimal-skin .media-menu .media-menu__tier{padding-top:1px;padding-left:.125rem;font-size:.5625rem;font-weight:600;line-height:1;color:oklch(from currentColor l c h / .7)}.media-minimal-skin .media-menu .media-menu__back{width:100%;margin-bottom:.125rem}.media-minimal-skin .media-menu .media-menu__hint{display:inline-flex;gap:.25rem;align-items:center;min-width:0;padding-left:.5rem;margin-left:auto;font-size:.75rem;color:oklch(from currentColor l c h / .65)}.media-minimal-skin .media-menu .media-menu__hint-label{max-width:6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-minimal-skin .media-menu .media-menu__chevron{width:.875rem;height:.875rem}.media-minimal-skin .media-menu.media-menu--settings{width:var(--media-menu-width);min-width:12rem;height:var(--media-menu-height);overflow:hidden;transition:var(--media-popup-transition),height var(--media-popup-transition-timing-function) var(--menu-transition-duration),width var(--media-popup-transition-timing-function) var(--menu-transition-duration)}.media-minimal-skin .media-menu.media-menu--settings[data-starting-style],.media-minimal-skin .media-menu.media-menu--settings[data-ending-style]{transition:var(--media-popup-transition)}.media-minimal-skin{--media-caption-track-duration: var(--media-controls-transition-duration);--media-caption-track-delay: 25ms;--media-caption-track-y: -.5rem}.media-minimal-skin:has(.media-controls[data-visible]){--media-caption-track-y: -5rem}@container media-root (width > 42rem){.media-minimal-skin:has(.media-controls[data-visible])>*{--media-caption-track-y: -3rem}}.media-minimal-skin video::-webkit-media-text-track-container{z-index:1;font-family:inherit;scale:.98;translate:0 var(--media-caption-track-y);transition:translate var(--media-caption-track-duration) ease-out;transition-delay:var(--media-caption-track-delay)}.media-minimal-skin .media-input-feedback{position:absolute;inset-inline:0;top:0;bottom:3.5rem;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;justify-items:center;overflow:hidden;color:var(--media-color-primary, oklch(1 0 0));pointer-events:none;border-radius:inherit}@container media-root (width > 24rem){.media-minimal-skin .media-input-feedback{bottom:0}}.media-minimal-skin .media-input-feedback-island{position:absolute;inset-inline:0;top:0;display:flex;justify-content:center;padding-top:.75rem;padding-bottom:8rem;color:inherit;text-shadow:0 1px 0 var(--media-current-shadow-color);pointer-events:none;background-image:linear-gradient(to bottom,#00000059,#0003 3rem,#0000);transform-origin:top center;transition-timing-function:ease-out;transition-duration:.1s}.media-minimal-skin .media-input-feedback-island .media-input-feedback-island__content{display:flex;gap:.5rem;align-items:center;justify-content:space-between;padding:.25rem .625rem}.media-minimal-skin .media-input-feedback-island .media-icon{display:none;flex-shrink:0;filter:drop-shadow(0 1px 0 var(--media-current-shadow-color))}.media-minimal-skin .media-input-feedback-island .media-input-feedback-island__value{margin-left:auto}@media(pointer:fine){.media-minimal-skin .media-input-feedback-island{transition-property:translate,filter,opacity;will-change:translate,filter,opacity}}@media(pointer:coarse){.media-minimal-skin .media-input-feedback-island{transition-property:translate,opacity;will-change:translate,opacity}}@media(pointer:fine)and (prefers-reduced-motion:no-preference){.media-minimal-skin .media-input-feedback-island{transition-property:translate,filter,opacity}}@media(prefers-reduced-transparency:reduce)or (prefers-contrast:more){.media-minimal-skin .media-input-feedback-island .media-input-feedback-island__content{background:var(--media-controls-background-color);border-radius:.5rem}}.media-minimal-skin .media-input-feedback-island[data-starting-style],.media-minimal-skin .media-input-feedback-island[data-ending-style]{opacity:0;transition-timing-function:ease-in;transition-duration:.4s}@media(pointer:fine)and (prefers-reduced-motion:no-preference){.media-minimal-skin .media-input-feedback-island[data-starting-style],.media-minimal-skin .media-input-feedback-island[data-ending-style]{filter:blur(8px)}}@media(prefers-reduced-motion:no-preference){.media-minimal-skin .media-input-feedback-island[data-starting-style][data-ending-style],.media-minimal-skin .media-input-feedback-island[data-ending-style][data-ending-style]{translate:0 -100%}}.media-minimal-skin .media-input-feedback-island--volume .media-input-feedback-island__content{width:min(80%,14rem)}.media-minimal-skin .media-input-feedback-island--volume .media-input-feedback-island__progress{--media-progress-fill: var(--media-volume-fill);width:100%;height:.1875rem;background-image:linear-gradient(to right,currentColor 0%,currentColor var(--media-progress-fill),oklch(from currentColor l c h / .2) var(--media-progress-fill),oklch(from currentColor l c h / .2) 100%);border-radius:calc(Infinity * 1px);box-shadow:0 1px 0 var(--media-current-shadow-color-subtle)}.media-minimal-skin .media-input-feedback-island--volume[data-level=high] .media-icon--volume-high,.media-minimal-skin .media-input-feedback-island--volume[data-level=low] .media-icon--volume-low,.media-minimal-skin .media-input-feedback-island--volume[data-level=off] .media-icon--volume-off{display:block}@media(prefers-reduced-motion:no-preference){.media-minimal-skin .media-input-feedback-island--volume[data-min] .media-input-feedback-island__content,.media-minimal-skin .media-input-feedback-island--volume[data-max] .media-input-feedback-island__content{animation:media-shake .3s ease-in-out}}.media-minimal-skin .media-input-feedback-island--status[data-status=captions-on] .media-icon--captions-on,.media-minimal-skin .media-input-feedback-island--status[data-status=captions-off] .media-icon--captions-off,.media-minimal-skin .media-input-feedback-island--status[data-status=fullscreen] .media-icon--fullscreen-enter,.media-minimal-skin .media-input-feedback-island--status[data-status=exit-fullscreen] .media-icon--fullscreen-exit,.media-minimal-skin .media-input-feedback-island--status[data-status=pip] .media-icon--pip-enter,.media-minimal-skin .media-input-feedback-island--status[data-status=exit-pip] .media-icon--pip-exit{display:block}.media-minimal-skin .media-input-feedback-bubble{display:grid;grid-row:1;grid-column:2;place-content:center;padding:1rem;text-align:center}.media-minimal-skin .media-input-feedback-bubble:not([data-direction]){transition-timing-function:ease-out;transition-duration:.2s;transition-property:opacity,scale}.media-minimal-skin .media-input-feedback-bubble:not([data-direction])[data-starting-style],.media-minimal-skin .media-input-feedback-bubble:not([data-direction])[data-ending-style]{opacity:0;scale:.85}.media-minimal-skin .media-input-feedback-bubble:not([data-direction])[data-ending-style]{transition-timing-function:ease-in;transition-duration:.1s}@media(prefers-reduced-motion:reduce){.media-minimal-skin .media-input-feedback-bubble:not([data-direction]){transition-duration:50ms;transition-property:opacity}}.media-minimal-skin .media-input-feedback-bubble[data-direction]{gap:.25rem}@container media-root (width > 24rem){.media-minimal-skin .media-input-feedback-bubble[data-direction]{padding:1.5rem}}.media-minimal-skin .media-input-feedback-bubble[data-direction=backward]{grid-column:1;justify-self:left}.media-minimal-skin .media-input-feedback-bubble[data-direction=forward]{grid-column:3;justify-self:right}.media-minimal-skin .media-input-feedback-bubble .media-icon{display:none;width:calc(var(--media-icon-size) * 2);height:calc(var(--media-icon-size) * 2)}.media-minimal-skin .media-input-feedback-bubble .media-icon--seek{width:calc(var(--media-icon-size) * 1.5);height:calc(var(--media-icon-size) * 1.5)}.media-minimal-skin .media-input-feedback-bubble[data-direction] .media-icon--seek,.media-minimal-skin .media-input-feedback-bubble[data-status=pause] .media-icon--pause,.media-minimal-skin .media-input-feedback-bubble[data-status=play] .media-icon--play{display:block}.media-minimal-skin .media-input-feedback-bubble[data-direction=backward] .media-icon--seek{scale:-1 1}@media(prefers-reduced-motion:no-preference){.media-minimal-skin .media-input-feedback-bubble .media-icon--seek{transition-timing-function:ease-in-out;transition-duration:.2s;transition-property:translate,opacity}.media-minimal-skin .media-input-feedback-bubble[data-starting-style] .media-icon--seek,.media-minimal-skin .media-input-feedback-bubble[data-ending-style] .media-icon--seek{opacity:0}.media-minimal-skin .media-input-feedback-bubble[data-direction=forward][data-starting-style] .media-icon--seek{translate:-60% 0}.media-minimal-skin .media-input-feedback-bubble[data-direction=backward][data-starting-style] .media-icon--seek{translate:60% 0}}.media-button--play .media-icon--restart,.media-button--play .media-icon--play,.media-button--play .media-icon--pause,.media-button--mute .media-icon--volume-off,.media-button--mute .media-icon--volume-low,.media-button--mute .media-icon--volume-high,.media-button--fullscreen .media-icon--fullscreen-enter,.media-button--fullscreen .media-icon--fullscreen-exit,.media-button--pip .media-icon--pip-enter,.media-button--pip .media-icon--pip-exit,.media-button--cast .media-icon--cast-enter,.media-button--cast .media-icon--cast-exit,.media-button--airplay .media-icon--airplay-enter,.media-button--airplay .media-icon--airplay-exit,.media-button--captions .media-icon--captions-off,.media-button--captions .media-icon--captions-on{display:none;opacity:0}.media-button--play[data-ended] .media-icon--restart,.media-button--play:not([data-ended])[data-paused] .media-icon--play,.media-button--play:not([data-ended]):not([data-started]) .media-icon--play,.media-button--play[data-started]:not([data-paused]):not([data-ended]) .media-icon--pause,.media-button--mute[data-muted] .media-icon--volume-off,.media-button--mute:not([data-muted])[data-volume-level=low] .media-icon--volume-low,.media-button--mute:not([data-muted]):not([data-volume-level=low]) .media-icon--volume-high,.media-button--fullscreen:not([data-fullscreen]) .media-icon--fullscreen-enter,.media-button--fullscreen[data-fullscreen] .media-icon--fullscreen-exit,.media-button--pip:not([data-pip]) .media-icon--pip-enter,.media-button--pip[data-pip] .media-icon--pip-exit,.media-button--cast:not([data-cast-state=connected]) .media-icon--cast-enter,.media-button--cast[data-cast-state=connected] .media-icon--cast-exit,.media-button--airplay:not([data-airplay-state=connected]) .media-icon--airplay-enter,.media-button--airplay[data-airplay-state=connected] .media-icon--airplay-exit,.media-button--captions:not([data-active]) .media-icon--captions-off,.media-button--captions[data-active] .media-icon--captions-on{display:block;opacity:1}.media-button--airplay:not([data-airplay-state=connected]){--media-icon--airplay__fill-animation: none;--media-icon--airplay__triangle-animation: none}@keyframes media-shake{0%,to{translate:0 0}20%{translate:-6px 0}40%{translate:4px 0}60%{translate:-2px 0}80%{translate:1px 0}}@property --media-progress-fill{syntax: "<percentage>"; inherits: true; initial-value: 0%;}.media-minimal-skin--video{--media-border-color: oklch(0 0 0 / .15);--media-video-border-radius: var(--media-border-radius, .75rem);--media-controls-background-color: transparent;--media-controls-transition-duration: .1s;--media-controls-transition-timing-function: ease-out;--media-error-dialog-transition-duration: .15s;--media-error-dialog-transition-delay: .1s;--media-error-dialog-transition-timing-function: ease-out;--media-popup-transition-duration: .1s;--media-popup-transition-timing-function: ease-out;--media-tooltip-background-color: oklch(0 0 0 / .5);--media-tooltip-border-color: oklch(1 0 0 / .1);--media-tooltip-backdrop-filter: blur(16px) saturate(1.5);--media-tooltip-text-color: currentColor;--media-tooltip-side-offset: .5rem;--media-tooltip-boundary-offset: .5rem;--media-popover-background-color: var(--media-tooltip-background-color);--media-popover-border-color: var(--media-tooltip-border-color);--media-popover-backdrop-filter: var(--media-tooltip-backdrop-filter);--media-popover-side-offset: 1.5rem;--media-popover-boundary-offset: var(--media-tooltip-boundary-offset);overflow:clip;background:#000}@media(prefers-reduced-motion:reduce){.media-minimal-skin--video{--media-error-dialog-transition-duration: 50ms;--media-error-dialog-transition-delay: 0ms;--media-popup-transition-duration: 0ms}}@media(prefers-color-scheme:dark){.media-minimal-skin--video{--media-border-color: oklch(1 0 0 / .15)}}@media(prefers-reduced-transparency:reduce)or (prefers-contrast:more){.media-minimal-skin--video{--media-controls-background-color: oklch(0 0 0);--media-tooltip-background-color: oklch(0 0 0)}}@container media-root (width > 42rem){.media-minimal-skin--video>*{--media-popover-side-offset: .5rem}}@media(pointer:fine){.media-minimal-skin--video:has(.media-controls:not([data-visible])){--media-controls-transition-duration: .3s}}@media(pointer:coarse){.media-minimal-skin--video:has(.media-controls:not([data-visible])){--media-controls-transition-duration: .15s}}@media(prefers-reduced-motion:reduce){.media-minimal-skin--video:has(.media-controls:not([data-visible])){--media-controls-transition-duration: 50ms}}.media-minimal-skin--video:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--media-border-color)}.media-minimal-skin--video:fullscreen{--media-border-radius: 0}.media-minimal-skin--video .media-error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:none;outline:none}.media-minimal-skin--video .media-error__dialog{display:flex;flex-direction:column;gap:.75rem;max-width:16rem;padding:1rem;color:#fff;text-shadow:0 1px 0 oklch(0 0 0 / .5);pointer-events:auto;transition-delay:var(--media-error-dialog-transition-delay);transition-timing-function:var(--media-error-dialog-transition-timing-function);transition-duration:var(--media-error-dialog-transition-duration);transition-property:opacity,scale}.media-minimal-skin--video .media-error[data-starting-style] .media-error__dialog,.media-minimal-skin--video .media-error[data-ending-style] .media-error__dialog{opacity:0;scale:.5}.media-minimal-skin--video .media-error[data-ending-style] .media-error__dialog{transition-delay:0ms}.media-minimal-skin--video .media-error__content{display:flex;flex-direction:column;gap:.5rem;padding:.375rem 0}.media-minimal-skin--video .media-error__title{font-size:1.125rem}.media-minimal-skin--video .media-error[data-open]~.media-controls{display:none}.media-minimal-skin--video .media-controls{position:absolute;inset-inline:.25rem;bottom:.25rem;z-index:10;flex-wrap:wrap;column-gap:.5rem;padding:.25rem;color:#fff;border-radius:.75rem;transition-timing-function:var(--media-controls-transition-timing-function);transition-duration:var(--media-controls-transition-duration)}@media(pointer:fine){.media-minimal-skin--video .media-controls{transition-property:translate,filter,opacity;will-change:translate,filter,opacity}}@media(pointer:coarse){.media-minimal-skin--video .media-controls{transition-property:translate,opacity;will-change:translate,opacity}}.media-minimal-skin--video .media-controls:not([data-visible]){pointer-events:none;opacity:0}@media(pointer:fine)and (prefers-reduced-motion:no-preference){.media-minimal-skin--video .media-controls:not([data-visible]){filter:blur(8px)}}@media(prefers-reduced-motion:no-preference){.media-minimal-skin--video .media-controls:not([data-visible]){translate:0 100%}}.media-minimal-skin--video .media-controls .media-time-controls{flex:0 0 100%;order:-1;padding-inline:.625rem}.media-minimal-skin--video .media-controls .media-button-group:first-child{flex:1;text-align:left}.media-minimal-skin--video .media-controls .media-button-group:last-child{flex:1;justify-content:end}@container media-root (width > 42rem){.media-minimal-skin--video .media-controls{inset-inline:.5rem;bottom:.5rem;flex-wrap:nowrap}.media-minimal-skin--video .media-controls .media-time-controls{flex:1;order:unset}.media-minimal-skin--video .media-controls .media-button-group:first-child,.media-minimal-skin--video .media-controls .media-button-group:last-child{flex:0 0 auto}}.media-minimal-skin--video:has(.media-controls:not([data-visible])){cursor:none}.media-minimal-skin--video .media-slider__track{box-shadow:0 0 0 1px #0000000d}.media-minimal-skin--video .media-popover--volume{padding-block:.75rem;background:transparent;border-radius:.75rem}@media(prefers-reduced-transparency:reduce)or (prefers-contrast:more){.media-minimal-skin--video .media-popover--volume{background:var(--media-controls-background-color)}}@container media-root (width > 42rem){.media-minimal-skin--video .media-popover--volume>*{--media-popover-side-offset: 0rem}}.media-minimal-skin--video .media-slider__thumbnail{--media-slider-thumbnail-max-width: 11rem;--media-slider-thumbnail-max-height: 8rem;--media-slider-thumbnail-padding: -.5rem;--media-slider-thumbnail-inset: calc(100cqi - 100%) ;position:absolute;bottom:100%;left:clamp(calc(var(--media-slider-thumbnail-max-width) / 2 + var(--media-slider-thumbnail-padding)),var(--media-slider-pointer),calc(100% - var(--media-slider-thumbnail-max-width) / 2 - var(--media-slider-thumbnail-padding) + var(--media-slider-thumbnail-inset)));opacity:0;filter:blur(8px);transform-origin:bottom;scale:.8;translate:-50%;transition-timing-function:ease-out;transition-duration:.15s;transition-property:scale,opacity,filter}@container media-root (width > 42rem){.media-minimal-skin--video .media-slider__thumbnail{left:var(--media-slider-pointer)}}.media-minimal-skin--video .media-slider__thumbnail .media-thumbnail__image-wrapper{position:relative}.media-minimal-skin--video .media-slider__thumbnail .media-thumbnail__image-wrapper:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";border-radius:inherit;box-shadow:0 0 0 1px #0000000d,0 1px 3px #0003,0 1px 2px -1px #0003}.media-minimal-skin--video .media-slider__thumbnail .media-thumbnail__image{max-width:var(--media-slider-thumbnail-max-width);max-height:var(--media-slider-thumbnail-max-height)}.media-minimal-skin--video .media-slider[data-pointing] .media-slider__thumbnail:has([role=img]:not([data-hidden])){opacity:1;filter:blur(0);scale:1}.media-minimal-skin--video .media-slider__thumbnail:has([role=img]:not([data-hidden]))+.media-slider__preview .media-slider__value{display:none}.course-video-player{aspect-ratio:16 / 9;overflow:hidden;border-radius:.75rem;background:#000}.course-video-player video::cue{color:transparent;background-color:transparent;text-shadow:none}.course-video-player .custom-caption-window{position:absolute;z-index:12;left:50%;bottom:4.5rem;width:fit-content;max-width:min(90%,72rem);translate:-50% 0;padding:.18em .3em;border-radius:.15em;font-size:clamp(.95rem,2.2vw,1.75rem);line-height:1.35;text-align:center;pointer-events:none}.course-video-player .custom-caption-text{padding:.06em .24em;box-decoration-break:clone;-webkit-box-decoration-break:clone;white-space:pre-wrap;overflow-wrap:anywhere}.course-video-player .media-button--seek{position:relative}.course-video-player .media-button__seek-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding-top:1px;font-size:.5rem;font-weight:800;line-height:1}.course-video-player .custom-speed-form{display:grid;gap:.5rem;padding:.75rem;color:#ffffffe6;font-size:.75rem}.course-video-player .custom-speed-form__controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:stretch}.course-video-player .custom-speed-form input{min-width:0;width:100%;border:1px solid rgb(255 255 255 / .2);border-radius:.375rem;background:#09090b;padding:.4rem .5rem;color:#fff;font-size:.875rem;outline:none}.course-video-player .custom-speed-form input:focus{border-color:#60a5fa}.course-video-player .custom-speed-form button{width:auto;border-radius:.375rem;background:#fff;padding:.4rem .75rem;color:#09090b;font-weight:700}.course-video-player .media-menu--settings{--menu-max-height: min(32rem, calc(100vh - 2rem) )}.course-video-player .media-menu--settings .media-menu__panel[data-submenu]{background-color:#09090b}.course-video-player .media-settings-menu-slot{display:contents}.course-video-player[data-settings-open] .media-controls:not([data-visible]){pointer-events:auto;opacity:1;filter:none;translate:0 0}.course-video-player .custom-speed-form__help{color:#ffffff8c}.course-video-player .custom-speed-form__error{color:#f87171}@media(max-width:640px){.course-video-player .custom-caption-window{bottom:3.5rem;max-width:92%;font-size:clamp(.8rem,3.5vw,1.1rem)}.course-video-player .media-controls{padding-inline:.5rem}.course-video-player .media-time--current,.course-video-player .media-time-separator{display:inline}.course-video-player .media-time-group{flex-shrink:0;font-size:.75rem}.course-video-player .media-button--airplay,.course-video-player .media-button--pip,.course-video-player .media-button--captions,.course-video-player .media-button--mute{display:none}}.host-live-monitor{display:block;width:100%;height:100%;object-fit:contain;background:#000}.broadcast-notice{padding:12px 16px;color:var(--text);background:var(--panel);border-top:1px solid var(--line);font-size:13px;line-height:1.5}.live-video-player{width:100%;height:100%;border-radius:0;color:#fff}.live-video-player button{min-height:0;gap:0;border:0;background:transparent;color:inherit}.live-video-player .media-button--icon{padding:0}.live-video-player .media-live-edge{display:inline-flex;gap:6px;padding:4px;min-width:84px;white-space:nowrap;font-size:12px}.media-live-edge>span{width:7px;height:7px;border-radius:50%;background:#a1a1aa}.media-live-edge[data-at-edge]>span{background:#ef4444}.live-video-player .media-menu__panel{color:#fff}@media(max-width:640px){.live-video-player .media-button--seek{display:none}}.media-live-timeline{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:1;min-width:0;width:100%;height:28px;padding:0;margin:0;border:0;border-radius:0;cursor:pointer;background:transparent}.media-live-timeline::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,#fff var(--live-progress),#ffffff55 var(--live-progress))}.media-live-timeline::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(to right,#fff var(--live-progress),#ffffff55 var(--live-progress))}.media-live-timeline::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:#fff}.media-live-timeline::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}.media-live-timeline:focus-visible{outline:2px solid #a9cdff;outline-offset:3px}@font-face{font-family:Satoshi;src:url(/assets/satoshi-ChAXbpFa.ttf) format("truetype");font-weight:300 900;font-display:swap}:root{color-scheme:dark;--bg: #141414;--panel: #191919;--sidebar: #101010;--subtle: #202020;--hover: #292929;--line: #303030;--strong-line: #494949;--text: #f4f4f4;--muted: #a6a6a6;--accent: #f4f4f4;--accent-text: #171717;--accent-hover: #dcdcdc;--blue: #78aaff;--tint: #262626;--green: #93c7ac;--red: #f68c8c;--warning: #dfc28a;--shadow: 0 16px 64px #0005;--radius-control: 8px;--radius-surface: 12px;--radius-card: 16px;--surface-shadow: 0 1px 2px #0005, 0 4px 10px #0002, inset 0 1px 0 #ffffff06;--control-shadow: 0 1px 2px #0003, inset 0 1px 0 #ffffff05;--poll-fill: #373737;--poll-winner-fill: #294536;--modal-padding: 24px;font:400 15px/1.5 Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;letter-spacing:0;background:var(--bg);color:var(--text)}:root[data-theme=light]{color-scheme:light;--bg: #fff;--panel: #fff;--sidebar: #f8f8f8;--subtle: #f6f6f6;--hover: #eeeeee;--line: #e7e7e7;--strong-line: #c9c9c9;--text: #202020;--muted: #737373;--accent: #242424;--accent-text: #fff;--accent-hover: #424242;--blue: #2864c7;--tint: #eeeeee;--green: #397655;--red: #b83f40;--warning: #8b671f;--shadow: 0 16px 64px #00000016;--surface-shadow: 0 1px 2px #0000000d, 0 4px 10px #00000006, inset 0 1px 0 #fff;--control-shadow: 0 1px 2px #0000000a, inset 0 1px 0 #fff8;--poll-fill: #e8e8e8;--poll-winner-fill: #dcf0e3}*{box-sizing:border-box;letter-spacing:0}body{margin:0;min-width:320px}html{scrollbar-gutter:stable}html:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid var(--line);border-radius:var(--radius-control);padding:9px 14px;background:var(--panel);color:var(--text);font-weight:600;font-size:14px;line-height:1.4;cursor:pointer;transition:background .15s,border-color .15s}button:hover,.secondary:hover{background:var(--hover);border-color:var(--strong-line)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.secondary{background:var(--panel)}.primary,.secondary{box-shadow:var(--control-shadow)}.quiet,.icon:not(.primary){background:transparent;border-color:transparent}.icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;padding:0;border-radius:var(--radius-control)}.icon>svg{display:block;flex-shrink:0}.danger{color:var(--red);border-color:color-mix(in srgb,var(--red) 35%,var(--line))}.danger:hover{background:color-mix(in srgb,var(--red) 10%,var(--panel))}.full{width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--text);outline-offset:3px}summary:focus-visible{outline:2px solid var(--text);outline-offset:3px}svg{flex:0 0 auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700;line-height:1.3;overflow-wrap:anywhere}h1{font-size:28px}h2{font-size:18px}h3{font-size:16px}p{line-height:1.6}small{font-size:13px;color:var(--muted)}input,select,textarea{width:100%;min-width:0;color:var(--text);background:var(--panel);border:1px solid var(--strong-line);border-radius:var(--radius-control);padding:10px 12px;line-height:1.5}input,select{min-height:42px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}textarea{resize:vertical}label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}label input,label select,label textarea{font-weight:400}input[type=checkbox]{width:17px;min-height:17px;height:17px;margin:0;accent-color:var(--text);flex-shrink:0}.check-label{flex-direction:row;align-items:center;gap:10px;font-weight:500}.select-field{display:inline-flex;position:relative;min-width:0;width:100%}.select-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:42px;text-overflow:ellipsis}.select-field>svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted)}.brand{display:inline-flex;gap:10px;align-items:center;white-space:nowrap}.brand strong{font-size:23px;font-weight:850;color:#4989f5}.brand>span{border-left:1px solid var(--strong-line);padding-left:10px;font-size:17px;font-weight:600}.beta{border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:11px;font-weight:500;color:var(--muted);line-height:18px}.avatar{display:inline-flex;justify-content:center;align-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;border:1px solid var(--line);background:var(--subtle);color:var(--text);font-size:13px;font-weight:700}.avatar.small{width:26px;height:26px;flex-basis:26px;font-size:11px}.account-controls,.topbar-right{display:flex;align-items:center;gap:8px}.account-menu{position:relative}.account-button{background:transparent;border:0;padding:3px;width:40px;height:40px}.account-popover{position:absolute;right:0;top:calc(100% + 12px);z-index:15;width:230px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-surface);box-shadow:var(--shadow)}.account-popover>strong,.account-popover>small{display:block;overflow-wrap:anywhere}.account-popover>small{margin-bottom:12px}.account-popover>a,.account-popover>button{display:flex;gap:10px;width:100%;justify-content:flex-start;padding:10px;border:0;font-size:14px}.account-popover>a:hover{background:var(--hover);border-radius:6px}.account-popover a svg:last-child{margin-left:auto}.workspace{min-height:100dvh;display:grid;grid-template-columns:244px minmax(0,1fr);grid-template-rows:64px 1fr}.workspace-header{display:grid;grid-template-columns:244px minmax(0,1fr);grid-column:1 / -1;position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}.workspace-brand{display:flex;align-items:center;padding:0 20px;background:var(--sidebar);border-right:1px solid var(--line)}.workspace-header-content{display:flex;align-items:center;justify-content:space-between;padding:0 32px;font-size:14px;font-weight:600}.workspace-sidebar{display:flex;flex-direction:column;gap:24px;background:var(--sidebar);border-right:1px solid var(--line);padding:24px 14px 14px;position:sticky;top:64px;height:calc(100dvh - 64px);align-self:start}.sidebar-workspace{display:flex;align-items:center;gap:11px;padding:0 10px}.sidebar-workspace strong{font-size:14px}.sidebar-workspace small{display:block;margin-top:2px;font-size:12px}.workspace-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.workspace-nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;justify-content:flex-start;gap:11px;width:100%;padding:10px 12px;border:1px solid transparent;background:transparent;font-size:14px;font-weight:500;color:var(--muted);min-height:42px;border-radius:6px}.nav-item:hover{color:var(--text);background:var(--hover);border-color:transparent}.nav-item.active{color:var(--text);background:var(--panel);border-color:var(--line);font-weight:650;box-shadow:0 1px 2px #00000008}.nav-item>svg:last-child:not(:first-child){margin-left:auto}.nav-caption{font-size:11px;font-weight:650;color:var(--muted);padding:23px 12px 8px}.nav-count{margin-left:auto;font-size:12px;min-width:22px;text-align:center;border-radius:4px;background:var(--subtle);color:var(--muted)}.live-count{color:var(--red);background:color-mix(in srgb,var(--red) 9%,var(--panel))}.sidebar-footer{margin-top:auto}.sidebar-account{display:flex;gap:10px;align-items:center;margin-top:14px;padding:16px 10px 4px;border-top:1px solid var(--line)}.sidebar-account>div{min-width:0}.sidebar-account strong{display:block;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-account small{font-size:12px}.workspace-main{width:100%;max-width:1520px;margin-inline:auto;min-width:0;padding:32px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.page-date{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.overview-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:36px}.overview-action{min-height:116px;align-items:center;justify-content:flex-start;gap:13px;text-align:left;padding:22px 18px;border-radius:var(--radius-card);box-shadow:var(--surface-shadow)}.overview-action>span:nth-child(2){min-width:0}.overview-action strong{display:block;font-size:15px;margin-bottom:5px}.overview-action small{display:block;font-size:13px;font-weight:400;line-height:1.5}.overview-action>svg{width:16px;margin-left:auto;color:var(--muted)}.action-symbol{width:40px;height:40px;border-radius:var(--radius-surface);background:var(--subtle);display:grid;place-items:center;flex:0 0 40px;border:1px solid var(--line);box-shadow:var(--control-shadow)}.live-symbol{background:color-mix(in srgb,var(--red) 9%,var(--panel));color:var(--red)}.live-section{margin-bottom:32px}.live-section .class-list{border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--surface-shadow)}.live-section .class-row{padding-inline:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.section-heading h2{display:flex;align-items:center;gap:10px;font-size:17px}.count{font-size:12px;font-weight:500;padding:2px 7px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.calendar-strip{display:flex;align-items:center;gap:32px;padding:24px 0;border-block:1px solid var(--line);margin-bottom:28px}.calendar-caption{width:180px;flex:0 0 180px}.calendar-caption strong{font-size:15px}.calendar-caption>div{display:flex;gap:2px;align-items:center;margin:8px 0 0 -8px}.calendar-caption .icon{width:32px;flex-basis:32px;height:32px;min-height:32px}.calendar-caption .quiet{font-size:12px;min-height:32px;padding:6px 10px}.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;width:100%;max-width:650px;margin-left:auto}.calendar-day{flex-direction:column;gap:4px;border:1px solid transparent;padding:10px 4px 7px;background:transparent;min-width:0;min-height:78px;border-radius:7px}.calendar-day>span{font-size:12px;font-weight:400;color:var(--muted)}.calendar-day strong{font-size:17px}.calendar-day i{width:4px;height:4px;border-radius:50%;background:transparent}.calendar-day i.has-class{background:var(--muted)}.calendar-day.today{border-color:var(--line);background:var(--subtle)}.calendar-day.selected{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.calendar-day.selected>span{color:inherit;opacity:.75}.calendar-day.selected i.has-class{background:currentColor}.filters{display:flex;align-items:center;gap:10px}.search-field{position:relative;display:flex;align-items:center;width:230px}.search-field>svg{position:absolute;left:12px;color:var(--muted)}.search-field input{padding-left:38px;padding-right:36px;font-size:13px;border-color:var(--line)}.search-field>button{position:absolute;right:3px;width:30px;height:30px;min-height:30px}.filters .select-field{width:180px}.filters select{border-color:var(--line);font-size:13px}.class-list{border-top:1px solid var(--line)}.class-row{display:flex;align-items:center;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.class-row:last-child{border-bottom:0}.date-tile{width:50px;flex:0 0 50px;height:60px;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--subtle)}.date-tile span{font-size:11px;text-transform:uppercase;color:var(--muted)}.date-tile strong{font-size:21px;line-height:1.2}.class-row-body{flex:1;min-width:0}.class-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:6px}.class-title-link:hover h3{text-decoration:underline;text-underline-offset:4px}.class-row h3{font-size:16px;font-weight:650}.class-details{display:flex;flex-wrap:wrap;align-items:center;gap:14px;color:var(--muted);font-size:13px;margin-top:8px}.class-details>span{display:flex;align-items:center;gap:5px}.row-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.row-actions .primary,.row-actions .secondary{font-size:13px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:1.5;padding:3px 8px;border:1px solid var(--line);border-radius:4px;color:var(--muted);background:var(--subtle);white-space:nowrap}.badge.live{color:var(--red);border-color:color-mix(in srgb,var(--red) 25%,var(--line));background:color-mix(in srgb,var(--red) 7%,var(--panel))}.badge.ready,.badge.recorded,.badge.published,.badge.success{color:var(--green)}.badge.error,.badge.cancelled{color:var(--red)}.badge.recording,.badge.preparing{color:var(--warning)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--muted);flex:0 0 7px}.status-dot.on{background:var(--green)}.badge.live .status-dot,.status-dot.live{background:var(--red)}.empty,.loading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:70px 24px;text-align:center}.empty p{color:var(--muted);max-width:440px}.empty h3{font-size:16px}.empty-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--line);border-radius:var(--radius-surface);color:var(--muted);background:var(--subtle);margin-bottom:4px}.loading{min-height:80dvh;color:var(--muted)}.recording-note{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);margin-top:28px}.list-skeleton>div{display:flex;gap:18px;padding:24px 0;border-top:1px solid var(--line)}.list-skeleton span{width:50px;height:60px;border-radius:6px;background:var(--subtle)}.list-skeleton span+span{width:55%;height:40px;margin-top:10px}.error-line{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:16px;border:1px solid color-mix(in srgb,var(--red) 30%,var(--line));color:var(--red);background:color-mix(in srgb,var(--red) 5%,var(--panel));border-radius:6px;font-size:14px;overflow-wrap:anywhere}.error-line:empty{display:none}.error-line button{margin-left:auto;flex-shrink:0}.error-text{color:var(--red)}.mobile-menu,.mobile-sidebar-heading,.nav-backdrop{display:none}.auth-screen{display:flex;flex-direction:column;min-height:100dvh;padding:0 32px 48px;background:var(--bg)}.auth-header{display:flex;align-items:center;justify-content:space-between;height:80px}.auth-body{width:min(100%,380px);margin:auto;padding:56px 0 72px}.auth-mark{width:52px;height:52px;border:1px solid var(--line);border-radius:var(--radius-surface);display:grid;place-items:center;background:var(--subtle);margin-bottom:24px}.auth-body h1{font-size:28px}.auth-body>p{font-size:14px;color:var(--muted);margin-top:10px;margin-bottom:28px;overflow-wrap:anywhere}.auth-body form{display:grid;gap:20px}.auth-body>.primary,.auth-body form>.primary{width:100%;min-height:44px}.auth-body form>.primary{margin-top:2px}.auth-password-field{display:grid;gap:8px}.auth-password-input{position:relative}.auth-password-input input{padding-right:44px}.auth-password-input .icon{position:absolute;right:2px;top:1px}.auth-links{display:grid;gap:20px;justify-items:center;font-size:13px;padding-top:4px}.auth-links>span{width:100%;text-align:center;border-top:1px solid var(--line);padding-top:22px;color:var(--muted)}.auth-links a{color:var(--text);text-decoration:underline;text-underline-offset:4px}.back-link{display:block;margin-top:28px;text-align:center;color:var(--muted);font-size:13px}.back-link:hover{color:var(--text)}.auth-code{text-align:center;font-size:24px;min-height:54px;font-variant-numeric:tabular-nums}.auth-code-actions{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}.auth-code-actions button{font-size:12px;padding-inline:9px}.status-screen .auth-body{text-align:center}.status-screen .auth-mark{margin-inline:auto}.status-screen h1{margin-bottom:24px}.page-state{min-height:calc(100dvh - 64px);padding:48px 24px}.loading-indicator{display:block;width:24px;height:24px;border:2px solid var(--line);border-top-color:var(--text);border-radius:50%;margin:24px auto;animation:loading-spin 1s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-indicator{animation:none}}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:24px;height:64px;padding:0 24px;border-bottom:1px solid var(--line);background:var(--bg)}.topbar-left{display:flex;align-items:center;gap:16px;min-width:0}.header-location{color:var(--muted);border-left:1px solid var(--line);padding-left:20px;margin-left:4px;font-size:14px}.classroom{padding:24px 28px 48px;max-width:1920px;margin:0 auto}.class-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.class-heading h1{font-size:24px;margin:0}.class-title-row{display:flex;align-items:center;gap:12px;margin-top:8px}.class-title-row h1{min-width:0;overflow-wrap:anywhere}.class-title-row>.badge{flex-shrink:0;font-size:13px;padding:5px 10px}.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.breadcrumb a:hover{color:var(--text)}.classroom-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;align-items:start}@media(min-width:961px){.classroom.with-discussion:not(.theatre){display:grid;grid-template-columns:minmax(0,1fr) 400px;grid-template-rows:auto 1fr;column-gap:24px;row-gap:16px;align-items:start}.with-discussion:not(.theatre)>.class-heading{grid-column:1;grid-row:1;min-height:88px;margin-bottom:0}.with-discussion:not(.theatre)>.classroom-grid{display:contents}.with-discussion:not(.theatre) .broadcast-column{grid-column:1;grid-row:2}.with-discussion:not(.theatre) .activity-panel{grid-column:2;grid-row:1 / span 2;height:calc(100dvh - 112px);min-height:700px}}@media(min-width:961px)and (max-width:1200px){.classroom.with-discussion:not(.theatre){grid-template-columns:minmax(0,1fr) 340px;column-gap:18px}}.broadcast-column{display:flex;flex-direction:column;min-width:0}.player-wrap{width:100%;border:1px solid var(--line);border-radius:var(--radius-surface);overflow:hidden;background:#0c0c0c;box-shadow:var(--surface-shadow)}.player-stage{width:100%;aspect-ratio:16 / 9;position:relative;background:#0c0c0c}.player-stage>video{width:100%;height:100%;display:block;object-fit:contain}.waiting-room{color:#eee;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}.waiting-course{width:140px;height:79px;object-fit:cover;border:1px solid #333;border-radius:6px}.broadcast-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid #323232;background:#1a1a1a;border-radius:var(--radius-surface);color:#a3a3a3}.waiting-room .eyebrow{color:#909090;font-size:11px}.waiting-room h2{font-size:23px}.waiting-room p{color:#aaa;font-size:14px;max-width:400px}.waiting-room .host-line{color:#aaa;font-size:13px;margin-top:4px}.waiting-room .avatar{background:#242424;color:#ddd;border-color:#333}.instructor-start .primary{background:#fff;border-color:#fff;color:#151515;padding:12px 24px}.player-error{position:absolute;inset:auto 16px 16px;padding:14px 16px;border:1px solid #4b4b4b;border-radius:6px;background:#171717f2;color:#fff;display:flex;align-items:center;gap:14px;font-size:14px}.player-error button{margin-left:auto;flex-shrink:0}.class-actions{display:flex;align-items:center;padding:20px 0}.host-line{display:flex;gap:10px;align-items:center}.host-line strong{font-size:14px}.host-line small{display:block;font-size:12px;margin-top:2px}.spacer{flex:1}.control-strip{padding:22px 0;border-bottom:1px solid var(--line)}.control-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.control-heading h2{display:flex;align-items:center;gap:8px;font-size:15px}.control-heading small{font-size:12px}.signal-row{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:14px 0 18px}.signal-row>span{display:flex;align-items:center;gap:7px}.control-buttons{display:flex;gap:8px;flex-wrap:wrap}.control-heading+.control-buttons{margin-top:16px}.control-buttons button{font-size:13px}.control-buttons .end-stream-action{order:10;margin-left:auto}.command-state{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;margin-top:14px}.about-class{padding:24px 0}.about-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.about-heading h2{font-size:16px}.about-class p{color:var(--muted);font-size:14px;white-space:pre-wrap}.resources-inline{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.resources-inline a,.resource{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:12px;font-size:13px}.resources-inline a:hover,.resource:hover{background:var(--hover)}.resources-inline a svg:last-child{color:var(--muted)}.activity-panel{display:flex;flex-direction:column;height:calc(100dvh - 220px);min-height:640px;max-height:1100px;border:1px solid var(--line);border-radius:var(--radius-surface);box-shadow:var(--surface-shadow);overflow:hidden;background:var(--panel);position:sticky;top:88px}.activity-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line);padding:0 8px;flex-shrink:0}.activity-tabs button{border:0;border-radius:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:12px;padding:15px 4px;gap:6px;min-width:0}.activity-tabs button:hover{color:var(--text)}.activity-tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--text)}.activity-title{display:flex;min-height:53px;align-items:center;flex-wrap:nowrap;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);flex-shrink:0}.activity-content{display:flex;flex-direction:column;flex:1;min-height:0}.activity-title h2{font-size:14px;margin-right:auto;white-space:nowrap}.connection-dot{width:6px;height:6px;background:var(--warning);border-radius:50%}.connection-dot.connected{background:var(--green)}.chat-controls{display:flex;flex-direction:column;gap:2px;width:100%}.chat-controls+.chat-controls{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.chat-controls button{font-size:13px;min-height:40px;padding:8px 10px;gap:8px;justify-content:flex-start;border-color:transparent;background:transparent}.chat-controls button[aria-pressed=true]{border-color:var(--strong-line);background:var(--subtle)}.chat-controls svg{width:13px}.message-list{flex:1;min-height:100px;overflow-y:auto;overscroll-behavior:contain;padding:8px 16px}.message{position:relative;padding:10px 12px;margin:6px 0;border:1px solid var(--line);border-radius:8px;background:var(--subtle)}.message-top{display:flex;align-items:center;gap:7px;min-width:0;margin-bottom:6px;padding-right:30px}.message-top strong{font-size:12px;font-weight:650;min-width:0;overflow-wrap:anywhere}.message-top time{color:var(--muted);font-size:10px;margin-left:auto;white-space:nowrap}.message p{font-size:14px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}.message-top+p{padding-left:33px}.message.pinned{border-color:var(--strong-line)}.staff-tag,.private-label,.pin-label{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--muted);font-weight:600}.staff-tag{font-size:9px;border:1px solid var(--line);border-radius:3px;padding:1px 4px}.private-label,.pin-label{margin:0 0 6px 33px}.private-message{border-left:2px solid var(--strong-line);padding-left:10px}.message-controls{display:flex;align-items:center;justify-content:flex-end;gap:2px;margin-top:7px}.message-controls .icon{width:28px;height:28px;min-height:28px;flex-basis:28px;color:var(--muted)}.message-controls .quiet{font-size:11px;min-height:28px;padding:4px 6px}.message-options{position:absolute;top:8px;right:8px;width:max-content}.message-options>button{display:grid;place-items:center;cursor:pointer;width:32px;height:28px;min-height:28px;padding:0;border:0;background:transparent;border-radius:4px;color:var(--muted)}.message-options>button:hover,.message-options>button[aria-expanded=true]{background:var(--hover);color:var(--text)}.chat-settings>button{min-height:32px;padding:5px 8px;font-size:12px;gap:6px}.floating-actions{position:fixed;z-index:100;width:228px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;padding:6px;border:1px solid var(--strong-line);border-radius:8px;background:var(--panel);box-shadow:0 8px 30px #0003,var(--surface-shadow)}.floating-actions .message-controls{flex-direction:column;align-items:stretch;width:100%;margin:0}.message-controls .menu-action{justify-content:flex-start;border:0;background:transparent;min-height:40px;padding:8px;font-size:13px;font-weight:500}.message-controls .menu-action:hover{background:var(--hover)}.answer{display:flex;gap:8px;padding:10px;margin:10px 0 0 24px;border-left:2px solid var(--strong-line);background:var(--subtle)}.answer>svg{width:13px;margin-top:3px}.answer strong{font-size:11px}.answer p{margin-top:4px;font-size:12px}.composer{border-top:1px solid var(--line);padding:10px 12px;display:flex;flex-direction:column;gap:9px;flex-shrink:0}.composer textarea{font-size:13px;min-height:54px;max-height:110px;background:var(--bg);border-color:var(--line);resize:vertical}.composer>div:last-child{display:flex;justify-content:space-between;align-items:center;gap:8px}.composer .primary.icon{width:40px;height:40px;min-height:40px;flex-basis:40px}.composer small{font-size:11px}.message-recipient{flex-direction:row;align-items:center;gap:8px;color:var(--muted);font-size:12px}.message-recipient .select-field{width:190px}.message-recipient select{font-size:12px;min-height:30px;padding:3px 28px 3px 8px;border-color:transparent;background:var(--subtle)}.message-recipient .select-field svg{right:8px;width:13px}.message-feedback{font-size:12px;color:var(--warning);line-height:1.5}.message-feedback:empty{display:none}.activity-empty{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px;min-height:180px;height:100%;color:var(--muted)}.activity-empty h3{font-size:14px;font-weight:500}.panel-scroll{padding:16px;flex:1;overflow:auto;min-height:0}.panel-scroll>.resource+.resource{margin-top:10px}.resource span{flex:1;overflow-wrap:anywhere}.eyebrow{font-size:11px;font-weight:600;color:var(--muted)}.poll{display:grid;gap:10px;padding:20px 0;border-bottom:1px solid var(--line)}.poll h3{font-size:15px;margin-bottom:3px}.poll-option{position:relative;overflow:hidden;text-align:left;justify-content:flex-start;min-height:44px;font-size:13px;font-weight:500}.poll-option>span:not(.poll-fill),.poll-option strong,.poll-option svg{z-index:1}.poll-option>span:not(.poll-fill){flex:1}.poll-option:disabled{opacity:1;cursor:default;background:var(--panel);border-color:var(--line)}.poll-option.voted{border-color:var(--strong-line)}.poll-fill{position:absolute;inset:0 auto 0 0;background:var(--poll-fill);pointer-events:none}.poll-option.leading{border-color:color-mix(in srgb,var(--green) 55%,var(--line));color:var(--green)}.poll-option.leading .poll-fill{background:var(--poll-winner-fill)}.poll-editor-options{margin:0;padding:0;border:0;display:grid;gap:10px;min-width:0}.poll-editor-options legend{padding:0 0 12px;font-size:14px;font-weight:600}.poll-editor-options>div{display:flex;align-items:center;gap:10px}.poll-editor-options>div>span{width:22px;flex:0 0 22px;color:var(--muted);font-size:13px}.poll-editor-options>button{justify-self:start;font-size:13px}.reply-context{margin:0;padding:14px 16px;background:var(--subtle);border-left:2px solid var(--strong-line);color:var(--text);font-size:14px;line-height:1.6;overflow-wrap:anywhere}.people-search{width:100%;margin-bottom:14px}.person{display:flex;align-items:flex-start;gap:8px;padding:16px 0;border-bottom:1px solid var(--line)}.person>div{min-width:0;flex:1}.person strong{display:block;font-size:13px}.person small{display:block;font-size:11px;margin-top:3px}.member-id{overflow-wrap:anywhere}.person .icon{width:28px;flex-basis:28px;height:28px;min-height:28px}.people-pagination{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:14px;color:var(--muted)}.connection-note{font-size:13px;padding:12px 14px;background:var(--subtle);color:var(--warning);border:1px solid var(--line);border-radius:6px;margin-bottom:16px}.theatre .classroom-grid,.recording-management{grid-template-columns:minmax(0,1fr);max-width:1100px;margin:0 auto}.theatre .activity-panel{position:static;height:540px;min-height:0}dialog{padding:0;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 48px);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel);color:var(--text);box-shadow:var(--shadow);overflow:auto}dialog::backdrop{background:#0008;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2;background:var(--panel)}.modal-head h2{font-size:18px}.modal-head .icon{width:32px;min-height:32px;height:32px;flex-basis:32px;color:var(--muted)}.modal-content{padding:var(--modal-padding)}.modal-content>p{color:var(--muted);font-size:14px}.modal-content>.poll{border-bottom:0;padding-top:0}.stack{display:grid;gap:22px;min-width:0}.modal-actions{display:flex;gap:8px;justify-content:flex-end;align-items:stretch;padding-top:20px;margin-top:2px;border-top:1px solid var(--line)}.modal-content>.modal-actions{margin-top:24px}.form-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px}.form-section{display:grid;gap:18px;padding-bottom:24px;border-bottom:1px solid var(--line)}.form-section h3{font-size:15px;display:flex;gap:10px;align-items:center}.form-section h3>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);font-size:11px;color:var(--muted)}.form-section:last-of-type{padding-bottom:0;border:0}.form-section[hidden]{display:none}.schedule-form .form-section{border:0;padding:0}.form-steps{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:2px}.form-steps button{flex:1;gap:7px;padding:4px;font-size:12px;background:transparent;border:0;color:var(--muted);min-height:32px}.form-steps button:disabled{opacity:1}.form-steps button>span{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;border:1px solid var(--line);font-size:11px}.form-steps button[aria-current]{color:var(--text)}.form-steps button[aria-current]>span{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.form-section p{font-size:13px;color:var(--muted)}.form-section p.error-text{color:var(--red)}.schedule-review{display:grid;gap:14px;margin:0}.schedule-review>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px}.schedule-review dt{font-size:13px;color:var(--muted)}.schedule-review dd{margin:0;font-size:14px;overflow-wrap:anywhere}.schedule-review small{display:block;margin-top:4px}.course-picker-empty,.folder-load-error{padding:16px;text-align:center}.course-picker-empty p{margin-bottom:8px}.folder-load-error button{justify-content:center}.schedule-dialog{width:min(680px,calc(100% - 32px))}.schedule-form>.modal-actions{position:sticky;bottom:0;z-index:2;background:var(--panel);padding-bottom:var(--modal-padding);margin-bottom:calc(-1 * var(--modal-padding))}.form-switch-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid var(--line)}.form-switch-row label{flex-direction:row;align-items:center;width:100%;justify-content:space-between}.form-switch-row label>span{display:grid;gap:4px}.form-switch-row small{font-size:12px;font-weight:400}.recording-required{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.class-course-picker,.recording-destinations{min-width:0;margin:0;border:0;padding:0;display:grid;gap:12px}.class-course-picker legend,.recording-destinations legend{padding:0 0 12px;font-size:14px;font-weight:650}.class-course-list{max-height:180px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-control)}.class-course-list .check-label{padding:12px;border-bottom:1px solid var(--line);font-size:13px}.class-course-list .check-label:last-child{border-bottom:0}.class-course-list .check-label:hover{background:var(--subtle)}.class-course-list small{display:block;font-size:11px;margin-top:2px}.class-course-list .check-label>span{min-width:0;overflow-wrap:anywhere}.recording-destination{border-bottom:1px solid var(--line);padding-bottom:16px;min-width:0}.destination-toolbar{display:flex;align-items:end;gap:12px;margin-bottom:12px}.destination-toolbar>label{flex:1;min-width:0}.folder-picker{min-width:0}.folder-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px}.folder-breadcrumb button{min-height:28px;font-size:12px;padding:4px 6px;background:var(--subtle);border-color:transparent;text-align:left}.folder-crumb{display:inline-flex;gap:4px;align-items:center;min-width:0}.folder-crumb button{overflow-wrap:anywhere}.folder-list{max-height:170px;overflow-y:auto;border-block:1px solid var(--line)}.folder-list button{justify-content:flex-start;width:100%;border:0;border-radius:0;font-weight:400;font-size:13px;padding:10px 6px}.folder-list button span{flex:1;text-align:left}.folder-list p,.folder-picker>p{font-size:13px;padding:12px 6px;color:var(--muted)}.folder-selection{font-size:12px;color:var(--muted);padding-top:12px}.folder-selection strong{color:var(--text)}.recording-destinations>.secondary{justify-self:start;font-size:13px}.encoder-setup-body{display:grid;gap:24px;min-width:0}.encoder-setup-body>p{color:var(--muted);font-size:13px}.ingest-row{display:grid;gap:14px}.ingest-row+.ingest-row{padding-top:20px;border-top:1px solid var(--line)}.ingest-row strong{font-size:14px}.ingest-row input,.secret-field input{font-family:ui-monospace,monospace;font-size:12px}.secret-field{display:flex;gap:8px;min-width:0}.secret-field input{flex:1}.secret-field button{flex-shrink:0}.resource-fields{display:grid;grid-template-columns:1fr 1.4fr 40px;gap:10px;align-items:end}.host-invite-form{display:grid;gap:18px}.host-invitation{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line)}.host-invitation>div{min-width:0}.host-invitation strong{display:block;font-size:14px;overflow-wrap:anywhere}.host-invitation small{display:block;margin-top:4px}.host-invitation .modal-actions{border:0;padding:0}.host-invitation button{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1700px){.classroom-grid{grid-template-columns:minmax(0,1fr) 420px}.theatre .classroom-grid,.recording-management{grid-template-columns:minmax(0,1fr)}.activity-tabs button,.message p{font-size:14px}.message-top strong{font-size:13px}}@media(max-width:1200px){.workspace,.workspace-header{grid-template-columns:220px minmax(0,1fr)}.workspace-brand{padding-inline:14px}.workspace-brand .brand{gap:7px}.workspace-brand .brand strong{font-size:20px}.workspace-brand .beta{display:inline-flex}.workspace-main{padding:28px 24px}.workspace-header-content{padding-inline:24px}.overview-actions{gap:12px}.overview-action{flex-wrap:wrap;align-content:center;padding:18px 16px;gap:12px}.overview-action>span:nth-child(2){order:2;flex-basis:100%}.overview-action>svg{margin-top:0}.calendar-strip{gap:16px}.calendar-caption{width:150px;flex-basis:150px}.calendar-days{gap:4px}.section-heading{flex-wrap:wrap}.classroom-grid{grid-template-columns:minmax(0,1fr) 340px;gap:18px}.classroom{padding:24px 20px}}@media(max-width:960px){.classroom-grid{grid-template-columns:minmax(0,1fr)}.broadcast-column{display:contents}.player-wrap{order:0}.class-actions{order:1}.control-strip{order:2}.activity-panel{order:3;position:static;height:700px;min-height:700px}.about-class{order:4}.message-list{padding-inline:20px}.message p{font-size:14px}.message-top strong{font-size:13px}.chat-controls{width:100%}.activity-title{gap:10px}.chat-controls+.chat-controls{margin-top:4px}}@media(max-width:800px){.workspace{display:block}.workspace-header{display:flex;justify-content:space-between;height:64px}.workspace-brand{border:0;background:var(--bg);gap:8px;padding-left:12px}.workspace-brand .brand strong{font-size:22px}.workspace-brand .beta{display:inline-flex}.workspace-header-content{padding:0 16px 0 0}.workspace-header-content>span{display:none}.mobile-menu{display:inline-flex}.workspace-sidebar{position:fixed;top:0;left:0;height:100dvh;width:270px;z-index:45;transform:translate(-100%);visibility:hidden;transition:transform .2s}.workspace-sidebar.is-open{transform:translate(0);visibility:visible}.mobile-sidebar-heading{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px;border-bottom:1px solid var(--line)}.mobile-sidebar-heading .brand{gap:7px}.mobile-sidebar-heading .brand strong{font-size:21px}.mobile-sidebar-heading .beta{display:inline-flex}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border:0;border-radius:0;background:#0008;cursor:default;width:100%;height:100%}.nav-backdrop:hover{background:#0008}.workspace-main{padding:28px 24px}.overview-action{flex-wrap:nowrap;align-items:center;min-height:100px}.overview-action>span:nth-child(2){order:0;flex-basis:auto}.overview-action>svg{display:none}.overview-actions{grid-template-columns:1fr;gap:10px;margin-bottom:28px}.overview-action strong{font-size:15px;margin-bottom:2px}.overview-action{min-height:80px;padding:16px}.overview-action>svg{display:block;margin:0 0 0 auto}}@media(max-width:560px){:root{--modal-padding: 20px}input,select,textarea,label input,label select,label textarea{font-size:16px}button,.primary,.secondary{min-height:42px}.workspace-main{padding:24px 16px}.workspace-brand{gap:3px;padding-left:6px}.workspace-brand .brand{gap:7px}.workspace-brand .brand strong{font-size:20px}.workspace-brand .brand>span{font-size:15px;padding-left:7px}.workspace-header-content{padding-right:8px}.account-controls{gap:1px}.page-heading{align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:24px}.overview-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.overview-action{display:grid;grid-template-rows:32px 36px;justify-content:center;align-items:center;justify-items:center;text-align:center;min-height:118px;padding:14px 8px;gap:10px}.overview-action>span:nth-child(2){padding:0}.overview-action strong{font-size:13px;line-height:1.4;margin:0}.overview-action small,.overview-action>svg{display:none}.action-symbol{width:30px;height:30px;flex-basis:30px}.action-symbol svg{width:19px}h1{font-size:25px}.page-heading>.primary{font-size:13px}.calendar-strip{display:block;padding-block:18px}.calendar-caption{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.calendar-caption>div{margin:0}.calendar-day{min-height:74px}.calendar-day>span{font-size:11px}.calendar-days{gap:3px}.section-heading{align-items:flex-start;gap:16px}.filters{width:100%;flex-wrap:wrap;gap:8px}.search-field{width:100%;flex:1 1 100%}.search-field input,.filters select{font-size:16px}.filters .select-field{width:100%}.class-row{flex-wrap:wrap;gap:12px;align-items:flex-start;padding:20px 0}.class-row-body{flex-basis:calc(100% - 62px)}.class-meta{font-size:11px}.class-row h3{font-size:16px}.class-details{font-size:12px;gap:10px}.row-actions{width:100%;justify-content:flex-end}.live-section .class-row{padding-inline:14px}.topbar{padding-inline:10px;gap:8px}.topbar-left{gap:3px}.topbar .brand strong{font-size:20px}.topbar .brand{gap:7px}.topbar .brand>span{font-size:15px;padding-left:7px}.header-location{display:none}.topbar-right{gap:2px}.classroom{padding:20px 12px 32px}.class-heading{flex-wrap:wrap;gap:12px;margin-bottom:18px}.class-heading h1{font-size:21px}.class-heading>.badge{font-size:12px}.classroom-grid{gap:14px}.waiting-course{display:none}.waiting-room{padding:16px;gap:8px}.waiting-room h2{font-size:19px}.waiting-room p{font-size:12px;max-width:280px}.waiting-room .eyebrow,.waiting-room .host-line{display:none}.broadcast-mark{width:40px;height:40px}.broadcast-mark svg{width:24px}.class-actions{padding:8px 0}.control-strip{padding:12px 0 20px}.control-heading{flex-wrap:wrap}.signal-row{gap:10px}.control-buttons{gap:6px}.control-buttons button{font-size:12px;padding-inline:10px}.activity-panel{height:700px;min-height:700px}.activity-title h2{font-size:14px}.chat-controls{width:100%}.chat-controls+.chat-controls{margin-top:4px}.chat-controls button{min-height:40px;font-size:13px}.activity-tabs button{min-height:48px;font-size:12px}.message-list{padding-inline:14px}.composer textarea{font-size:16px}.message-recipient select{font-size:14px;min-height:36px}.person .icon{min-height:36px;width:36px;flex-basis:36px}.player-error{inset:auto 8px 8px;padding:10px;font-size:12px;flex-wrap:wrap}.auth-screen{padding:0 20px 32px}.auth-header{height:72px}.auth-header .brand strong{font-size:22px}.auth-body{padding-block:40px}.auth-body h1{font-size:26px}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.modal-head{padding:16px 20px}.form-grid{grid-template-columns:1fr}.schedule-review>div{grid-template-columns:80px minmax(0,1fr);gap:12px}.form-section{gap:16px}.resource-fields{grid-template-columns:minmax(0,1fr) 40px}.resource-fields>label:first-child{grid-column:1 / -1}.secret-field{flex-wrap:wrap}.secret-field input{flex-basis:100%}.modal-actions{flex-wrap:wrap}.modal-actions button{flex:1}}@media(max-width:380px){.workspace-brand .brand>span,.topbar .brand>span{display:none}.form-steps button{font-size:11px;gap:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
