*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:var(--scl-color-bg);color:var(--scl-color-text);font-family:var(--scl-font-body);font-size:var(--scl-font-size-md);line-height:var(--scl-line-height-normal);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--scl-font-heading);color:var(--scl-color-text);line-height:var(--scl-line-height-snug);margin:0}.auth-shell{background:var(--scl-gradient-ink);grid-template-columns:1fr;min-height:100vh;display:grid}@media (min-width:960px){.auth-shell{grid-template-columns:1.05fr 1fr}}.auth-aside{padding:var(--scl-space-12);color:var(--scl-color-text-inverse);flex-direction:column;justify-content:space-between;display:none;position:relative;overflow:hidden}@media (min-width:960px){.auth-aside{display:flex}}.auth-aside:after{content:"";background:var(--scl-gradient-brand);opacity:.18;filter:blur(10px);border-radius:50%;width:460px;height:460px;position:absolute;inset:auto -120px -160px auto}.auth-aside h2{color:var(--scl-color-text-inverse);font-size:var(--scl-font-size-4xl);max-width:15ch}.auth-aside p{color:#f4f7f7bf;max-width:46ch}.auth-aside ul{margin:var(--scl-space-6) 0 0;gap:var(--scl-space-3);padding:0;list-style:none;display:grid}.auth-aside li{gap:var(--scl-space-3);color:#f4f7f7d9;font-size:var(--scl-font-size-sm);align-items:flex-start;display:flex}.auth-aside li:before{content:"";background:var(--scl-gradient-brand-soft);border-radius:50%;flex:none;width:8px;height:8px;margin-top:7px}.auth-panel{background:var(--scl-color-bg);padding:var(--scl-space-6);justify-content:center;align-items:center;display:flex}.auth-panel-inner{width:100%;max-width:460px}.auth-brand{margin-bottom:var(--scl-space-6)}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:40;justify-content:space-between;align-items:center;gap:var(--scl-space-4);padding:var(--scl-space-3) var(--scl-space-6);background:var(--scl-color-surface);border-bottom:1px solid var(--scl-color-border);display:flex;position:sticky;top:0}.topbar-nav{align-items:center;gap:var(--scl-space-1);flex-wrap:wrap;display:flex}.topbar-link{padding:var(--scl-space-2) var(--scl-space-4);border-radius:var(--scl-radius-pill);font-size:var(--scl-font-size-sm);font-weight:var(--scl-font-weight-semibold);color:var(--scl-color-text-muted);transition:background var(--scl-transition), color var(--scl-transition)}.topbar-link:hover{background:var(--scl-color-surface-sunken);color:var(--scl-color-text)}.topbar-link[data-active=true]{background:var(--scl-color-primary-soft);color:var(--scl-color-primary-soft-contrast)}.topbar-user{align-items:center;gap:var(--scl-space-3);display:flex}.topbar-user-name{font-size:var(--scl-font-size-sm);font-weight:var(--scl-font-weight-semibold)}.topbar-user-role{font-size:var(--scl-font-size-xs);color:var(--scl-color-text-subtle)}.page{width:100%;max-width:1180px;padding:var(--scl-space-8) var(--scl-space-6) var(--scl-space-16);margin:0 auto}.page-wide{max-width:1400px}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--scl-space-4);margin-bottom:var(--scl-space-6);flex-wrap:wrap;display:flex}.page-header h1{font-size:var(--scl-font-size-3xl)}.page-header p{margin:var(--scl-space-1) 0 0;color:var(--scl-color-text-muted)}.section-title{font-size:var(--scl-font-size-xl);margin-bottom:var(--scl-space-4)}.muted{color:var(--scl-color-text-muted)}.subtle{color:var(--scl-color-text-subtle);font-size:var(--scl-font-size-sm)}.stack{gap:var(--scl-space-4);display:grid}.stack-sm{gap:var(--scl-space-2);display:grid}.row{gap:var(--scl-space-3);flex-wrap:wrap;align-items:center;display:flex}.row-end{justify-content:flex-end}.grid-cards{gap:var(--scl-space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.empty{border:1px dashed var(--scl-color-border-strong);border-radius:var(--scl-radius-lg);padding:var(--scl-space-10);text-align:center;color:var(--scl-color-text-muted);background:var(--scl-color-surface-sunken)}.media-thumb{aspect-ratio:16/9;border-radius:var(--scl-radius-md);background:var(--scl-gradient-ink);margin-bottom:var(--scl-space-3);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.media-thumb img{object-fit:cover;width:100%;height:100%}.media-thumb-play{width:54px;height:54px;color:var(--scl-color-primary-active);background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.media-thumb-progress{background:#ffffff40;height:4px;position:absolute;bottom:0;left:0;right:0}.media-thumb-progress>span{background:var(--scl-gradient-brand);height:100%;display:block}.media-thumb-badge{right:var(--scl-space-2);bottom:var(--scl-space-2);color:#fff;font-size:var(--scl-font-size-xs);border-radius:var(--scl-radius-pill);background:#121427c7;padding:2px 8px;position:absolute}.video-layout{gap:var(--scl-space-6);align-items:start;display:grid}@media (min-width:1080px){.video-layout{grid-template-columns:minmax(0,1fr) 360px}}.player-frame{border-radius:var(--scl-radius-lg);box-shadow:var(--scl-shadow-lg);background:#000;overflow:hidden}.player-frame video{aspect-ratio:16/9;background:#000;width:100%;display:block}.player-embed{aspect-ratio:16/9;position:relative}.player-embed>div,.player-embed iframe{border:0;position:absolute;inset:0;width:100%!important;height:100%!important;padding:0!important}.resume-bar{justify-content:space-between;align-items:center;gap:var(--scl-space-3);padding:var(--scl-space-3) var(--scl-space-4);background:var(--scl-color-accent-soft);color:var(--scl-color-accent-soft-contrast);border-radius:var(--scl-radius-md);font-size:var(--scl-font-size-sm);display:flex}.material-item{align-items:center;gap:var(--scl-space-3);padding:var(--scl-space-3);border:1px solid var(--scl-color-border);border-radius:var(--scl-radius-md);background:var(--scl-color-surface);transition:border-color var(--scl-transition), box-shadow var(--scl-transition);display:flex}.material-item:hover{border-color:var(--scl-color-accent);box-shadow:var(--scl-shadow-sm)}.material-icon{border-radius:var(--scl-radius-sm);background:var(--scl-color-primary-soft);width:40px;height:40px;color:var(--scl-color-primary-soft-contrast);font-size:var(--scl-font-size-2xs);font-weight:var(--scl-font-weight-bold);letter-spacing:var(--scl-letter-spacing-caps);flex:none;justify-content:center;align-items:center;display:flex}.material-name{font-weight:var(--scl-font-weight-semibold);font-size:var(--scl-font-size-sm)}.comment{gap:var(--scl-space-3);padding:var(--scl-space-4) 0;border-bottom:1px solid var(--scl-color-border);display:flex}.comment:last-child{border-bottom:0}.comment-body{flex:1;min-width:0}.comment-head{align-items:baseline;gap:var(--scl-space-2);flex-wrap:wrap;display:flex}.comment-author{font-weight:var(--scl-font-weight-semibold);font-size:var(--scl-font-size-sm)}.comment-text{margin:var(--scl-space-1) 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.comment-hidden{opacity:.72}.table-wrap{background:var(--scl-color-surface);border-radius:var(--scl-radius-lg);border:1px solid var(--scl-color-border);overflow-x:auto}.stat-grid{gap:var(--scl-space-4);margin-bottom:var(--scl-space-8);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.stat-value{font-family:var(--scl-font-heading);font-size:var(--scl-font-size-4xl);font-weight:var(--scl-font-weight-extrabold);line-height:1}.stat-label{color:var(--scl-color-text-muted);font-size:var(--scl-font-size-sm);margin-top:var(--scl-space-1)}.chips{gap:var(--scl-space-2);flex-wrap:wrap;display:flex}.form-grid{gap:var(--scl-space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.upload-drop{border:1px dashed var(--scl-color-border-strong);border-radius:var(--scl-radius-md);padding:var(--scl-space-5);background:var(--scl-color-surface-sunken);text-align:center;font-size:var(--scl-font-size-sm);color:var(--scl-color-text-muted)}.chapters{background:var(--scl-color-surface);border:1px solid var(--scl-color-border);border-radius:var(--scl-radius-lg);padding:var(--scl-space-4) var(--scl-space-5)}.chapter-list{margin:var(--scl-space-3) 0 0;gap:var(--scl-space-2);padding:0;list-style:none;display:grid}.chapter-item{align-items:center;gap:var(--scl-space-3);width:100%;padding:var(--scl-space-3);border:1px solid var(--scl-color-border);border-radius:var(--scl-radius-md);background:var(--scl-color-surface);font:inherit;color:inherit;text-align:left;cursor:pointer;transition:border-color var(--scl-transition), background var(--scl-transition);display:flex}.chapter-item:hover:not(:disabled){border-color:var(--scl-color-accent)}.chapter-item:disabled{cursor:not-allowed;opacity:.6;background:var(--scl-color-surface-sunken)}.chapter-item[data-state=current]{border-color:var(--scl-color-accent);background:var(--scl-color-accent-soft)}.chapter-item[data-state=done] .chapter-index{background:var(--scl-color-success);color:#fff}.chapter-index{background:var(--scl-color-surface-sunken);width:30px;height:30px;color:var(--scl-color-text-muted);font-size:var(--scl-font-size-sm);font-weight:var(--scl-font-weight-bold);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.chapter-title{font-weight:var(--scl-font-weight-semibold);font-size:var(--scl-font-size-sm)}.audit-row{gap:var(--scl-space-3);align-items:flex-start;display:flex}.audit-dot{background:var(--scl-color-accent);border-radius:50%;flex:none;width:10px;height:10px;margin-top:6px}.audit-details{font-size:var(--scl-font-size-xs);color:var(--scl-color-text-subtle);word-break:break-word}