:root,[data-brand=learn]{--ds-primary: #A21CAF;--ds-on-primary: #FFFFFF;--ds-primary-hover: #86198F;--ds-action: #86198F;--ds-accent: #D946EF;--ds-highlight: #F5C53A;--ds-focus-ring: rgba(162, 28, 175, .25);--ds-ink: #1B2433;--ds-on-ink: #FFFFFF;--ds-text: #1B2433;--ds-text-secondary: #546E7A;--ds-text-muted: #78909C;--ds-surface: #FFFFFF;--ds-bg: #FFFFFF;--ds-bg-subtle: #F7F6F4;--ds-surface-subtle: #EFEDE9;--ds-border: #E4E1DB;--ds-border-strong: #CFCBC2;--ds-success: #168B57;--ds-success-bg: #E2F4EE;--ds-success-text: #0F7A56;--ds-warning: #A87B0E;--ds-warning-bg: #FCF3D7;--ds-danger: #CC2E2E;--ds-danger-bg: #FBE7E7;--ds-font-body: "Manrope", sans-serif;--ds-font-control: "Inter", sans-serif;--ds-font-mono: "IBM Plex Mono", monospace;--ds-text-display: 800 28px/1.2 var(--ds-font-body);--ds-text-h1: 800 24px/1.25 var(--ds-font-body);--ds-text-h2: 700 19px/1.3 var(--ds-font-body);--ds-text-h3: 700 16px/1.35 var(--ds-font-body);--ds-text-body: 400 14px/1.55 var(--ds-font-body);--ds-text-small: 400 12.5px/1.5 var(--ds-font-body);--ds-text-label: 600 12px/1.4 var(--ds-font-control);--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-radius-sm: 6px;--ds-radius-md: 10px;--ds-radius-lg: 14px;--ds-radius-pill: 999px;--ds-shadow-card: 0 1px 2px rgba(16, 24, 40, .05);--ds-shadow-raised: 0 4px 12px rgba(16, 24, 40, .08);--ds-ease: cubic-bezier(.2, 0, 0, 1);--ds-duration-fast: .12s;--ds-duration-base: .2s}html[data-theme=dark],[data-theme=dark]{--ds-primary: #D946EF;--ds-on-primary: #1B2433;--ds-primary-hover: #E879F9;--ds-action: #E879F9;--ds-accent: #F0ABFC;--ds-ink: #F7F6F4;--ds-on-ink: #1B2433;--ds-text: #F2F0EC;--ds-text-secondary: #B7BDC7;--ds-text-muted: #8892A0;--ds-surface: #1B2433;--ds-bg: #141B27;--ds-bg-subtle: #1F2836;--ds-surface-subtle: #232E3E;--ds-border: #2C3849;--ds-border-strong: #3B4A5E;--ds-focus-ring: rgba(217, 70, 239, .35)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font:var(--ds-text-body);color:var(--ds-text);background:var(--ds-bg);-webkit-font-smoothing:antialiased}a{color:var(--ds-action)}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ds-focus-ring);border-radius:var(--ds-radius-sm)}.app-shell{min-height:100vh;background:var(--ds-bg-subtle);color:var(--ds-text)}.boot-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--ds-text-secondary);font:var(--ds-text-body)}.navbar{position:sticky;top:0;z-index:20;background:var(--ds-surface);border-bottom:1px solid var(--ds-border)}.nav-inner{max-width:1120px;margin:0 auto;padding:0 var(--ds-space-6);height:60px;display:flex;align-items:center;gap:var(--ds-space-6)}.nav-brand{display:flex;align-items:center;gap:var(--ds-space-2);font:var(--ds-text-h3);color:var(--ds-text);text-decoration:none}.nav-brand-mark{width:22px;height:22px;border-radius:var(--ds-radius-sm);background:var(--ds-primary)}.nav-links{display:flex;align-items:center;gap:var(--ds-space-1);flex:1}.nav-link{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);text-decoration:none;font:var(--ds-text-label);transition:background var(--ds-duration-fast) var(--ds-ease),color var(--ds-duration-fast) var(--ds-ease)}.nav-link:hover{background:var(--ds-bg-subtle);color:var(--ds-text)}.nav-link.active{background:var(--ds-bg-subtle);color:var(--ds-primary)}.nav-user{display:flex;align-items:center;gap:var(--ds-space-3)}.nav-avatar{width:30px;height:30px;border-radius:var(--ds-radius-pill);background:var(--ds-primary);color:var(--ds-on-primary);display:grid;place-items:center;font:var(--ds-text-label)}.nav-name{font:var(--ds-text-small);color:var(--ds-text-secondary)}.container{max-width:1120px;margin:0 auto;padding:var(--ds-space-8) var(--ds-space-6)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-space-4);margin-bottom:var(--ds-space-6);flex-wrap:wrap}.page-title{font:var(--ds-text-display);margin:0}.page-subtitle{color:var(--ds-text-secondary);margin:var(--ds-space-1) 0 0}.section-title{font:var(--ds-text-h2);margin:var(--ds-space-8) 0 var(--ds-space-4)}.grid{display:grid;gap:var(--ds-space-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.stack{display:flex;flex-direction:column;gap:var(--ds-space-5)}.row{display:flex;align-items:center;gap:var(--ds-space-3);flex-wrap:wrap}.card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-card)}.card-body{padding:var(--ds-space-5)}.course-card{display:flex;flex-direction:column;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-card);text-decoration:none;color:inherit;overflow:hidden;transition:box-shadow var(--ds-duration-base) var(--ds-ease),transform var(--ds-duration-base) var(--ds-ease)}.course-card:hover{box-shadow:var(--ds-shadow-raised);transform:translateY(-2px)}.course-card-cover{height:84px;background:linear-gradient(135deg,var(--ds-primary),var(--ds-accent));color:var(--ds-on-primary);display:grid;place-items:center;font:var(--ds-text-h1);letter-spacing:1px}.course-card-body{padding:var(--ds-space-4);display:flex;flex-direction:column;gap:var(--ds-space-2)}.course-card-badges{display:flex;gap:var(--ds-space-2);flex-wrap:wrap}.course-card-title{font:var(--ds-text-h3);margin:0}.course-card-summary{margin:0;color:var(--ds-text-secondary);font:var(--ds-text-small)}.course-card-meta{display:flex;justify-content:space-between;color:var(--ds-text-muted);font:var(--ds-text-small);margin-top:var(--ds-space-1)}.badge{display:inline-flex;align-items:center;gap:var(--ds-space-1);padding:2px var(--ds-space-2);border-radius:var(--ds-radius-pill);font:var(--ds-text-label);background:var(--ds-bg-subtle);color:var(--ds-text-secondary);border:1px solid var(--ds-border)}.badge-primary{background:var(--ds-surface-subtle);color:var(--ds-primary);border-color:transparent}.badge-success{background:var(--ds-success-bg);color:var(--ds-success-text);border-color:transparent}.badge-warning{background:var(--ds-warning-bg);color:var(--ds-warning);border-color:transparent}.badge-danger{background:var(--ds-danger-bg);color:var(--ds-danger);border-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-4);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-strong);background:var(--ds-surface);color:var(--ds-text);font:var(--ds-text-label);cursor:pointer;text-decoration:none;transition:background var(--ds-duration-fast) var(--ds-ease),border-color var(--ds-duration-fast) var(--ds-ease)}.btn:hover{background:var(--ds-bg-subtle)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--ds-primary);border-color:var(--ds-primary);color:var(--ds-on-primary)}.btn-primary:hover{background:var(--ds-primary-hover);border-color:var(--ds-primary-hover)}.btn-ghost{background:transparent;border-color:transparent;color:var(--ds-action)}.btn-ghost:hover{background:var(--ds-bg-subtle)}.btn-sm{padding:var(--ds-space-1) var(--ds-space-2)}.field{display:flex;flex-direction:column;gap:var(--ds-space-1)}.field-label{font:var(--ds-text-label);color:var(--ds-text-secondary)}.input,.select,.textarea{width:100%;padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-strong);background:var(--ds-surface);color:var(--ds-text);font:var(--ds-text-body)}.textarea{min-height:88px;resize:vertical}.form-grid{display:grid;gap:var(--ds-space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.chip-row{display:flex;gap:var(--ds-space-2);flex-wrap:wrap}.chip{padding:var(--ds-space-1) var(--ds-space-3);border-radius:var(--ds-radius-pill);border:1px solid var(--ds-border);background:var(--ds-surface);color:var(--ds-text-secondary);font:var(--ds-text-label);cursor:pointer;text-transform:capitalize}.chip:hover{border-color:var(--ds-primary);color:var(--ds-text)}.chip.active{background:var(--ds-primary);border-color:var(--ds-primary);color:var(--ds-on-primary)}.progress{display:flex;align-items:center;gap:var(--ds-space-3)}.progress-track{flex:1;height:8px;border-radius:var(--ds-radius-pill);background:var(--ds-surface-subtle);overflow:hidden}.progress-value{height:100%;border-radius:var(--ds-radius-pill);background:var(--ds-primary);transition:width var(--ds-duration-base) var(--ds-ease)}.progress-label{font:var(--ds-text-label);color:var(--ds-text-secondary);min-width:34px;text-align:right}.empty{text-align:center;padding:var(--ds-space-8);border:1px dashed var(--ds-border-strong);border-radius:var(--ds-radius-lg);background:var(--ds-surface)}.empty-title{font:var(--ds-text-h3);margin:0 0 var(--ds-space-2)}.empty-message{color:var(--ds-text-secondary);margin:0 0 var(--ds-space-4)}.list{display:flex;flex-direction:column;gap:var(--ds-space-4)}.list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);padding:var(--ds-space-5)}.list-item-main{flex:1;min-width:0}.list-item-title{font:var(--ds-text-h3);margin:0}.list-item-meta{color:var(--ds-text-muted);font:var(--ds-text-small);margin-top:var(--ds-space-1)}.player{display:grid;grid-template-columns:300px 1fr;gap:var(--ds-space-6);align-items:start}.player-sidebar{position:sticky;top:76px;max-height:calc(100vh - 100px);overflow-y:auto}.player-module-title{font:var(--ds-text-label);text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted);padding:var(--ds-space-3) var(--ds-space-3) var(--ds-space-1)}.lesson-item{display:flex;align-items:center;gap:var(--ds-space-3);width:100%;padding:var(--ds-space-2) var(--ds-space-3);border:none;background:transparent;border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);text-decoration:none;font:var(--ds-text-body);cursor:pointer;text-align:left}.lesson-item:hover{background:var(--ds-bg-subtle);color:var(--ds-text)}.lesson-item.active{background:var(--ds-surface-subtle);color:var(--ds-primary)}.lesson-item-title{flex:1}.tick{width:18px;height:18px;border-radius:var(--ds-radius-pill);border:1.5px solid var(--ds-border-strong);display:grid;place-items:center;flex-shrink:0;color:var(--ds-on-primary)}.tick.done{background:var(--ds-success);border-color:var(--ds-success)}.player-main{min-width:0}.player-stage{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);overflow:hidden;min-height:360px;display:flex;flex-direction:column}.player-stage-head{padding:var(--ds-space-5);border-bottom:1px solid var(--ds-border)}.player-stage-title{font:var(--ds-text-h2);margin:0}.player-stage-body{padding:var(--ds-space-5);flex:1}.media-video{width:100%;border-radius:var(--ds-radius-md);background:var(--ds-ink)}.media-frame{width:100%;height:70vh;border:1px solid var(--ds-border);border-radius:var(--ds-radius-md)}.prose p{margin:0 0 var(--ds-space-4);max-width:68ch}.quiz-question{padding:var(--ds-space-4) 0;border-bottom:1px solid var(--ds-border)}.quiz-prompt{font:var(--ds-text-h3);margin:0 0 var(--ds-space-3)}.quiz-option{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-2);border-radius:var(--ds-radius-md);cursor:pointer}.quiz-option:hover{background:var(--ds-bg-subtle)}.scorm-panel{border:1px dashed var(--ds-border-strong);border-radius:var(--ds-radius-md);padding:var(--ds-space-8);text-align:center;color:var(--ds-text-secondary)}.table{width:100%;border-collapse:collapse;font:var(--ds-text-body)}.table th,.table td{text-align:left;padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-border)}.table th{font:var(--ds-text-label);color:var(--ds-text-secondary)}.verify-card{max-width:480px;margin:var(--ds-space-8) auto;text-align:center}.verify-number{font:var(--ds-font-mono);font-size:18px;letter-spacing:.08em}@media (max-width: 820px){.player{grid-template-columns:1fr}.player-sidebar{position:static;max-height:none}.nav-name{display:none}}