@charset "UTF-8";.ds-overline{margin:0;font-family:var(--ds-font-sans);font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.96px;text-transform:uppercase;color:var(--color-text-secondary)}.ds-title{margin:0;font-family:var(--ds-font-display);font-size:28px;font-weight:700;line-height:1.2;color:var(--color-text-primary)}.ds-field{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.ds-field__label{font-family:var(--ds-font-sans);font-size:14px;font-weight:600;line-height:1.3;color:var(--color-text-primary)}.ds-field__input{box-sizing:border-box;width:100%;height:44px;padding:0 14px;font-family:var(--ds-font-sans);font-size:16px;line-height:1.5;color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-hairline);border-radius:var(--radius-sm)}.ds-field__input::placeholder{color:var(--color-grey-400)}.ds-field__input:focus-visible{outline:none;border-width:2px;border-color:var(--color-border-default)}.ds-field__input:disabled{opacity:.5}.ds-field--error .ds-field__input{border-color:var(--color-error)}.ds-field__error{font-family:var(--ds-font-sans);font-size:14px;line-height:1.45;color:var(--color-error)}.ds-field__hint{margin:0;font-family:var(--ds-font-sans);font-size:12px;line-height:16px;color:var(--color-text-secondary)}.ds-button{box-sizing:border-box;display:inline-flex;min-width:0;max-width:100%;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-12) var(--spacing-20);font-family:var(--ds-font-sans);font-size:16px;font-weight:600;line-height:1.2;text-align:center;white-space:normal;overflow-wrap:anywhere;text-decoration:none;border:none;border-radius:var(--radius-sm);cursor:pointer}.ds-button:disabled{opacity:.5;cursor:not-allowed}.ds-button--primary{width:100%;background:var(--color-bg-brand);color:var(--color-white)}.ds-button--secondary{width:100%;background:transparent;color:var(--color-text-brand);border:1px solid var(--color-bg-brand)}.ds-button--ghost{width:auto;background:transparent;color:var(--color-text-brand)}.ds-button--compact{width:auto}.ds-button--social{flex:1 0 0;min-width:0;height:40px;gap:7px;padding:0 6px;font-size:14px;font-weight:400;color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-hairline)}.ds-checkbox{display:flex;align-items:center;gap:10px;min-height:24px;font-family:var(--ds-font-sans);font-size:14px;line-height:1.45;color:var(--color-text-primary);cursor:pointer}.ds-checkbox__box{flex-shrink:0;width:20px;height:20px;margin:2px;accent-color:var(--color-bg-brand)}.ds-link{padding:0;font-family:var(--ds-font-sans);font-size:14px;line-height:1.45;color:var(--color-text-brand);text-decoration:none;background:none;border:none;cursor:pointer}.ds-link:hover{text-decoration:underline}.ds-status-pill{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:3px 10px;font-family:var(--ds-font-sans);font-size:12px;font-weight:400;line-height:16px;font-variant-numeric:tabular-nums;white-space:nowrap;border:1px solid var(--color-border-hairline);border-radius:var(--radius-pill);background:var(--color-bg-canvas);color:var(--color-text-secondary)}.ds-status-pill--lg{gap:var(--spacing-sm);padding:4px 12px;font-size:14px;font-weight:600;line-height:18px}.ds-status-pill--warning{border-color:var(--color-text-warning);background:var(--color-bg-warning-subtle);color:var(--color-text-warning)}.ds-status-pill--error{border-color:var(--color-text-error);background:var(--color-bg-error-subtle);color:var(--color-text-error)}.ds-status-pill--info{border-color:var(--color-text-info);background:var(--color-bg-info-subtle);color:var(--color-text-info)}.learning-status{display:inline-flex;gap:6px;align-items:center;padding:3px 10px;font-family:var(--ds-font-sans);font-size:12px;font-weight:400;line-height:16px;white-space:nowrap;color:var(--color-text-secondary);background:var(--color-bg-canvas);border-radius:var(--radius-pill)}.learning-status--brand{color:var(--color-orange-900);background:var(--color-bg-brand-subtle)}.learning-status--success{color:var(--color-text-success);background:var(--color-bg-success-subtle)}.learning-status--info{color:var(--color-text-info);background:var(--color-bg-info-subtle)}.learning-status__icon{width:12px;height:12px}.data-table{width:100%;font-family:var(--ds-font-sans);font-size:14px;color:var(--color-text-primary);border-collapse:collapse}.data-table th{height:42px;padding:0 16px;font-size:13px;font-weight:600;text-align:left;white-space:nowrap;vertical-align:middle;color:var(--color-text-secondary);background:var(--color-bg-canvas);border-bottom:1px solid var(--color-border-hairline)}.data-table td{height:44px;padding:0 16px;vertical-align:middle}.data-table tbody tr:not(:first-child) td{border-top:1px solid var(--color-border-hairline)}.data-table tbody tr:hover td{background:var(--color-bg-canvas)}.data-table__cell--end{text-align:right}.data-table__empty{color:var(--color-text-secondary);text-align:center}.dialog{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-20);width:min(420px,100vw - 48px);padding:28px;color:var(--color-text-primary);background:var(--color-bg-surface);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.dialog--wide{width:min(560px,100vw - 48px)}.dialog:not([open]){display:none}.dialog::backdrop{background:#02152766}.dialog__title{margin:0;font-family:var(--ds-font-display);font-size:20px;font-weight:700;color:var(--color-text-primary)}.dialog__subtitle{margin:0;font-family:var(--ds-font-sans);font-size:14px;color:var(--color-text-secondary)}.dialog__error{margin:0;font-family:var(--ds-font-sans);font-size:14px;color:var(--color-error)}.dialog__actions{display:flex;flex-direction:column;gap:10px}.ds-card{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-12);width:100%;min-width:0;padding:var(--spacing-20);background:var(--color-bg-surface);border:1px solid var(--color-border-hairline);border-radius:16px;box-shadow:var(--shadow-sm)}.ds-card__title{display:flex;gap:var(--spacing-sm);align-items:center;margin:0;font-family:var(--ds-font-sans);font-size:16px;font-weight:600;line-height:24px;color:var(--color-text-primary)}.scale{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.scale__track{position:absolute;top:13px;right:10%;left:10%;height:2px;border-radius:1px;background:var(--color-border-hairline)}.scale__point{position:relative;display:flex;flex:1 0 0;min-width:0;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:0;font:inherit;cursor:pointer;background:none;border:none}.scale__point:disabled{cursor:not-allowed;opacity:.6}.scale__point:focus-visible{outline:2.5px solid var(--color-border-default);outline-offset:2px}.scale__dot{width:20px;height:20px;border:2px solid var(--color-border-default);border-radius:var(--radius-pill);background:var(--color-bg-surface)}.scale__point--selected .scale__dot{border-color:var(--color-bg-brand);box-shadow:inset 0 0 0 4px var(--color-bg-surface),inset 0 0 0 20px var(--color-bg-brand)}.scale__label{font-family:var(--ds-font-sans);font-size:12px;line-height:1.35;text-align:center;color:var(--color-text-secondary)}.scale__point--selected .scale__label{color:var(--color-text-primary)}@media(max-width:900px){.scale{flex-direction:column;align-items:stretch}.scale__track{display:none}.scale__point{flex-direction:row;gap:var(--spacing-12)}.scale__label{text-align:left}}app-shell,app-admin-layout,app-learner-layout{display:block}.app-content:has(.player){display:flex;flex-direction:column}.app-content:has(.player--worked-example){padding-block:14px}@media(max-width:700px){.app-shell:has(.player) .app-content{padding:16px;border-radius:0}}.app-shell{display:grid;grid-template-columns:264px minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100dvh;overflow:hidden;background:var(--color-bg-surface)}.app-sidebar{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-20) 0;background:var(--color-bg-surface)}.app-sidebar__logo{align-self:flex-start;width:auto;height:20px;margin:0 var(--spacing-20) var(--spacing-12)}.app-nav{display:flex;flex-direction:column;gap:2px;min-height:0;overflow-y:auto;margin-top:2px;padding:0 var(--spacing-sm)}.app-nav__section{margin:var(--spacing-12) var(--spacing-12) var(--spacing-xs);font-family:var(--ds-font-sans);font-size:12px;font-weight:600;letter-spacing:.96px;text-transform:uppercase;color:var(--color-text-secondary)}.app-nav__item{box-sizing:border-box;display:flex;gap:10px;align-items:center;width:100%;padding:9px 10px;font-family:var(--ds-font-sans);font-size:14px;text-align:left;text-decoration:none;color:var(--color-text-primary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer}.app-nav__item--active{background:var(--color-bg-brand-subtle)}.app-nav__item:disabled{opacity:.45;cursor:not-allowed}.app-nav__icon{flex-shrink:0;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.app-sidebar__user{display:flex;gap:10px;align-items:center;width:100%;margin-top:auto;padding:var(--spacing-12) var(--spacing-20);color:var(--color-text-secondary);text-align:left;text-decoration:none;background:none;border:none;cursor:pointer}.app-sidebar__user:hover,.app-sidebar__user:focus-visible{background:var(--color-bg-canvas)}.app-sidebar__identity{display:flex;flex:1 0 0;flex-direction:column;min-width:0}.app-sidebar__name{font-family:var(--ds-font-sans);font-size:14px;font-weight:600;color:var(--color-text-primary)}.app-sidebar__role{font-family:var(--ds-font-sans);font-size:12px;color:var(--color-text-secondary)}.app-avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:34px;height:34px;padding:0;font-family:var(--ds-font-sans);font-size:12px;font-weight:600;color:var(--color-white);background:var(--color-text-brand);border:none;border-radius:var(--radius-pill);overflow:hidden}.app-avatar__image{width:100%;height:100%;object-fit:cover}.app-avatar--button{cursor:pointer}.app-main{display:flex;flex-direction:column;min-width:0;min-height:0}.app-sidebar-toggle,.app-sidebar-backdrop{display:none}.app-topbar{display:flex;align-items:center;justify-content:flex-end;height:56px;padding:0 var(--spacing-20);background:var(--color-bg-surface)}.app-notifications{position:relative;display:inline-flex;margin-right:var(--spacing-12)}.app-notifications__trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:var(--color-text-primary);background:transparent;border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer}.app-notifications__trigger:hover,.app-notifications__trigger:focus-visible{background:var(--color-bg-canvas);border-color:var(--color-border-hairline)}.app-notifications__trigger svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.app-notifications__badge{position:absolute;top:-3px;right:-6px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:18px;text-align:center;color:var(--color-white);background:var(--color-bg-brand);border-radius:var(--radius-pill)}.app-notifications__panel{position:absolute;z-index:6;top:calc(100% + 8px);right:0;width:min(390px,100vw - 32px);overflow:hidden;background:var(--color-bg-surface);border:1px solid var(--color-border-hairline);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}@media(max-width:600px){.app-notifications__panel{position:fixed;top:54px;left:16px;right:16px;width:auto;max-height:calc(100dvh - 70px);overflow-y:auto}}.app-notifications__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-12);padding:var(--spacing-md) var(--spacing-20);border-bottom:1px solid var(--color-border-hairline)}.app-notifications__header h2{margin:0;font-size:16px;color:var(--color-text-primary)}.app-notifications__header button{padding:0;font-family:var(--ds-font-sans);font-size:12px;font-weight:600;color:var(--color-text-brand);background:transparent;border:0;cursor:pointer}.app-notifications__list{max-height:min(480px,100vh - 110px);overflow-y:auto}.app-notifications__item{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-20);text-decoration:none;border-bottom:1px solid var(--color-border-hairline)}.app-notifications__item:last-child{border-bottom:0}.app-notifications__item:hover,.app-notifications__item:focus-visible,.app-notifications__item--unread{background:var(--color-bg-brand-subtle)}.app-notifications__item--unread:before{position:absolute;top:18px;left:6px;width:5px;height:5px;content:"";background:var(--color-bg-brand);border-radius:var(--radius-pill)}.app-notifications__title{font-size:14px;font-weight:650;color:var(--color-text-primary)}.app-notifications__body,.app-notifications__item time,.app-notifications__state{font-size:12px;line-height:1.45;color:var(--color-text-secondary)}.app-notifications__item time{margin-top:2px}.app-notifications__state{margin:0;padding:var(--spacing-lg) var(--spacing-20);text-align:center}.app-notifications__state--error{color:var(--color-text-error)}.app-profile{position:relative;display:inline-block}.app-profile__menu{position:absolute;z-index:5;top:calc(100% + 8px);right:0;display:flex;flex-direction:column;min-width:180px;padding:var(--spacing-xs);background:var(--color-bg-surface);border:1px solid var(--color-border-hairline);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.app-profile__menu a,.app-profile__menu button{padding:8px var(--spacing-12);font-family:var(--ds-font-sans);font-size:14px;text-align:left;text-decoration:none;color:var(--color-text-primary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer}.app-profile__menu a:hover,.app-profile__menu button:not(:disabled):hover{background:var(--color-bg-canvas)}.app-profile__menu button:disabled{color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}.app-profile__divider{margin:var(--spacing-xs) 0;border:none;border-top:1px solid var(--color-border-hairline)}.app-profile__menu button.app-profile__signout{color:var(--color-text-error);font-weight:600}.app-profile__menu button.app-profile__signout:hover{background:var(--color-bg-error-subtle)}.app-content{position:relative;isolation:isolate;flex:1 0 0;min-height:0;overflow-y:auto;padding:28px 32px;background:var(--color-bg-canvas);border-top-left-radius:var(--radius-lg)}.visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;clip-path:inset(50%);white-space:nowrap}@media(max-width:767px){.app-shell{grid-template-columns:minmax(0,1fr)}.app-sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:min(82vw,264px);visibility:hidden;box-shadow:var(--shadow-md);transform:translate(-100%);transition:transform .18s ease,visibility .18s}.app-sidebar--open{visibility:visible;transform:translate(0)}.app-sidebar-backdrop{position:fixed;z-index:15;inset:0;display:block;width:100%;height:100%;padding:0;background:#021c2a6b;border:0;cursor:pointer}.app-sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-right:auto;padding:0;color:var(--color-text-primary);background:transparent;border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer}.app-sidebar-toggle:hover,.app-sidebar-toggle:focus-visible{background:var(--color-bg-canvas);border-color:var(--color-border-hairline)}.app-sidebar-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.app-topbar{padding:0 var(--spacing-md)}.app-content{padding:var(--spacing-20) var(--spacing-md);border-top-left-radius:0}}@media(prefers-reduced-motion:reduce){.app-sidebar{transition:none}}@font-face{font-family:Inter;src:url(/fonts/inter-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Libre Caslon Text;src:url(/fonts/libre-caslon-text-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-ink: #171717;--color-ink-soft: #5f5a51;--color-surface: #ffffff;--color-bg: #f7f4ee;--color-accent: #0f766e;--color-accent-soft: #d8f6e7;--color-border: rgba(23, 23, 23, .1);--color-error: #991b1b;--radius: 16px;--radius-pill: 999px;--shadow: 0 24px 70px rgba(23, 23, 23, .12);--shadow-soft: 0 6px 20px rgba(23, 23, 23, .06);--ds-font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;--ds-font-display: "Libre Caslon Text", Georgia, serif;--color-bg-brand: #dd732d;--color-bg-brand-subtle: #f0bf9c;--color-text-brand: #a65621;--color-ink-900: #011627;--color-text-primary: #011627;--color-text-secondary: #5f5449;--color-grey-400: #9b9690;--color-status-completed: #175f42;--color-status-in-progress: #dd732d;--color-status-not-started: #9b9690;--color-bg-inverse: #011627;--color-text-inverse: #f9f9f9;--color-orange-900: #6e3916;--color-bg-canvas: #f1eee9;--color-bg-surface: #f9f9f9;--color-white: #f9f9f9;--color-border-hairline: #e7e3dd;--color-border-default: #011627;--color-text-warning: #8a6100;--color-bg-warning-subtle: #f8ecc9;--color-text-error: #891723;--color-bg-error-subtle: #f7dede;--color-text-info: #005f7a;--color-bg-info-subtle: #e2eef2;--color-text-success: #34463f;--color-bg-success-subtle: #e7f0eb;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-12: 12px;--spacing-md: 16px;--spacing-20: 20px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 2px 4px rgba(2, 21, 39, .08);--shadow-md: 0 4px 12px rgba(2, 21, 39, .1)}html,body{margin:0;font-family:var(--font-sans);color:var(--color-ink);-webkit-font-smoothing:antialiased}