@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font:"Manrope", system-ui, sans-serif;--bg:#f5f5f7;--bg-elevated:#fff;--surface:#fff;--surface-hover:#f8f8fa;--sidebar-bg:#ececf0;--sidebar-text:#1a1a1f;--sidebar-muted:#6b6b78;--sidebar-border:#00000014;--sidebar-hover:#0000000a;--sidebar-active-bg:#ffcc0038;--text:#1a1a1f;--text-muted:#6b6b78;--text-inverse:#fff;--border:#e4e4ea;--border-strong:#d0d0d8;--accent:#fc0;--accent-hover:#f0c000;--accent-text:#1a1a1f;--accent-muted:#ffcc0029;--primary:#1a1a1f;--primary-fg:#fff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--progress:var(--accent);--progress-muted:var(--accent-muted);--progress-track:var(--border);--complete:var(--accent);--complete-bg:var(--accent-muted);--complete-fg:var(--accent-text);--complete-text:#8a6f00;--danger:#e5484d;--danger-bg:#e5484d1a;--success:#b8860b;--success-bg:#b8860b1f;--code-bg:#f0f0f4;--login-gradient:linear-gradient(135deg, #ececf0 0%, #f5f5f7 45%, #e4e4ea 100%);--continue-bg:#1a1a1f;--continue-text:#fff;--continue-muted:#ffffffa6;--shadow:0 4px 24px #0000000f;--shadow-lg:0 12px 40px #0000001a;--radius:12px;--radius-sm:8px;--radius-lg:16px;--panel-bg:var(--surface);--text-page-title:clamp(26px, 2.4vw, 32px);--text-section-title:18px;--text-body:15px;--text-label:13px;--text-hint:12px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111114;--bg-elevated:#18181d;--surface:#1c1c21;--surface-hover:#25252c;--sidebar-bg:#0a0a0c;--sidebar-text:#ececf0;--sidebar-muted:#8e8e9a;--sidebar-border:#ffffff0f;--sidebar-hover:#ffffff0d;--sidebar-active-bg:#ffcc001f;--text:#f3f3f5;--text-muted:#9b9ba8;--text-inverse:#1a1a1f;--border:#2e2e36;--border-strong:#3d3d48;--accent:#fc0;--accent-hover:#ffd633;--accent-text:#1a1a1f;--accent-muted:#ffcc0026;--primary:#f3f3f5;--primary-fg:#111114;--progress:var(--accent);--progress-muted:var(--accent-muted);--progress-track:var(--border);--complete:var(--accent);--complete-bg:var(--accent-muted);--complete-fg:var(--accent-text);--complete-text:#e6c04a;--danger:#f2555a;--danger-bg:#f2555a26;--success:#d4a832;--success-bg:#d4a83224;--code-bg:#25252c;--login-gradient:linear-gradient(135deg, #050506 0%, #111114 50%, #050506 100%);--continue-bg:#25252c;--continue-text:#f3f3f5;--continue-muted:#f3f3f5a6;--shadow:0 4px 24px #00000059;--shadow-lg:0 12px 40px #00000080;--panel-bg:var(--surface)}[data-theme=ocean]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a1018;--bg-elevated:#101a28;--surface:#152033;--surface-hover:#1c2a42;--sidebar-bg:#070c14;--sidebar-text:#e8eef8;--sidebar-muted:#8fa3bf;--sidebar-border:#78aaff1a;--sidebar-hover:#4da3ff14;--sidebar-active-bg:#4da3ff2e;--text:#edf3ff;--text-muted:#9eb0c9;--text-inverse:#0a1018;--border:#243247;--border-strong:#31425c;--accent:#4da3ff;--accent-hover:#6bb4ff;--accent-text:#061018;--accent-muted:#4da3ff29;--primary:#edf3ff;--primary-fg:#0a1018;--progress:var(--accent);--progress-muted:var(--accent-muted);--progress-track:var(--border);--complete:var(--accent);--complete-bg:var(--accent-muted);--complete-fg:var(--accent-text);--complete-text:#8fc2ff;--danger:#ff6b7a;--danger-bg:#ff6b7a24;--success:#5ec9a8;--success-bg:#5ec9a824;--code-bg:#1a2538;--login-gradient:linear-gradient(135deg, #050a12 0%, #0f1a2c 50%, #050a12 100%);--continue-bg:#1c2a42;--continue-text:#edf3ff;--continue-muted:#edf3ffa6;--shadow:0 4px 24px #00000061;--shadow-lg:0 12px 40px #00000085;--panel-bg:var(--surface)}[data-theme=forest]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a100d;--bg-elevated:#101915;--surface:#152019;--surface-hover:#1b2920;--sidebar-bg:#070d0a;--sidebar-text:#e8f3ec;--sidebar-muted:#8fa89a;--sidebar-border:#4caf821a;--sidebar-hover:#4caf8214;--sidebar-active-bg:#4caf8229;--text:#edf7f0;--text-muted:#9eb5a8;--text-inverse:#0a100d;--border:#24352c;--border-strong:#31463a;--accent:#4caf82;--accent-hover:#66bd94;--accent-text:#06140d;--accent-muted:#4caf8229;--primary:#edf7f0;--primary-fg:#0a100d;--progress:var(--accent);--progress-muted:var(--accent-muted);--progress-track:var(--border);--complete:var(--accent);--complete-bg:var(--accent-muted);--complete-fg:var(--accent-text);--complete-text:#8fd4b0;--danger:#f07070;--danger-bg:#f0707024;--success:#6cc48a;--success-bg:#6cc48a24;--code-bg:#1a2820;--login-gradient:linear-gradient(135deg, #050806 0%, #101915 50%, #050806 100%);--continue-bg:#1b2920;--continue-text:#edf7f0;--continue-muted:#edf7f0a6;--shadow:0 4px 24px #00000061;--shadow-lg:0 12px 40px #00000085;--panel-bg:var(--surface)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.page-title,.student-page-header h1,.admin-page-header__title-row h1,.page-header h1{font-size:var(--text-page-title);letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.15}.section-title,.student-section__title,.panel__title{margin:0 0 var(--space-4);font-size:var(--text-section-title);letter-spacing:-.01em;font-weight:700;line-height:1.25}.admin-form-section__title{font-size:var(--text-section-title)}.text-label{font-size:var(--text-label);font-weight:600}.text-hint{font-size:var(--text-hint);color:var(--text-muted);font-weight:400;line-height:1.45}.ui-icon{flex-shrink:0;display:block}.ui-icon--xs{width:14px;height:14px}.ui-icon--sm{width:16px;height:16px}.ui-icon--md{width:18px;height:18px}.ui-icon--lg{width:22px;height:22px}.ui-icon--inline{vertical-align:-.2em;display:inline-block}.icon-chip{align-items:center;gap:var(--space-2);display:inline-flex}.icon-chip--muted{color:var(--text-muted)}.btn .ui-icon--sm,.btn .ui-icon--md{flex-shrink:0}.login-page__feature-icon{border-radius:var(--radius-sm);background:var(--accent-muted);width:40px;height:40px;color:var(--complete-text);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.login-page__feature-icon .ui-icon{width:20px;height:20px}.locked-content__icon-wrap,.course-card__preview-icon-wrap{color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex}.locked-content__icon-wrap{width:48px;height:48px;margin:0 auto var(--space-4);background:var(--bg);border:1px solid var(--border);border-radius:50%}.locked-content__icon-wrap .ui-icon{width:22px;height:22px}.course-card__preview-icon-wrap .ui-icon{opacity:.75;width:24px;height:24px}.quiz-result__icon-svg{width:24px;height:24px}.toast__icon-svg{width:14px;height:14px}.checklist-item__icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.checklist-item__icon--done{color:var(--complete-text)}.checklist-item__icon--pending{color:var(--text-muted)}.spinner{border:2.5px solid color-mix(in srgb, var(--border) 80%, transparent);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;animation:.75s linear infinite spin;display:inline-block}.spinner--sm{border-width:2px;width:16px;height:16px}.spinner--md{width:32px;height:32px}.spinner--lg{border-width:3px;width:44px;height:44px}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{justify-content:center;align-items:center;gap:var(--space-4);min-height:min(60vh,480px);padding:var(--space-8);text-align:center;flex-direction:column;display:flex}.page-loading__message{font-size:var(--text-body);color:var(--text-muted);margin:0;font-weight:600}.loading-inline{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;color:var(--text-muted);font-size:var(--text-label);font-weight:500;display:inline-flex}.loading-inline__text{line-height:1.3}.loading-panel{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);text-align:center;flex-direction:column;display:flex}.loading-panel__message{font-size:var(--text-label);color:var(--text-muted);margin:0;font-weight:500}.skeleton{background:linear-gradient(90deg, var(--border) 0%, color-mix(in srgb, var(--border) 55%, var(--surface)) 50%, var(--border) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}.skeleton-text{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.skeleton-text__line{height:14px}.admin-data-panel__loading{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-4);flex-direction:column;display:flex}.admin-data-panel__loading-rows{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.table-loading{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);flex-direction:column;display:flex}.app-shell{--sidebar-width:256px;--sidebar-rail-width:64px;grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;transition:grid-template-columns var(--duration-collapse) var(--ease-out);display:grid}.app-shell--sidebar-collapsed{--sidebar-width:var(--sidebar-rail-width)}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);z-index:30;border-right:1px solid var(--sidebar-border);height:100vh;max-height:100dvh;transition:padding var(--duration-collapse) var(--ease-out);flex-direction:column;padding:16px 10px;display:flex;position:sticky;top:0;overflow:hidden}.sidebar__header{border-bottom:1px solid var(--sidebar-border);flex-shrink:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:8px;padding:0 4px 14px;display:grid}.app-shell--sidebar-collapsed .sidebar__header{grid-template-columns:1fr;justify-items:center;gap:10px;padding-inline:0}.sidebar__brand{min-width:0;min-height:40px;transition:justify-content var(--duration-slow) var(--ease-out);align-items:center;gap:10px;display:flex}.sidebar__brand-text{min-width:0;overflow:hidden}.sidebar__logo{background:var(--accent);width:40px;height:40px;color:var(--accent-text);border-radius:10px;flex-shrink:0;place-items:center;font-size:14px;font-weight:800;display:grid}.sidebar__brand strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;display:block;overflow:hidden}.sidebar__brand small{color:var(--sidebar-muted);white-space:nowrap;font-size:12px}.sidebar__rail-toggle{border:1px solid var(--sidebar-border);width:32px;height:32px;color:var(--sidebar-muted);cursor:pointer;background:#ffffff0a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .18s,color .18s,border-color .18s;display:none}.sidebar__rail-toggle-icon{width:16px;height:16px}.sidebar__rail-toggle:hover{background:var(--sidebar-hover);color:var(--sidebar-text);border-color:color-mix(in srgb, var(--sidebar-text) 16%, var(--sidebar-border))}.sidebar__rail-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width>=901px){.sidebar__rail-toggle{display:inline-flex}}.sidebar__body{flex-direction:column;flex:1;min-height:0;display:flex}.sidebar__nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--sidebar-text) 18%, transparent) transparent;flex-direction:column;flex:1;gap:2px;min-height:0;padding:2px 2px 2px 0;display:flex;overflow:hidden auto}.sidebar__nav>*{flex-shrink:0}.sidebar__nav-advanced{flex-direction:column;gap:2px;display:flex}.sidebar__nav::-webkit-scrollbar{width:6px}.sidebar__nav::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--sidebar-text) 18%, transparent);border-radius:999px}.sidebar__link{color:var(--sidebar-muted);transition:background .18s ease, color .18s ease, border-color .18s ease, grid-template-columns var(--duration-collapse) var(--ease-out), gap var(--duration-collapse) var(--ease-out), padding var(--duration-collapse) var(--ease-out), width var(--duration-collapse) var(--ease-out);border:1px solid #0000;border-radius:10px;flex-shrink:0;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:7px 10px;text-decoration:none;display:grid;position:relative}.sidebar__link--more{width:100%;font:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000}.sidebar__link--more-open{color:var(--sidebar-text);background:#ffffff0a}.sidebar__link-icon{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.sidebar__link-icon .nav-icon{flex-shrink:0;width:18px;height:18px}.sidebar__link-text{white-space:nowrap;text-overflow:ellipsis;opacity:1;max-width:180px;transition:opacity var(--duration-normal) var(--ease-out), max-width var(--duration-collapse) var(--ease-out);overflow:hidden}.sidebar__brand-text,.sidebar__user-text,.sidebar__nav-group,.sidebar__chevron,.theme-toggle__label{white-space:nowrap;opacity:1;max-width:200px;transition:opacity var(--duration-normal) var(--ease-out), max-width var(--duration-collapse) var(--ease-out);overflow:hidden}.sidebar__logout{opacity:1;max-height:48px;transition:opacity var(--duration-normal) var(--ease-out), max-height var(--duration-collapse) var(--ease-out), padding var(--duration-collapse) var(--ease-out), margin var(--duration-collapse) var(--ease-out);overflow:hidden}.sidebar__chevron{margin-left:auto;font-size:14px;transition:transform .15s}.sidebar__chevron--open{transform:rotate(90deg)}.app-shell--sidebar-collapsed .sidebar{padding-inline:8px}.app-shell--sidebar-collapsed .sidebar__brand-text,.app-shell--sidebar-collapsed .sidebar__link-text,.app-shell--sidebar-collapsed .sidebar__user-text,.app-shell--sidebar-collapsed .sidebar__nav-group,.app-shell--sidebar-collapsed .sidebar__chevron,.app-shell--sidebar-collapsed .theme-toggle__label{opacity:0;max-width:0}.app-shell--sidebar-collapsed .sidebar__logout{opacity:0;pointer-events:none;border-width:0;max-height:0;margin:0;padding-block:0}.app-shell--sidebar-collapsed .sidebar__brand{justify-content:center;gap:0}.app-shell--sidebar-collapsed .sidebar__link,.app-shell--sidebar-collapsed .sidebar__link--more{grid-template-columns:1fr;justify-items:center;gap:0;width:40px;height:40px;min-height:40px;margin-inline:auto;padding:0}.app-shell--sidebar-collapsed .sidebar__link-icon{width:36px;height:36px}.app-shell--sidebar-collapsed .sidebar__link.active{box-shadow:none}.sidebar__link:hover{color:var(--sidebar-text);background:var(--sidebar-hover);border-color:#ffffff0f}.sidebar__link:hover .sidebar__link-icon{background:#ffffff14;border-color:#ffffff1a}.sidebar__link.active{background:var(--sidebar-active-bg);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 22%, transparent);font-weight:600}.app-shell:not(.app-shell--sidebar-collapsed) .sidebar__link.active{box-shadow:inset 3px 0 0 var(--accent)}.sidebar__link.active .sidebar__link-icon{background:color-mix(in srgb, var(--accent) 22%, transparent);border-color:color-mix(in srgb, var(--accent) 35%, transparent);color:var(--accent)}.sidebar__link--nested{grid-template-columns:32px minmax(0,1fr) auto;width:calc(100% - 10px);min-height:38px;margin-left:10px;padding-block:6px}.sidebar__link--nested .sidebar__link-icon{width:32px;height:32px;font-size:13px}.sidebar-flyout{z-index:300;border:1px solid var(--sidebar-border);background:var(--sidebar-bg);border-radius:12px;min-width:220px;padding:8px;animation:.16s sidebar-flyout-in;position:fixed;box-shadow:0 16px 40px #00000047,0 0 0 1px #ffffff0a}@keyframes sidebar-flyout-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.sidebar-flyout__title{letter-spacing:.08em;text-transform:uppercase;color:var(--sidebar-muted);margin:0;padding:6px 10px 8px;font-size:10px;font-weight:700}.sidebar-flyout__link{color:var(--sidebar-muted);border-radius:8px;align-items:center;gap:10px;padding:9px 10px;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-flyout__link:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.sidebar-flyout__link.active{background:var(--sidebar-active-bg);color:var(--accent);font-weight:600}.sidebar-flyout__icon{background:#ffffff0d;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.sidebar-flyout__icon .nav-icon{width:16px;height:16px}.sidebar__tools{flex-shrink:0;padding:8px 6px 12px}.app-shell--sidebar-collapsed .sidebar__tools{justify-content:center;padding-inline:0;display:flex}.app-shell--sidebar-collapsed .theme-toggle--sidebar{flex-shrink:0;width:40px;height:40px;padding:0}.app-shell--sidebar-collapsed .theme-toggle__label{display:none}.app-shell--sidebar-collapsed .theme-toggle--sidebar .theme-picker__trigger{justify-content:center;gap:0;width:40px;height:40px;padding:0}.app-shell--sidebar-collapsed .theme-toggle--sidebar .theme-picker__chevron{display:none}.sidebar__footer{border-top:1px solid var(--sidebar-border);flex-direction:column;flex-shrink:0;gap:10px;padding-top:14px;display:flex}.app-shell--sidebar-collapsed .sidebar__footer{align-items:center}.sidebar__user{align-items:center;gap:10px;min-width:0;padding:0 6px;display:flex}.app-shell--sidebar-collapsed .sidebar__user{justify-content:center;width:40px;margin-inline:auto;padding:0}.sidebar__avatar{width:36px;height:36px;color:var(--accent);background:#fc03;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.sidebar__user small{color:var(--sidebar-muted);display:block}.main-content{box-sizing:border-box;width:100%;min-width:0;transition:padding var(--duration-collapse) var(--ease-out);flex-direction:column;align-items:center;padding:32px clamp(20px,4vw,40px) 48px;display:flex}.main-content__inner{width:100%;max-width:min(1120px,100%);margin-inline:auto}@media (width>=901px){.main-content--student:has(.learning-shell){align-items:stretch;padding:0}.main-content--student:has(.learning-shell) .main-content__inner{max-width:none}}.page{width:100%;max-width:100%;margin-inline:auto;animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-header{margin-bottom:28px}.page-header h1{letter-spacing:-.02em;margin:0 0 6px;font-size:28px;font-weight:700}.page-header p{color:var(--text-muted);margin:0}.page-header--row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page--with-sidebar{grid-template-columns:1fr 340px;align-items:start;gap:24px;display:grid}.page--split-centered{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;gap:24px;width:100%;max-width:min(1240px,100%);margin-inline:auto;display:grid}.page--split-centered .page__sidebar{min-height:320px}.page__sidebar-placeholder{text-align:center;min-height:320px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.page__sidebar-placeholder p{max-width:240px;margin:0;font-size:14px;line-height:1.5}.admin-page-stack--wide{width:100%;max-width:min(1440px,100%)}.admin-users-table-wrap{margin:0 -4px;padding:0 4px;overflow-x:auto}.admin-users-table .data-table th,.admin-users-table .data-table td{vertical-align:middle}.admin-users-table .data-table th:first-child,.admin-users-table .data-table td:first-child{width:36px;padding-right:4px}.admin-users-table .data-table th:nth-child(2),.admin-users-table .data-table td:nth-child(2),.admin-users-table .data-table th:nth-child(6),.admin-users-table .data-table td:nth-child(6),.admin-users-table .data-table th:nth-child(7),.admin-users-table .data-table td:nth-child(7),.admin-users-table .data-table th:nth-child(8),.admin-users-table .data-table td:nth-child(8){white-space:nowrap}.admin-users-table .data-table th:last-child,.admin-users-table .data-table td:last-child{white-space:nowrap;width:1%}.admin-users-table .table-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.admin-users-table .table-actions .btn--small{padding-inline:10px}.page__sidebar{position:sticky;top:24px}.back-link{color:var(--text-muted);margin-bottom:16px;font-size:14px;display:inline-block}.back-link:hover{color:var(--text)}.login-page{background:var(--bg);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-page--unified{justify-content:center;align-items:center;padding:clamp(20px,4vw,48px);display:flex;position:relative;overflow:hidden}.login-page__backdrop{pointer-events:none;position:absolute;inset:0}.login-page__shell{z-index:1;width:min(960px,100%);position:relative}.login-page--unified .login-page__theme{z-index:2;position:absolute;top:0;right:0}.login-page__hero{background:var(--login-gradient);color:var(--sidebar-text);align-items:center;padding:48px;display:flex}.login-page__hero-inner{max-width:420px}.login-page__logo{background:var(--accent);width:56px;height:56px;color:var(--accent-text);border-radius:14px;place-items:center;margin-bottom:24px;font-size:18px;font-weight:800;display:inline-grid}.login-page__hero h1{letter-spacing:-.02em;margin:0 0 12px;font-size:32px}.login-page__hero p{color:var(--sidebar-muted);margin:0 0 24px;line-height:1.6}.login-page__features{color:var(--sidebar-muted);flex-direction:column;gap:12px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.login-page__features li:before{content:"→ ";color:var(--accent)}.login-page__panel{background:var(--bg);place-items:center;padding:24px;display:grid;position:relative}.login-page__theme{position:absolute;top:20px;right:20px}.login-card{background:var(--surface);width:100%;max-width:400px;box-shadow:var(--shadow);border:1px solid var(--border);border-radius:16px;padding:40px 32px}.login-card__brand--compact{text-align:left;margin-bottom:28px}.login-card__brand--compact h2{margin:0 0 6px;font-size:22px}.login-card__brand{text-align:center;margin-bottom:32px}.login-card__logo{background:var(--accent);border-radius:14px;place-items:center;width:56px;height:56px;margin-bottom:16px;font-size:18px;font-weight:800;display:inline-grid}.login-card h1{margin:0 0 8px;font-size:24px}.login-card p{color:var(--text-muted);margin:0;font-size:14px}.login-form{flex-direction:column;gap:16px;display:flex}.login-form label{flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.login-form input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:12px 14px}.login-hint{text-align:center;color:var(--text-muted);margin:20px 0 0;font-size:12px;line-height:1.5}.login-hint--v2{text-align:left;border-top:1px solid var(--border);margin-top:24px;padding-top:20px;font-size:13px}.login-page--v2 .login-page__hero{position:relative;overflow:hidden}.login-page__mesh{background:radial-gradient(ellipse 70% 55% at 15% 20%, #ffcc0024, transparent 55%), radial-gradient(ellipse 55% 45% at 85% 75%, #7864ff1a, transparent 50%), linear-gradient(160deg, var(--bg) 0%, color-mix(in srgb, var(--login-gradient) 35%, var(--bg)) 45%, var(--bg) 100%);pointer-events:none;position:absolute;inset:0}.login-page--unified .login-page__mesh{background:radial-gradient(ellipse 80% 60% at 10% 15%, #ffcc0029, transparent 52%), radial-gradient(ellipse 65% 50% at 90% 85%, #7864ff1f, transparent 55%), radial-gradient(circle at 50% 50%, #ffffff08, transparent 70%), var(--login-gradient);opacity:.92}[data-theme=light] .login-page--unified .login-page__mesh{opacity:.55}.login-page--v2 .login-page__hero-inner{z-index:1;position:relative}.login-page__eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 8px;font-size:12px;font-weight:700}.login-page__tagline{color:var(--sidebar-muted);margin:0 0 32px;font-size:16px;line-height:1.65}.login-page__feature-grid{flex-direction:column;gap:16px;display:flex}.login-page__feature{border-radius:var(--radius);background:#ffffff0a;border:1px solid #ffffff14;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.login-page__feature-icon{width:36px;height:36px;color:var(--accent);background:#ffcc0026;border-radius:10px;flex-shrink:0;place-items:center;font-size:16px;font-weight:700;display:grid}.login-page__feature strong{color:var(--sidebar-text);margin-bottom:4px;font-size:14px;display:block}.login-page__feature p{color:var(--sidebar-muted);margin:0;font-size:13px;line-height:1.45}.login-card--v2{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:36px 32px 32px}.login-card--unified{border-radius:var(--radius-lg);width:100%;max-width:none;box-shadow:var(--shadow-lg);border:1px solid var(--border);background:var(--surface);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);padding:0;display:grid;overflow:hidden}.login-card__intro{color:var(--sidebar-text);background:var(--login-gradient);padding:clamp(28px,4vw,40px);position:relative;overflow:hidden}.login-card__intro:before{content:"";pointer-events:none;background:radial-gradient(90% 70% at 0 0,#ffcc0024,#0000 55%),radial-gradient(60% 50% at 100% 100%,#7864ff1a,#0000 50%);position:absolute;inset:0}.login-card__intro>*{z-index:1;position:relative}.login-card__intro .login-page__logo{margin-bottom:20px}.login-card__intro h1{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(26px,3vw,32px)}.login-card__intro .login-page__tagline{margin-bottom:24px}.login-card__form-panel{background:var(--surface);flex-direction:column;justify-content:center;padding:clamp(28px,4vw,40px);display:flex}.login-card__subtitle{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.login-card__brand--compact h2{margin-bottom:8px}.login-page--v2 .login-page__panel{background-image:radial-gradient(ellipse at top right, var(--accent-muted), transparent 55%)}.main-content--student .main-content__inner{max-width:min(1040px,100%)}.student-page-stack{flex-direction:column;gap:24px;display:flex}.student-page-header__greeting{color:var(--text-muted);margin:0 0 6px;font-size:14px;font-weight:600}.student-page-header h1{letter-spacing:-.02em;margin:0 0 6px;font-size:30px}.student-page-header__sub{color:var(--text-muted);margin:0}.student-page-header__actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.student-section__head{align-items:center;gap:10px;margin-bottom:16px;display:flex}.student-section__title{margin:0;font-size:18px;font-weight:700}.student-section__count{color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:600}.continue-hero--preview{border-style:dashed;border-color:#ffcc0059}.sidebar__avatar--student{background:linear-gradient(135deg,#ffcc0040,#ffcc0014)}.profile-card--student{background:linear-gradient(135deg, var(--surface) 0%, var(--accent-muted) 120%)}.profile-grid--student{width:100%;max-width:720px;margin-inline:auto}.structure-tree__module-toggle{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;margin:0 0 4px;padding:8px 10px;display:flex}.structure-tree__module-toggle:hover{background:var(--bg)}.structure-tree__module-chevron{color:var(--text-muted);flex-shrink:0;width:14px;font-size:14px;transition:transform .15s}.structure-tree__module--open .structure-tree__module-chevron{transform:rotate(90deg)}.structure-tree__module-title--static{margin-bottom:8px;padding:0 10px;display:flex}.structure-tree--accordion .structure-tree__list{margin-bottom:8px;padding-left:8px}.login-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-github-hint{color:var(--text-muted);text-align:center;margin:10px 0 0;font-size:12px;line-height:1.5}.btn--github{color:#fff;background:#24292f;border:1px solid #24292f}.btn--github:hover{background:#1b1f23;border-color:#1b1f23}[data-scheme=dark] .btn--github{color:#24292f;background:#f0f6fc;border-color:#f0f6fc}[data-scheme=dark] .btn--github:hover{background:#d0d7de;border-color:#d0d7de}.btn__icon{flex-shrink:0;width:18px;height:18px}.hint-banner{border-left:4px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface));margin-bottom:24px}.hint-banner__title{margin-bottom:8px;font-size:14px;display:block}.hint-banner__body{color:var(--text-muted);font-size:14px;line-height:1.6}.hint-banner__list{margin:0;padding-left:20px}.hint-banner__list li+li{margin-top:6px}.learning-step-nav{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;padding:16px;display:grid}.learning-step-nav__link{color:var(--text);font-size:14px;text-decoration:none}.learning-step-nav__link:hover{color:var(--accent)}.learning-step-nav__link--next{text-align:right;justify-self:end}.quiz-result{text-align:center;padding:32px 24px}.quiz-result__icon{border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:12px;font-size:24px;font-weight:700;display:inline-grid}.quiz-result--passed .quiz-result__icon{background:var(--complete-bg);color:var(--complete-text)}.quiz-result--failed .quiz-result__icon{color:#dc2626;background:#ef444433}.quiz-result--checking{text-align:center;padding:32px 24px}.quiz-result__score{font-size:18px;font-weight:600}.project-status{border-radius:var(--radius-sm);border:1px solid var(--border);flex-direction:column;gap:4px;margin-top:12px;padding:12px 16px;display:flex}.project-status__label{font-weight:600}.project-status--pending_review{background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.project-status--approved{background:var(--complete-bg);border-color:color-mix(in srgb, var(--complete) 35%, var(--border))}.project-status--needs_revision{background:color-mix(in srgb, #f59e0b 12%, var(--surface))}.sidebar__user--link{color:inherit;border-radius:var(--radius-sm);text-decoration:none;transition:background .15s}.sidebar__user--link:hover{background:color-mix(in srgb, var(--sidebar-text) 8%, transparent)}.checkbox-label{align-items:center;gap:8px;flex-direction:row!important}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-5);border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;border:none;font-size:14px;font-weight:600;line-height:1.2;transition:transform .1s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--block{width:100%}.btn--small{min-height:32px;padding:0 var(--space-3);font-size:13px}.btn--toolbar{white-space:nowrap;justify-content:center;align-items:center;min-width:8.5rem;height:36px;padding:0 14px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.btn--primary{background:var(--primary);color:var(--primary-fg)}.btn--accent{background:var(--accent);color:var(--accent-text)}.btn--accent:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn--ghost{color:var(--sidebar-muted);border:1px solid var(--sidebar-border);background:0 0}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.theme-toggle:hover{background:var(--surface-hover);border-color:var(--border-strong)}.theme-toggle--sidebar{border-color:var(--sidebar-border);width:100%;color:var(--sidebar-text);background:0 0;justify-content:center}.theme-toggle--sidebar:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.theme-toggle--login{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:var(--shadow)}.theme-toggle__icon{font-size:16px;line-height:1}.continue-card{background:var(--continue-bg);color:var(--continue-text);border-radius:var(--radius);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px;padding:28px 32px;display:flex}.continue-card__badge{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:12px;font-weight:600}.continue-card h2{margin:8px 0 4px;font-size:22px}.continue-card__course{color:var(--continue-muted);margin:0;font-size:14px}.continue-hero{background:linear-gradient(135deg, var(--continue-bg) 0%, #1f1f28 100%);color:var(--continue-text);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid #ffcc0026;justify-content:space-between;align-items:center;gap:28px;margin-bottom:8px;padding:32px 36px;display:flex}.continue-hero__badge{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:11px;font-weight:700}.continue-hero__type{text-transform:uppercase;letter-spacing:.06em;color:var(--continue-muted);margin:10px 0 0;font-size:12px}.continue-hero__title{letter-spacing:-.02em;margin:6px 0 8px;font-size:28px;line-height:1.2}.continue-hero__course{color:var(--continue-muted);margin:0;font-size:15px}.continue-hero__content{flex:1;min-width:0}.continue-hero--skeleton{flex-direction:column;align-items:stretch;min-height:140px}.continue-hero__skeleton-title{border-radius:8px;width:70%;height:32px}.continue-hero__skeleton-sub{border-radius:6px;width:40%;height:16px;margin-top:12px}.btn--large{min-height:44px;padding:0 var(--space-6);font-size:15px;font-weight:600}.shell-topbar,.shell-backdrop{display:none}.course-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.course-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:20px;transition:box-shadow .15s,border-color .15s}.course-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.course-card__header h3{margin:0 0 4px;font-size:17px}.course-card__instance{color:var(--text-muted);font-size:13px}.course-card__meta{color:var(--text-muted);margin:12px 0 0;font-size:13px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5)}.panel__title{margin:0 0 16px;font-size:16px}.section__title{margin:0 0 16px;font-size:18px}.progress-bar{align-items:center;gap:12px;margin:12px 0;display:flex}.progress-bar__track{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-bar__fill{background:var(--progress);border-radius:3px;height:100%;transition:width .3s}.progress-bar__label{min-width:36px;font-size:13px;font-weight:600}.help-tip{vertical-align:middle;flex-shrink:0;display:inline-flex;position:relative}.help-tip__trigger{border:1.5px solid color-mix(in srgb, var(--text-muted) 70%, var(--border));background:color-mix(in srgb, var(--surface) 92%, var(--text-muted));width:18px;height:18px;color:var(--text-muted);cursor:help;border-radius:50%;place-items:center;padding:0;font-family:inherit;font-size:11px;font-weight:700;line-height:1;transition:border-color .15s,color .15s,background .15s,box-shadow .15s;display:inline-grid}.help-tip__trigger:hover,.help-tip__trigger[aria-expanded=true]{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.help-tip__popover{z-index:120;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:min(320px,100vw - 32px);color:var(--text);text-align:left;padding:12px 14px;font-size:13px;font-weight:400;line-height:1.5;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 12px 32px #00000024}.help-tip__popover:before{content:"";height:10px;position:absolute;bottom:100%;left:0;right:0}.help-tip--wide .help-tip__popover{width:min(460px,100vw - 32px)}.help-tip__popover-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.help-tip__popover-title{color:var(--text);font-size:13px;font-weight:700}.help-tip__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.help-tip__close:hover{color:var(--text)}.help-tip__popover-body p{margin:0 0 8px}.help-tip__popover-body p:last-child{margin-bottom:0}.help-tip__popover-body ul{margin:0;padding-left:18px}.help-tip__popover-body li+li{margin-top:4px}.help-tip__popover-body code{font-family:var(--font-mono,ui-monospace, monospace);background:color-mix(in srgb, var(--text-muted) 12%, transparent);border-radius:4px;padding:1px 5px;font-size:12px}.help-tip__example{border-radius:var(--radius-sm);border:1px solid var(--border);background:color-mix(in srgb, var(--code-bg,#1e1e24) 6%, var(--surface));font-family:var(--font-mono,ui-monospace, monospace);white-space:pre-wrap;max-height:240px;margin:8px 0 0;padding:10px 12px;font-size:11px;line-height:1.45;overflow-x:auto}.label-with-help{align-items:center;gap:6px;display:inline-flex}.label-with-help--block{width:100%;display:flex}.label-with-help>span:first-child+.help-tip{margin-left:1px}.onboarding-layer{z-index:1400;pointer-events:none;position:fixed;inset:0}.onboarding-layer__scrim{-webkit-backdrop-filter:blur(6px)saturate(.9);pointer-events:auto;background:#0810189e;position:absolute}.onboarding-layer__spotlight{border:2px solid color-mix(in srgb, var(--accent) 72%, white 28%);box-shadow:0 20px 52px #00000057, 0 0 0 6px #ffffff29, 0 0 0 10px color-mix(in srgb, var(--accent) 26%, transparent);background:0 0;border-radius:18px;transition:top .2s,left .2s,width .2s,height .2s;animation:1.8s ease-in-out infinite onboarding-spotlight-pulse;position:absolute}.onboarding-card{pointer-events:auto;background:var(--surface);border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));border-radius:var(--radius-lg);flex-direction:column;gap:14px;width:min(460px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);padding:18px 18px 16px;display:flex;position:absolute;overflow:hidden;box-shadow:0 24px 60px #0000003d,0 0 0 1px #ffffff1a}.onboarding-card__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.onboarding-card__eyebrow{letter-spacing:.03em;color:var(--accent);margin:0 0 6px;font-size:12px;font-weight:700;line-height:1.4}.onboarding-card__title{margin:0;font-size:20px;line-height:1.2}.onboarding-card__text{color:var(--text);margin:0;font-size:14px;line-height:1.62}.onboarding-card__body{min-height:0;padding-right:4px;overflow:auto}.onboarding-card__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:22px;line-height:1}.onboarding-card__close:hover{color:var(--text)}@keyframes onboarding-spotlight-pulse{0%,to{box-shadow:0 20px 52px #00000057, 0 0 0 6px #ffffff29, 0 0 0 10px color-mix(in srgb, var(--accent) 22%, transparent)}50%{box-shadow:0 20px 52px #00000057, 0 0 0 6px #ffffff38, 0 0 0 12px color-mix(in srgb, var(--accent) 32%, transparent)}}.onboarding-card__actions{border-top:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.onboarding-card__nav{align-items:center;gap:8px;margin-left:auto;display:flex}@media (width<=640px){.onboarding-card{width:min(100vw - 24px,420px);max-height:calc(100vh - 24px);padding:16px}.onboarding-card__actions{align-items:stretch;gap:10px}.onboarding-card__nav{justify-content:stretch;width:100%}.onboarding-card__nav .btn{flex:1}.onboarding-card__actions>.btn{width:100%}}.theme-picker{position:relative}.theme-picker__trigger{justify-content:flex-start;gap:10px;width:100%}.theme-picker__swatch{border:1px solid var(--sidebar-border,var(--border));border-radius:6px;flex-shrink:0;width:28px;height:18px;display:inline-flex;overflow:hidden}.theme-picker__swatch span{flex:1}.theme-picker__chevron{opacity:.7;transition:transform var(--duration-fast) var(--ease-out);margin-left:auto}.theme-picker__trigger[aria-expanded=true] .theme-picker__chevron{transform:rotate(180deg)}.theme-picker__popover{z-index:40;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);animation:theme-picker-in var(--duration-normal) var(--ease-out);padding:12px;position:absolute;bottom:calc(100% + 8px);left:0;right:0}.theme-picker--login .theme-picker__popover{width:min(320px,100vw - 32px);left:auto;right:0}.theme-picker__title{font-size:var(--text-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;font-weight:700}.theme-picker__grid{gap:8px;display:grid}.theme-picker__option{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);width:100%;color:var(--text);text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);align-items:center;gap:10px;padding:10px;display:flex}.theme-picker__option:hover{background:var(--surface-hover);border-color:var(--border-strong)}.theme-picker__option--active{border-color:var(--accent);background:var(--accent-muted)}.theme-picker__preview{border:1px solid #00000014;border-radius:8px;flex-shrink:0;width:44px;height:32px;position:relative;overflow:hidden}.theme-picker__preview-bg,.theme-picker__preview-surface,.theme-picker__preview-sidebar,.theme-picker__preview-accent{position:absolute}.theme-picker__preview-bg{inset:0}.theme-picker__preview-sidebar{width:35%;height:100%;top:0;left:0}.theme-picker__preview-surface{border-radius:3px;width:48%;height:64%;top:18%;right:8%}.theme-picker__preview-accent{border-radius:999px;width:18%;height:18%;bottom:10%;right:10%}.theme-picker__option-text{flex-direction:column;gap:2px;min-width:0;display:flex}.theme-picker__option-text strong{font-size:14px}.theme-picker__option-text small{font-size:11px;line-height:1.3}.theme-picker__check{color:var(--accent);flex-shrink:0;margin-left:auto}.theme-toggle--sidebar.theme-picker .theme-picker__trigger{border-color:var(--sidebar-border);color:var(--sidebar-text);background:0 0}.theme-toggle--sidebar.theme-picker .theme-picker__trigger:hover{background:var(--sidebar-hover)}@keyframes theme-picker-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.structure-tree__module{margin-bottom:20px}.structure-tree__module-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;margin:0 0 8px;font-size:13px;font-weight:600;display:flex}.structure-tree__module--locked .structure-tree__module-title{opacity:.85}.structure-tree__module-lock{flex-shrink:0;font-size:12px;line-height:1}.structure-tree__module-name{text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:normal;min-width:0;color:var(--text);flex:1;font-size:14px;overflow:hidden}.structure-tree__module-count{color:var(--text-muted);text-transform:none;letter-spacing:normal;flex-shrink:0;font-size:11px;font-weight:500}.structure-tree__list{margin:0;padding:0;list-style:none}.structure-item{margin-bottom:4px}.structure-item__link{border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 12px;padding:10px 12px;font-size:14px;display:grid}.structure-item__link:hover:not(.structure-item__link--disabled){background:var(--bg)}.structure-item--locked .structure-item__link{opacity:.5}.structure-item--done .structure-item__title{color:var(--text-muted)}.structure-item__type{background:var(--bg);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.structure-item__status{color:var(--text-muted);font-size:12px}.lesson-header{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, var(--accent-muted)) 0%, var(--surface) 72%), var(--surface);margin-bottom:26px;padding:clamp(22px,3vw,34px);box-shadow:0 14px 36px #0000000f}.lesson-header__badge{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface));color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;margin-bottom:12px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.lesson-header h1{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(28px,3vw,36px);line-height:1.15}.lesson-header__desc{max-width:72ch;color:var(--text-muted);margin:0 0 14px;font-size:17px;line-height:1.65}.lesson-header__meta{color:var(--text-muted);flex-wrap:wrap;gap:10px 16px;font-size:13px;font-weight:600;display:flex}.lesson-header__meta span{background:var(--bg);border:1px solid var(--border);border-radius:999px;align-items:center;padding:4px 10px;display:inline-flex}.lesson-content{border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:24px;padding:clamp(28px,3.2vw,54px)}.lesson-content.panel:hover{box-shadow:var(--shadow)}.lesson-actions{align-items:center;gap:12px;display:flex}.markdown{max-width:none;color:var(--text);overflow-wrap:break-word;font-size:16.5px;line-height:1.78}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown p{margin:0 0 1.1em}.markdown h1,.markdown h2,.markdown h3,.markdown h4{letter-spacing:-.01em;margin-top:1.7em;margin-bottom:.6em;line-height:1.25}.markdown h1{font-size:1.7em}.markdown h2{border-bottom:1px solid var(--border);padding-bottom:.3em;font-size:1.4em}.markdown h3{font-size:1.18em}.markdown ul,.markdown ol{margin:0 0 1.1em;padding-left:1.5em}.markdown li{margin-bottom:.4em}.markdown li::marker{color:var(--text-muted)}.markdown a{color:color-mix(in srgb, var(--accent) 85%, var(--text));text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent)}.markdown blockquote{border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent-muted) 65%, var(--surface));border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text);margin:0 0 1.1em;padding:12px 18px}.markdown img,.markdown-image{border-radius:var(--radius-sm);max-width:100%;height:auto}.drawio-embed{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin:1.5rem 0;overflow:hidden}.drawio-embed__title{border-bottom:1px solid var(--border);margin:0;padding:10px 14px;font-size:14px;font-weight:600}.drawio-embed__viewer{width:100%;min-height:320px}.drawio-embed__loading,.drawio-embed__error{margin:0;padding:16px}.drawio-embed .mxgraph{max-width:100%}.markdown hr{border:none;border-top:1px solid var(--border);margin:2em 0}.markdown table{border-collapse:collapse;width:100%;margin:0 0 1.2em;font-size:.95em}.markdown th,.markdown td{border:1px solid var(--border);text-align:left;padding:9px 13px}.markdown thead th{background:var(--bg);font-weight:700}.markdown pre{background:var(--code-bg);border-radius:var(--radius-sm);border:1px solid var(--border);margin:0 0 1.2em;padding:16px 18px;font-size:.9em;line-height:1.6;overflow-x:auto}.markdown code{background:var(--code-bg);border:1px solid color-mix(in srgb, var(--border) 80%, transparent);border-radius:5px;padding:2px 7px;font-size:.9em}.markdown pre code{background:0 0;padding:0;font-size:1em}.quiz-form{flex-direction:column;gap:16px;display:flex}.quiz-question legend{padding-bottom:12px;font-weight:600}.quiz-options{flex-direction:column;gap:8px;display:flex}.quiz-option{border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;display:flex}.quiz-option--selected{border-color:var(--accent);background:var(--accent-muted)}.quiz-result--passed{border-color:var(--success)}.quiz-result--failed{border-color:var(--danger)}.quiz-review{margin-top:16px}.quiz-review__list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.quiz-review__item{border-radius:var(--radius-sm);border:1px solid var(--border);flex-direction:column;gap:4px;padding:12px;display:flex}.quiz-review__item--ok{border-left:4px solid var(--success)}.quiz-review__item--fail{border-left:4px solid var(--danger)}.quiz-review__hint{margin:0;font-size:13px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-card{position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--stat-tone,var(--accent));width:4px;position:absolute;inset:0 auto 0 0}.stat-card__icon{width:40px;height:40px;color:var(--stat-tone,var(--accent));background:color-mix(in srgb, var(--stat-tone,var(--accent)) 14%, var(--surface));border:1px solid color-mix(in srgb, var(--stat-tone,var(--accent)) 26%, var(--border));border-radius:11px;place-items:center;margin-bottom:12px;display:inline-grid}.stat-card__icon svg{stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.stat-card__value{letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:1.1;display:block}.stat-card__label{color:var(--text-muted);font-size:13px}.stat-card--link{color:inherit;background:color-mix(in srgb, var(--stat-tone,var(--accent)) 8%, var(--surface));text-decoration:none;transition:border-color .15s,transform .1s,box-shadow .15s,background .15s;display:block}.stat-card--link:hover{border-color:color-mix(in srgb, var(--stat-tone,var(--accent)) 55%, var(--border));background:color-mix(in srgb, var(--stat-tone,var(--accent)) 12%, var(--surface));box-shadow:var(--shadow);transform:translateY(-2px)}.stat-card--blue{--stat-tone:#3b82f6}.stat-card--green{--stat-tone:#e08c00}.stat-card--violet{--stat-tone:#8b5cf6}.stat-card--amber{--stat-tone:#e08c00}.stat-card--rose{--stat-tone:#ef5da8}[data-scheme=dark] .stat-card--blue{--stat-tone:#60a5fa}[data-scheme=dark] .stat-card--green{--stat-tone:#f5b13d}[data-scheme=dark] .stat-card--violet{--stat-tone:#a78bfa}[data-scheme=dark] .stat-card--amber{--stat-tone:#f5b13d}[data-scheme=dark] .stat-card--rose{--stat-tone:#f472b6}.data-table{border-collapse:collapse;width:100%;font-size:14px}.admin-form__grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=720px){.admin-form__grid{grid-template-columns:1fr}}.admin-form__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.admin-form__checkbox{cursor:pointer;flex-direction:row;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.admin-form__checkbox input{width:auto;margin:0}.checkbox-row{cursor:pointer;align-items:center;gap:10px;margin:12px 0;font-size:.95rem;display:flex}.form-toggle-field{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;align-items:flex-start;gap:14px;margin:16px 0 0;padding:16px 18px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.form-toggle-field:hover{border-color:color-mix(in srgb, var(--accent) 28%, var(--border))}.form-toggle-field--on{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent)}.form-toggle-field__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.form-toggle-field__switch{background:var(--border);border-radius:999px;flex-shrink:0;width:44px;height:26px;margin-top:1px;transition:background .2s;position:relative}.form-toggle-field--on .form-toggle-field__switch{background:var(--accent)}.form-toggle-field__knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000002e}.form-toggle-field--on .form-toggle-field__knob{transform:translate(18px)}.form-toggle-field__text{flex-direction:column;gap:4px;min-width:0;display:flex}.form-toggle-field__title{color:var(--text);font-size:14px;font-weight:600;line-height:1.35}.form-toggle-field__desc{color:var(--text-muted);font-size:13px;line-height:1.45}.form-toggle-field--compact{background:0 0;border:none;align-items:center;gap:8px;margin:0;padding:0}.form-toggle-field--compact:hover,.form-toggle-field--compact.form-toggle-field--on{box-shadow:none;background:0 0;border:none}.form-toggle-field--compact .form-toggle-field__switch{width:34px;height:20px;margin-top:0}.form-toggle-field--compact .form-toggle-field__knob{width:16px;height:16px;top:2px;left:2px}.form-toggle-field--compact.form-toggle-field--on .form-toggle-field__knob{transform:translate(14px)}.form-toggle-field--compact .form-toggle-field__title{font-size:13px;font-weight:500;line-height:1.2}.form-toggle-field--compact:focus-within .form-toggle-field__switch{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px}.checkbox-row input{width:auto;margin:0}.table-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-form{gap:var(--space-5);flex-direction:column;display:flex}.admin-form label{gap:var(--space-2);flex-direction:column;font-size:13px;font-weight:600;display:flex}.admin-form label input,.admin-form label select,.admin-form label textarea{font-weight:400}.admin-form__row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=720px){.admin-form__row{grid-template-columns:1fr}}.admin-form-section{gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--border);flex-direction:column;display:flex}.admin-form-section:first-child{border-top:none;padding-top:0}.admin-form-section__head{gap:var(--space-1);flex-direction:column;display:flex}.admin-form-section__title{margin:0;font-size:15px;font-weight:700}.admin-form-section__desc{margin:0;font-size:13px;line-height:1.45}.admin-form input,.admin-form select,.admin-form textarea,.project-form textarea,.project-form input,.review-panel textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);padding:10px 12px}.admin-actions{flex-wrap:wrap;gap:8px;display:flex}.filter-bar{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.filter-bar.panel{margin-bottom:0;padding:16px 20px}.filter-bar__date{align-items:center;gap:8px;font-size:13px;display:flex}.filter-bar__date-label{color:var(--text-muted);white-space:nowrap}.filter-bar__date input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:10px 12px}.audit-filter-hint{margin:-8px 0 0;font-size:13px}.breadcrumbs{margin-bottom:20px}.admin-page-stack .breadcrumbs{margin-bottom:4px}.filter-bar input,.filter-bar select,.search-bar__input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);min-width:160px;padding:10px 14px}.filter-bar input[type=search],.search-bar__input{flex:1;min-width:200px;max-width:400px}.unlock-list{margin:0;padding:0;list-style:none}.unlock-list__item{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:12px 0;display:flex}.unlock-list__item:last-child{border-bottom:none}.section-list{margin:0;padding:0;list-style:none}.section-list__item{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:12px 0;display:flex}.section-list__pos{color:var(--text-muted);min-width:24px;font-weight:700}.topic-editor__markdown{resize:vertical;font-family:ui-monospace,Consolas,monospace;font-size:13px;line-height:1.5}.markdown-split-editor__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.markdown-split-editor__toggle{flex-shrink:0}.markdown-split-editor__source{flex-direction:column;gap:6px;display:flex}.markdown-split-editor__preview-pane{flex-direction:column;gap:6px;min-width:0;display:flex}.markdown-split-editor__preview{max-height:min(70vh,640px)}.quiz-editor__questions{gap:var(--space-4);flex-direction:column;display:flex}.quiz-editor__questions-head{justify-content:flex-end;align-items:center;gap:12px;display:flex}.quiz-editor__questions-head h3{margin:0 auto 0 0;font-size:15px;font-weight:700}.quiz-question--admin{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);gap:var(--space-4);flex-direction:column;margin:0;display:flex}.quiz-question--admin legend{padding:0;font-size:14px;font-weight:700}.quiz-editor__options-label{margin:0;font-size:12px}.quiz-editor__options{flex-direction:column;gap:8px;display:flex}.quiz-editor__option-row{align-items:center;gap:10px;display:flex}.quiz-editor__option-row input[type=text],.quiz-editor__option-row input:not([type=radio]):not([type=checkbox]){flex:1}.quiz-editor__option-row input[type=radio],.quiz-editor__option-row input[type=checkbox]{flex-shrink:0;width:auto;margin:0}.quiz-editor__question-actions{padding-top:var(--space-2);border-top:1px solid var(--border);justify-content:flex-end;display:flex}.search-bar input{border:1px solid var(--border);border-radius:8px;width:100%;max-width:400px;margin-bottom:20px;padding:12px 16px}.submission-list{flex-direction:column;gap:8px;display:flex}.submission-card{text-align:left;cursor:pointer;border:2px solid #0000;flex-direction:column;gap:4px;width:100%;display:flex}.submission-card--active{border-color:var(--accent)}.submission-text{white-space:pre-wrap;background:var(--bg);border-radius:8px;padding:12px;font-size:13px}.review-templates{margin:16px 0}.review-templates__label{color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.review-templates__buttons{flex-wrap:wrap;gap:8px;display:flex}.review-actions{gap:8px;margin-top:16px;display:flex}.lesson-assets{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.lesson-assets__dropzone{border:1px dashed var(--border);background:var(--surface-elevated,var(--surface));border-radius:10px;padding:14px}.lesson-assets__dropzone--disabled{opacity:.6}.lesson-assets__actions{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.lesson-assets__hint{margin:0;font-size:13px}.lesson-assets__input{display:none}.lesson-assets__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lesson-assets__item{border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;display:flex}.lesson-assets__name{font-weight:500}.lesson-assets__type{text-transform:uppercase;font-size:12px}.lesson-assets__item-actions{gap:6px;margin-left:auto;display:flex}.lesson-import-card{flex-direction:column;gap:16px;display:flex}.lesson-import-card__head{align-items:flex-start;gap:14px;display:flex}.lesson-import-card__icon{background:var(--accent-muted);width:44px;height:44px;color:var(--text);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.lesson-import-card__title{margin:0 0 6px;font-size:1.05rem}.lesson-import-card__desc{margin:0;font-size:14px}.lesson-import-card__dropzone{border:1px dashed var(--border-strong,var(--border));text-align:center;background:var(--surface-elevated,var(--surface));border-radius:12px;padding:20px}.lesson-import-card__dropzone--disabled{opacity:.6;pointer-events:none}.lesson-import-card__hint{margin:10px 0 0;font-size:13px}.lesson-import-card__formats{margin:8px 0 0;font-size:12px}.lesson-import-card__dialog-actions{flex-wrap:wrap}.form-draft-banner{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));background:color-mix(in srgb, var(--accent-muted,var(--accent)) 12%, var(--surface));flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.form-draft-banner__text{flex-direction:column;gap:4px;min-width:0;display:flex}.form-draft-banner__warn{color:var(--danger,#c0392b);margin:4px 0 0;font-size:13px}.admin-users-table-wrap,.data-table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;overflow:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--text-label)}.data-table thead{z-index:1;position:sticky;top:0}.data-table th,.data-table td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--border);padding:12px 14px}.data-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg);white-space:nowrap;font-size:11px;font-weight:700}.data-table td .table-actions{justify-content:flex-end}.data-table .table-actions .btn--small{min-height:30px;padding:0 10px}.data-table__nowrap{white-space:nowrap}.data-table__primary{color:var(--text);font-weight:600}.data-table__secondary{font-size:var(--text-hint);color:var(--text-muted);margin-top:2px;font-weight:400;display:block}.data-table-wrap.panel{padding:0;overflow:hidden}.admin-form-section__note{font-size:var(--text-hint);margin:12px 0 0}.module-editor__warning{margin-bottom:12px}.muted{color:var(--text-muted)}.form-error{color:var(--danger);font-size:14px}.success-msg{color:var(--success);font-weight:500}.empty-state{color:var(--text-muted);text-align:center;padding:24px}.pagination{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:14px 18px;display:flex}.pagination__info{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.pagination__range{font-size:14px;font-weight:600}.pagination__pages{font-size:12px}.admin-page-stack{flex-direction:column;gap:20px;display:flex}.admin-page-header__title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-page-header__title-row h1{margin:0}.admin-form-panel{animation:.22s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.admin-form-panel__head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.admin-form-panel__title{margin:0 0 4px;font-size:17px}.admin-form-panel__desc{margin:0;font-size:14px}.admin-data-panel__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.admin-data-panel__title{margin:0;font-size:16px;font-weight:600}.admin-data-panel__count{color:var(--text-muted);background:var(--bg);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600}.admin-data-panel__loading{flex-direction:column;gap:10px;display:flex}.admin-data-panel__skeleton-row{border-radius:var(--radius-sm);height:44px}.admin-data-panel__error{margin:0}.admin-data-panel .empty-state-block{background:0 0;border:none;padding:8px 0}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table tbody tr:last-child td{border-bottom:none}.role-badge{letter-spacing:.02em;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.role-badge--super{background:linear-gradient(135deg, var(--accent-muted), #ffcc0047);color:var(--text);border:1px solid #ffcc0073}.role-badge--admin{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.audit-badge{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.audit-badge--admin{color:#6366f1;background:#6366f11f}.audit-badge--student{color:#0ea5e9;background:#0ea5e91f}.audit-badge--course{background:var(--accent-muted);color:var(--text)}.audit-badge--neutral{background:var(--bg);color:var(--text-muted)}[data-scheme=dark] .audit-badge--admin{color:#a5b4fc}[data-scheme=dark] .audit-badge--student{color:#7dd3fc}.audit-badge--security{color:#dc2626;background:#ef44441f}[data-scheme=dark] .audit-badge--security{color:#fca5a5;background:#f8717129}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0c8c;place-items:center;padding:24px;animation:.18s fadeIn;display:grid;position:fixed;inset:0}.modal-dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(100%,420px);box-shadow:var(--shadow-lg);padding:24px;animation:.22s slideDown}.modal-dialog__title{margin:0 0 8px;font-size:18px}.modal-dialog__message{margin:0 0 20px;font-size:14px;line-height:1.55}.modal-dialog__actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.modal-dialog--wide{width:min(100%,560px)}.create-student-modal__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.create-student-modal__head .modal-dialog__title{margin-bottom:4px}.create-student-modal__head .modal-dialog__message{margin-bottom:0}.create-student-modal__grid{margin-top:20px}.create-student-modal__github{grid-column:1/-1}.password-field{flex-direction:column;gap:6px;display:flex}.password-field__label{color:var(--text-muted);font-size:13px;font-weight:500}.password-field__row{align-items:stretch;gap:8px;transition:box-shadow .25s;display:flex}.password-field__control{align-items:stretch;gap:8px;display:flex}.password-field--flash .password-field__control{animation:.9s passwordFlash}.password-field__toolbar{gap:8px;display:flex}@keyframes passwordFlash{0%,to{box-shadow:none}40%{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent)}}.password-field__input{letter-spacing:.04em;flex:1;width:100%;min-width:0;min-height:44px;padding:10px 14px;font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,Consolas,monospace;font-size:14px}.password-field__toggle{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:40px;color:var(--text-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.password-field__toggle:hover{color:var(--text);border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:var(--surface)}.password-gen-btn{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 8%, var(--surface));height:40px;color:var(--accent);cursor:pointer;white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,transform .12s;display:inline-flex}.password-gen-btn:hover{background:color-mix(in srgb, var(--accent) 14%, var(--surface));border-color:color-mix(in srgb, var(--accent) 50%, var(--border))}.password-gen-btn:active{transform:scale(.98)}.password-gen-btn__text{display:inline}.password-field__hint{margin:0;font-size:12px;line-height:1.4}.admin-form__grid .password-field,.profile-form .password-field{grid-column:1/-1}.credentials-card__actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:16px;display:flex}.btn--danger{background:var(--danger);color:#fff;border:none}.btn--danger:hover:not(:disabled){filter:brightness(1.05)}.admin-course-hero{background:linear-gradient(135deg, var(--surface) 0%, var(--bg) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);gap:20px;margin-bottom:24px;padding:24px;display:grid}.admin-course-hero__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-course-hero__title{letter-spacing:-.02em;margin:0 0 8px;font-size:26px}.admin-course-hero__desc{color:var(--text-muted);max-width:640px;margin:0;line-height:1.6}.admin-course-hero__meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-course-hero__stat{color:var(--text-muted);background:var(--bg);border-radius:999px;padding:6px 12px;font-size:13px}.section-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px;transition:border-color .15s,box-shadow .15s;display:grid}.section-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.section-card+.section-card{margin-top:10px}.section-card__pos{background:var(--accent-muted);width:36px;height:36px;color:var(--text);border-radius:10px;place-items:center;font-size:14px;font-weight:800;display:grid}.section-card__body strong{margin-bottom:6px;display:block}.section-card__type{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-right:8px;font-size:11px;font-weight:700}.section-cards{flex-direction:column;gap:0;display:flex}.published-banner{border-left:4px solid var(--accent);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.published-banner__body p{max-width:52rem;margin:6px 0 0}.library-editor-header__title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.library-editor-header__title h1{margin:0}.library-editor-header{margin-bottom:20px}.topic-editor__split{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}@media (width<=960px){.topic-editor__split{grid-template-columns:1fr}}.topic-editor__preview{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);min-height:320px;padding:16px;overflow:auto}.library-create-actions{flex-wrap:wrap;gap:8px;display:flex}.library-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.library-list{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;gap:0;display:flex;overflow:hidden}.library-row{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px 14px;padding:10px 14px;transition:background .12s;display:grid}.library-row:last-child{border-bottom:none}.library-row:hover{background:var(--surface-hover)}.library-row__lead{flex-shrink:0}.library-row__type{width:34px;height:34px;color:var(--lib-tone,var(--accent));background:color-mix(in srgb, var(--lib-tone,var(--accent)) 14%, var(--surface));border:1px solid color-mix(in srgb, var(--lib-tone,var(--accent)) 28%, var(--border));border-radius:9px;place-items:center;display:inline-grid}.library-row__type svg{stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.library-row__type[data-type=TOPIC]{--lib-tone:#3b82f6}.library-row__type[data-type=MODULE]{--lib-tone:#8b5cf6}.library-row__type[data-type=QUIZ],.library-row__type[data-type=PROJECT]{--lib-tone:#e08c00}[data-scheme=dark] .library-row__type[data-type=TOPIC]{--lib-tone:#60a5fa}[data-scheme=dark] .library-row__type[data-type=MODULE]{--lib-tone:#a78bfa}[data-scheme=dark] .library-row__type[data-type=QUIZ],[data-scheme=dark] .library-row__type[data-type=PROJECT]{--lib-tone:#f5b13d}.library-row__main{min-width:0}.library-row__title{margin:0;font-size:14px;line-height:1.35}.library-row__desc{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:12px;line-height:1.35;overflow:hidden}.library-row__meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.library-row__type-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.library-row__date{white-space:nowrap;font-size:12px}.library-row__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.library-row .library-quick-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.library-row .library-quick-actions__popover{flex:100%;min-width:220px;margin-top:2px}@media (width<=960px){.library-row{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"lead main""meta meta""actions actions"}.library-row__lead{grid-area:lead}.library-row__main{grid-area:main}.library-row__meta{grid-area:meta;justify-content:flex-start}.library-row__actions{grid-area:actions;justify-content:flex-start}}.library-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;gap:10px;padding:14px 16px;transition:border-color .18s,box-shadow .18s;display:flex;position:relative}.library-card:hover{border-color:color-mix(in srgb, var(--accent) 22%, var(--border));box-shadow:var(--shadow-sm)}.library-card__header{grid-template-columns:52px minmax(0,1fr);align-items:start;gap:12px;display:grid}.library-card__type{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.library-card__type-icon{width:36px;height:36px;color:var(--lib-tone,var(--accent));background:color-mix(in srgb, var(--lib-tone,var(--accent)) 14%, var(--surface));border:1px solid color-mix(in srgb, var(--lib-tone,var(--accent)) 28%, var(--border));border-radius:10px;place-items:center;display:inline-grid}.library-card__type-icon svg{stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.library-card__type-label{color:color-mix(in srgb, var(--lib-tone,var(--text-muted)) 70%, var(--text-muted))}.library-card__type[data-type=TOPIC]{--lib-tone:#3b82f6}.library-card__type[data-type=MODULE]{--lib-tone:#8b5cf6}.library-card__type[data-type=QUIZ],.library-card__type[data-type=PROJECT]{--lib-tone:#e08c00}[data-scheme=dark] .library-card__type[data-type=TOPIC]{--lib-tone:#60a5fa}[data-scheme=dark] .library-card__type[data-type=MODULE]{--lib-tone:#a78bfa}[data-scheme=dark] .library-card__type[data-type=QUIZ],[data-scheme=dark] .library-card__type[data-type=PROJECT]{--lib-tone:#f5b13d}.library-card__content{min-width:0}.library-card__title{margin:0 0 4px;font-size:14px;line-height:1.35}.library-card__desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.library-card__meta{flex-wrap:wrap;align-items:center;gap:6px;padding-left:64px;display:flex}.library-card__toolbar{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding-top:10px;display:flex}.library-card__actions{display:contents}.section-card__link{color:inherit;text-decoration:none}.section-card__link:hover strong{color:var(--accent)}.assign-course-stack__enrollments a.enrollment-link{margin-left:auto}.object-picker{gap:10px;display:grid}.object-picker__label{font-size:.9rem;font-weight:600}.object-picker__required{color:var(--danger,#c0392b)}.object-picker__search-row{align-items:center;gap:12px;display:flex}.object-picker__search{flex:1;width:100%}.object-picker__loading{white-space:nowrap;font-size:13px}.object-picker__filters{flex-wrap:wrap;gap:8px;display:flex}.object-picker__filter{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s,color .15s}.object-picker__filter:hover{border-color:var(--border-strong);color:var(--text)}.object-picker__filter--active{background:var(--accent-muted);border-color:var(--accent);color:var(--text)}.object-picker__list{gap:4px;max-height:280px;margin:0;padding:6px;list-style:none;display:grid;overflow-y:auto}.object-picker__option{text-align:left;border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:background .12s,border-color .12s;display:grid}.object-picker__option:hover{background:var(--bg);border-color:var(--border)}.object-picker__option--selected{background:var(--accent-muted);border-color:var(--accent)}.object-picker__option-type{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);min-width:64px;font-size:11px;font-weight:700}.object-picker__option-body{flex-direction:column;gap:2px;min-width:0;display:flex}.object-picker__option-body strong{font-size:14px}.object-picker__option-desc{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.object-picker__empty{text-align:center;padding:16px}.object-picker__hint{margin:0;font-size:12px}.object-picker__selected{justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.object-picker__selected-type{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:700;display:inline-block}.object-picker__selected-desc{margin:4px 0 0;font-size:13px}.object-picker__inline-search{margin-bottom:12px;display:block}.object-picker__inline-search input{width:100%;margin-top:6px}.readiness-checklist__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.readiness-checklist__title{margin:0;font-size:16px}.readiness-checklist__badge{background:var(--bg);color:var(--text-muted);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.readiness-checklist__badge--done{background:color-mix(in srgb, var(--success) 18%, transparent);color:var(--success)}.readiness-checklist__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.readiness-checklist__item{flex-wrap:wrap;align-items:baseline;gap:10px;font-size:14px;display:flex}.readiness-checklist__action{font:inherit;color:var(--accent);cursor:pointer;text-align:left;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.readiness-checklist__action:hover{color:var(--accent-hover,var(--accent))}.readiness-checklist__issues{flex-direction:column;gap:4px;width:100%;margin:4px 0 0 28px;padding:0;list-style:none;display:flex}.readiness-checklist__issue-link{color:var(--accent);font-size:13px;text-decoration:none}.readiness-checklist__issue-link:hover{text-decoration:underline}.dashboard-todos{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.dashboard-todos__item{border-bottom:1px solid var(--border)}.dashboard-todos__item:last-child{border-bottom:none}.dashboard-todos__link{color:inherit;flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;transition:background .15s;display:flex}.dashboard-todos__link:hover{background:var(--bg)}.dashboard-todos__link strong{font-size:15px}.dashboard-todos__link .muted{font-size:13px}.readiness-checklist__item--done .readiness-checklist__label{color:var(--text-muted)}.readiness-checklist__mark{text-align:center;flex-shrink:0;width:18px;font-weight:700}.readiness-checklist__detail{margin-left:auto;font-size:12px}.sortable-list__hint{margin:0 0 10px;font-size:13px}.sortable-list__items{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sortable-list__item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.sortable-list__item--dragging{opacity:.55;border-style:dashed}.sortable-list__handle{cursor:grab;color:var(--text-muted);-webkit-user-select:none;user-select:none;padding-top:2px}.sortable-list__content{flex:1;min-width:0}.module-component-row{flex-wrap:wrap;align-items:center;gap:12px;width:100%;display:flex}.module-component-row .section-card__link{flex:1;min-width:0}.module-component-row__remove{flex-shrink:0;margin-left:auto}.module-component-row__actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.module-component-group{flex-direction:column;gap:6px;width:100%;display:flex}.module-component-row--quiz{padding-left:28px}.topic-quiz-section{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.topic-quiz-section__body{margin-top:12px}.topic-quiz-section__mode{gap:8px;margin-bottom:16px;display:flex}.constructor-child-group{flex-direction:column;gap:4px;display:flex}.constructor-child--quiz{padding-left:20px}.constructor-child__meta{font-size:.85em}.wizard-steps{flex-wrap:wrap;gap:12px;display:flex}.wizard-steps__item{color:var(--text-muted);background:var(--bg);border-radius:999px;padding:8px 14px;font-size:14px}.wizard-steps__item--active{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);font-weight:600}.library-quick-actions{display:contents}.library-quick-actions__popover{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);flex-direction:column;flex:100%;gap:12px;margin-top:4px;padding:14px 16px;display:flex}.usage-badge{min-height:28px;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.post-publish-actions .admin-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.dashboard-actions{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.dashboard-action-card{color:inherit;flex-direction:column;gap:8px;text-decoration:none;transition:border-color .15s,transform .1s;display:flex}.dashboard-action-card:hover{border-color:var(--accent);transform:translateY(-2px)}.dashboard-action-card .btn{align-self:flex-start;margin-top:4px}.sidebar__nav-group{letter-spacing:.08em;text-transform:uppercase;color:var(--sidebar-muted);opacity:.75;margin:12px 0 4px;padding:0 10px;font-size:10px;font-weight:700}.credentials-card__title{margin:0 0 8px;font-size:17px}.credentials-card__hint{margin:0 0 16px;font-size:13px}.credentials-card__list{flex-direction:column;gap:12px;margin:0;display:flex}.credentials-card__row{grid-template-columns:88px 1fr;align-items:center;gap:12px;display:grid}.credentials-card__row dt{color:var(--text-muted);margin:0;font-size:13px}.credentials-card__row dd{flex-wrap:wrap;align-items:center;gap:10px;margin:0;display:flex}.credentials-card__row code{background:var(--bg);border-radius:6px;padding:4px 8px;font-size:14px}.credentials-card__secret{letter-spacing:.04em;font-weight:600}.assign-course-stack{flex-direction:column;gap:16px;display:flex}.assign-course-stack__list-title{margin:0 0 12px;font-size:15px}.assign-course-stack__enrollments{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.assign-course-stack__enrollments li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.course-assign-page__layout{grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start;gap:20px;display:grid}@media (width<=900px){.course-assign-page__layout{grid-template-columns:1fr}}.course-assign-page__error{border-radius:var(--radius);background:var(--danger-bg);border:1px solid color-mix(in srgb, var(--danger) 25%, transparent);margin:0 0 16px;padding:12px 14px}.course-assign-page__preview{border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin:-4px 0 4px;padding:10px 12px;display:flex}.course-assign-page__toggle{margin-top:4px}.course-assign-page__toggle .form-toggle-field{margin:0}.course-assign-page__aside{position:sticky;top:24px}.course-assign-page__aside-title{margin:0 0 12px;font-size:15px}.course-assign-page__enrollments{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.course-assign-page__enrollments li{border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:12px;display:flex}.course-assign-page__enrollments li:last-child{border-bottom:none;padding-bottom:0}.course-assign-page__enrollment-main{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.course-assign-success{text-align:center;max-width:520px;padding:28px 24px 24px}.course-assign-success__badge{background:var(--complete-bg);width:52px;height:52px;color:var(--complete-text);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:24px;font-weight:700;display:inline-flex}.course-assign-success__title{margin:0 0 6px;font-size:1.35rem}.course-assign-success__subtitle{margin:0 0 20px}.course-assign-success__meta{text-align:left;gap:10px;margin:0 0 24px;display:grid}.course-assign-success__row{border-bottom:1px solid var(--border);grid-template-columns:140px 1fr;gap:12px;padding:10px 0;display:grid}.course-assign-success__row:last-child{border-bottom:none}.course-assign-success__row dt{color:var(--text-muted);margin:0;font-size:13px}.course-assign-success__row dd{margin:0;font-weight:600}.course-assign-success__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.student-created-modal__actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.sidebar__avatar--super{color:var(--accent);background:linear-gradient(135deg,#ffcc0059,#ffcc001f)}.access-denied{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:440px;box-shadow:var(--shadow);margin:64px auto;padding:40px 32px}.access-denied__icon{background:var(--bg);border:1px solid var(--border);border-radius:16px;place-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:26px;display:grid}.access-denied__title{letter-spacing:-.02em;margin:0 0 12px;font-size:22px}.access-denied__desc{color:var(--text-muted);margin:0 0 12px;font-size:15px;line-height:1.6}.access-denied__hint{color:var(--text-muted);background:var(--bg);border-radius:var(--radius-sm);margin:0 0 24px;padding:12px 16px;font-size:13px;line-height:1.5}.access-denied__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.status-pill{background:var(--bg);border-radius:999px;align-items:center;min-height:28px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.status-pill--needs_revision{background:var(--danger-bg);color:var(--danger)}.status-pill--active,.status-pill--published,.status-pill--approved{background:var(--accent-muted);color:var(--complete-text)}.status-pill--completed{background:var(--complete-bg);color:var(--complete-text)}.status-pill--inactive,.status-pill--dropped,.status-pill--archived{background:var(--danger-bg);color:var(--danger)}.status-pill--planned{background:var(--accent-muted);color:var(--text)}.status-pill--in_progress,.status-pill--draft,.status-pill--pending_review{background:var(--accent-muted)}.pagination{flex-wrap:wrap;gap:12px}.pagination__center{flex-direction:column;flex:auto;align-items:center;gap:6px;display:flex}.pagination__pages-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pagination__page{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:34px;height:34px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.pagination__page:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--accent-muted)}.pagination__page--active{background:var(--accent);border-color:var(--accent);color:var(--accent-text);cursor:default}.pagination__page--active:hover{background:var(--accent)}.pagination__ellipsis{text-align:center;min-width:22px;color:var(--text-muted);-webkit-user-select:none;user-select:none}.pagination__arrow{flex:none}@media (width<=640px){.pagination__pages-nav{display:none}}.constructor-page{gap:16px}.constructor-tabs{flex-wrap:wrap;gap:8px;display:flex}.constructor-tabs__btn{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.constructor-tabs__btn:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--border));color:var(--text)}.constructor-tabs__btn--active{background:color-mix(in srgb, var(--accent) 14%, var(--surface));border-color:color-mix(in srgb, var(--accent) 45%, var(--border));color:var(--text)}.constructor-toolbar{flex-wrap:wrap;align-items:center;gap:10px 12px;padding:12px 14px;display:flex}.constructor-toolbar__search{flex:200px;min-width:0}.constructor-toolbar__chips{flex-wrap:wrap;gap:6px;display:flex}.constructor-chip{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.constructor-chip--active{background:var(--accent-muted);border-color:color-mix(in srgb, var(--accent) 40%, var(--border));color:var(--text)}.constructor-create-menu{align-items:center;gap:8px;display:flex}.constructor-create-menu__more{position:relative}.constructor-create-menu__more summary{cursor:pointer;list-style:none}.constructor-create-menu__more summary::-webkit-details-marker{display:none}.constructor-create-menu__dropdown{z-index:20;flex-direction:column;gap:2px;min-width:160px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.constructor-create-menu__link{border-radius:var(--radius-sm);color:var(--text);padding:8px 10px;font-size:13px;text-decoration:none;display:block}.constructor-create-menu__link:hover{background:var(--surface-hover)}.constructor-list{flex-direction:column;gap:2px;display:flex}.constructor-list__hint{margin:12px 4px 0;font-size:12px}.constructor-row{border-radius:var(--radius-sm);border:1px solid #0000;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:8px 12px;padding:9px 12px;transition:background .12s,border-color .12s;display:grid}.constructor-row:hover{background:var(--surface-hover);border-color:var(--border)}.constructor-row--module{grid-template-columns:22px 28px minmax(0,1fr) auto auto}.constructor-row__main{flex-direction:column;gap:2px;min-width:0;display:flex}.constructor-row__title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;text-decoration:none;overflow:hidden}.constructor-row__title:hover{color:color-mix(in srgb, var(--accent) 70%, var(--text))}.constructor-row__type{font-size:12px}.constructor-row__meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.constructor-row__date{white-space:nowrap;font-size:11px}.constructor-row__actions{align-items:center;gap:4px;display:flex}.constructor-type-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.constructor-type-icon--sm{width:26px;height:26px}.constructor-type-icon--md{width:34px;height:34px}.constructor-type-icon svg{width:15px;height:15px}.constructor-type-icon--md svg{width:18px;height:18px}.constructor-type-icon[data-type=TOPIC]{background:color-mix(in srgb, #3b82f6 14%, var(--surface));color:#2563eb}.constructor-type-icon[data-type=MODULE]{background:color-mix(in srgb, #8b5cf6 14%, var(--surface));color:#7c3aed}.constructor-type-icon[data-type=QUIZ]{background:color-mix(in srgb, #f59e0b 14%, var(--surface));color:#d97706}.constructor-type-icon[data-type=PROJECT]{background:color-mix(in srgb, #10b981 14%, var(--surface));color:#059669}.constructor-usage-btn{background:color-mix(in srgb, var(--accent) 10%, var(--bg));color:var(--text);cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.constructor-usage-btn--empty{background:var(--bg);color:var(--text-muted);border:1px dashed var(--border)}.constructor-usage-btn:hover{background:color-mix(in srgb, var(--accent) 18%, var(--bg))}.constructor-module__chevron{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;font-size:12px;line-height:1}.constructor-module__chevron:hover{background:var(--bg);color:var(--text)}.constructor-module--open .constructor-row{background:color-mix(in srgb, var(--accent) 5%, var(--surface));border-color:var(--border)}.constructor-module__children{border-left:2px solid var(--border);margin:0 0 4px 34px;padding:4px 0 8px 12px}.constructor-child{border-radius:var(--radius-sm);grid-template-columns:16px 24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.constructor-child:hover{background:var(--surface-hover)}.constructor-child__tree{font-size:12px;line-height:1}.constructor-child__title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;text-decoration:none;overflow:hidden}.constructor-child__title:hover{text-decoration:underline}.constructor-module__loading,.constructor-module__empty{padding:8px 12px;font-size:13px}.constructor-item-menu{position:relative}.constructor-item-menu__trigger{min-width:32px;padding-inline:8px;font-size:16px;line-height:1}.constructor-item-menu__backdrop{z-index:40;cursor:default;background:0 0;border:none;position:fixed;inset:0}.constructor-item-menu__panel{z-index:50;min-width:220px;box-shadow:var(--shadow-lg);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.constructor-item-menu__action{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;padding:8px 10px;font-size:13px;text-decoration:none;display:block}.constructor-item-menu__action:hover{background:var(--surface-hover)}.constructor-item-menu__action--danger{color:var(--danger)}.constructor-item-menu__inline{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:4px;padding:8px;display:flex}.constructor-item-menu__inline-label{flex-direction:column;gap:4px;font-size:12px;display:flex}.constructor-drawer-backdrop{z-index:60;cursor:pointer;background:#00000059;border:none;position:fixed;inset:0}.constructor-drawer{z-index:70;border-left:1px solid var(--border);width:min(400px,100vw);height:100vh;box-shadow:var(--shadow-lg);border-radius:0;padding:20px;position:fixed;top:0;right:0;overflow:auto}.constructor-drawer__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.constructor-drawer__eyebrow{text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:12px}.constructor-drawer__title{margin:0;font-size:1.15rem;line-height:1.3}.constructor-drawer__lead{margin:0 0 16px;font-size:14px}.constructor-drawer__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.constructor-drawer__course{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.constructor-drawer__course:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));background:var(--surface-hover)}.constructor-drawer__course-title{font-size:14px;font-weight:600}.grant-access-drawer{flex-direction:column;gap:0;width:min(460px,100vw);padding:0;display:flex;overflow:hidden}.grant-access-drawer>.constructor-drawer__head{margin:0;padding:20px 20px 0}.grant-access-drawer__body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px 20px;display:flex;overflow:auto}.grant-access-drawer__footer-block{border-top:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;gap:10px;padding:14px 20px 20px;display:flex}.grant-access-drawer__summary-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.grant-access-drawer__subtitle{margin:6px 0 0;font-size:14px}.grant-access-drawer__field{flex-direction:column;gap:6px;font-size:13px;display:flex}.grant-access-drawer__field input,.grant-access-drawer__field select{width:100%}.grant-access-drawer__context{background:var(--bg);padding:12px 14px}.grant-access-drawer__context-title{margin:0;font-size:14px}.grant-access-drawer__context-hint{margin:8px 0 0;font-size:13px}.grant-access-drawer__summary{font-size:13px}.grant-access-drawer__students{flex-direction:column;gap:8px;max-height:min(50vh,420px);margin:0;padding:0;list-style:none;display:flex;overflow:auto}.grant-access-drawer__student{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.grant-access-drawer__student:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--border))}.grant-access-drawer__student--static{cursor:default;opacity:.92}.grant-access-drawer__student--static:hover{border-color:var(--border)}.grant-access-drawer__student input{width:16px;height:16px;margin:0}.grant-access-drawer__student-main{flex-direction:column;gap:2px;min-width:0;display:flex}.grant-access-drawer__student-name{font-size:14px;font-weight:600}.grant-access-drawer__student-login{font-size:12px}.grant-access-drawer__status{white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:600}.grant-access-drawer__status--open{background:color-mix(in srgb, var(--success) 16%, transparent);color:var(--success)}.grant-access-drawer__status--locked{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.grant-access-drawer__status--none{background:var(--bg);color:var(--text-muted)}.grant-access-drawer__actions{flex-direction:column;gap:8px;display:flex}.grant-access-drawer__hint,.grant-access-drawer__footer{margin:0;font-size:13px}.grant-access-drawer__link{color:var(--text);font-weight:600}.grant-access-drawer__empty-row{text-align:center;padding:12px}.grant-access-banner{border-left:3px solid var(--accent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.grant-access-banner__title{margin:0 0 4px;font-weight:600}.grant-access-banner__text{margin:0;font-size:14px}.grant-access-banner__actions{flex-wrap:wrap;gap:8px;display:flex}.student-access-panel__lead{margin:0 0 14px;font-size:14px}.student-access-panel__course+.student-access-panel__course{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.student-access-panel__course-title{margin:0 0 12px;font-size:1rem}.student-access-tree{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.student-access-tree__row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.student-access-tree__row--module{background:var(--surface);border-color:color-mix(in srgb, var(--accent) 18%, var(--border))}.student-access-tree__item>.student-access-tree{border-left:2px solid var(--border);margin-top:6px;margin-left:8px;padding-left:8px}.student-access-tree__main{flex-direction:column;gap:2px;min-width:0;display:flex}.student-access-tree__type{text-transform:uppercase;letter-spacing:.04em;font-size:11px}.student-access-tree__title{font-size:14px;font-weight:500}@media (width<=900px){.constructor-row,.constructor-row--module{grid-template-columns:28px minmax(0,1fr);grid-template-areas:"icon main""meta meta""actions actions"}.constructor-row--module{grid-template-columns:22px 28px minmax(0,1fr);grid-template-areas:"chev icon main""meta meta meta""actions actions actions"}.constructor-module__chevron{grid-area:chev}.constructor-type-icon{grid-area:icon}.constructor-row__main{grid-area:main}.constructor-row__meta{grid-area:meta;justify-content:flex-start}.constructor-row__actions{grid-area:actions}}.learning-shell{--program-rail-width:280px;--reading-width:900px;--reading-width-wide:1200px;grid-template-columns:var(--program-rail-width) minmax(0, 1fr);width:100%;min-height:100vh;transition:grid-template-columns var(--duration-collapse) var(--ease-out);align-items:start;gap:0;margin:0;display:grid;position:relative}.learning-shell--loading{--program-rail-width:280px;grid-template-columns:var(--program-rail-width) minmax(0, 1fr);align-items:start;gap:0;min-height:100vh;display:grid}.learning-shell__content--loading{padding:32px clamp(24px,4vw,56px)}.program-sidebar--skeleton .program-sidebar__skeleton-title{width:85%;height:22px;margin-bottom:10px}.program-sidebar--skeleton .program-sidebar__skeleton-link{width:45%;height:14px}.program-sidebar--skeleton .program-sidebar__skeleton-toggle{width:100%;height:40px;margin:12px 0}.program-module--skeleton .program-module__skeleton-toggle{width:100%;height:48px}.program-module--skeleton .program-module__skeleton-progress{width:100%;height:4px;margin:8px 0 12px}.program-step__skeleton-row{width:100%;height:36px}.learning-shell__sidebar{--surface:var(--sidebar-bg);--surface-hover:var(--sidebar-hover);--bg:#ffffff09;--bg-elevated:#ffffff0b;--text:var(--sidebar-text);--text-muted:var(--sidebar-muted);--text-inverse:#fff;--border:var(--sidebar-border);--border-strong:#fff3;--accent-muted:var(--sidebar-active-bg);background:var(--sidebar-bg);height:100vh;max-height:100vh;color:var(--sidebar-text);border:none;border-right:1px solid var(--sidebar-border);box-shadow:none;scrollbar-width:thin;transition:padding var(--duration-collapse) var(--ease-out), border-color var(--duration-normal) var(--ease-out);border-radius:0;padding:20px 14px;position:sticky;top:0;overflow:hidden}.learning-shell__sidebar-body{scrollbar-width:thin;opacity:1;min-width:0;height:100%;max-height:100vh;transition:opacity var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);overflow-y:auto;transform:translate(0)}.learning-shell__sidebar-rail{display:none}.learning-shell__sidebar-top{border-bottom:1px solid var(--sidebar-border);justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:14px;display:flex}.learning-shell__sidebar-top .back-link--compact{min-width:0;margin-bottom:0}.learning-shell__collapse{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-normal) var(--ease-out);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;line-height:1;display:inline-flex}.learning-shell--sidebar-collapsed .learning-shell__collapse{transform:rotate(180deg)}.learning-shell__collapse:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-strong)}.learning-shell__reopen{width:100%;min-height:72px;color:var(--sidebar-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding:12px 4px;display:flex}.learning-shell__reopen:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.learning-shell__reopen:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.learning-shell__reopen-icon{font-size:13px;font-weight:700;line-height:1}.learning-shell__reopen-label{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700;line-height:1;transform:rotate(180deg)}.learning-shell--sidebar-collapsed{--program-rail-width:44px}.learning-shell--sidebar-collapsed .learning-shell__sidebar{padding:16px 0;overflow-y:hidden}.learning-shell--sidebar-collapsed .learning-shell__sidebar-body{opacity:0;pointer-events:none;padding:20px 14px;position:absolute;inset:0;overflow:hidden;transform:translate(-12px)}.learning-shell--sidebar-collapsed .learning-shell__content{width:100%;padding:28px clamp(28px,4vw,64px) 96px}.app-shell--sidebar-collapsed .learning-shell{--reading-width:980px;--reading-width-wide:1300px}.learning-shell--sidebar-collapsed{--reading-width:1040px;--reading-width-wide:1380px}.app-shell--sidebar-collapsed .learning-shell--sidebar-collapsed{--reading-width:1120px;--reading-width-wide:1480px}.learning-shell__content{width:100%;min-width:0;transition:padding var(--duration-collapse) var(--ease-out);padding:32px clamp(24px,4vw,56px) 96px}.learning-page{max-width:var(--reading-width);width:100%;transition:max-width var(--duration-collapse) var(--ease-out);margin-inline:auto;position:relative}.learning-page--pending{justify-content:center;align-items:flex-start;min-height:40vh;padding-top:48px;display:flex}.learning-step-pending{color:var(--text-muted)}.learning-page--placeholder{pointer-events:none;-webkit-user-select:none;user-select:none}.learning-page--placeholder .learning-page__body{opacity:.84;filter:saturate(.96);transition:opacity var(--duration-fast) var(--ease-out), filter var(--duration-fast) var(--ease-out)}.learning-page--refreshing:not(.learning-page--placeholder) .learning-page__body{opacity:.97;transition:opacity var(--duration-fast) var(--ease-out)}.learning-step-progress{z-index:2;pointer-events:none;border-radius:999px;height:3px;position:absolute;top:0;left:0;right:0;overflow:hidden}.learning-step-progress__bar{border-radius:inherit;background:color-mix(in srgb, var(--accent) 72%, transparent);width:24%;height:100%;animation:learning-step-progress 1.2s var(--ease-out) infinite}@keyframes learning-step-progress{0%{transform:translate(-120%)}to{transform:translate(320%)}}.learning-page__body--enter{animation:none}@keyframes learning-step-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.learning-page--wide{max-width:var(--reading-width-wide);width:100%;transition:max-width var(--duration-collapse) var(--ease-out);margin-inline:auto}@media (width>=901px){.learning-shell__sidebar-rail{opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);flex-direction:column;justify-content:flex-start;align-items:center;padding-top:12px;display:flex;position:absolute;inset:0}.learning-shell--sidebar-collapsed .learning-shell__sidebar-rail{opacity:1;pointer-events:auto}}.course-hero{background:linear-gradient(135deg, var(--surface) 0%, var(--accent-muted) 140%);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:28px 32px;display:flex}.course-hero__eyebrow{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;font-size:13px;font-weight:600}.course-hero__title{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(26px,4vw,34px);line-height:1.15}.course-hero__stats{margin:0;font-size:15px;font-weight:600}.course-hero__meta{margin:8px 0 0;font-size:14px}.course-hero__progress{flex-shrink:0}.course-hero__bar{margin-bottom:20px;padding:16px 20px}.course-continue-card{border:1px solid var(--border);border-left:4px solid var(--accent);background:var(--surface);justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:22px 28px;display:flex}.course-continue-card__badge{text-transform:uppercase;letter-spacing:.04em;background:var(--accent-muted);color:var(--text);border-radius:999px;margin-bottom:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.course-continue-card__type{color:var(--text-muted);margin:0 0 4px;font-size:13px}.course-continue-card__title{margin:0;font-size:20px;line-height:1.25}.course-program{margin-top:8px}.course-program__header{margin-bottom:20px}.course-program__title{letter-spacing:-.02em;margin:0 0 6px;font-size:22px}.course-program__subtitle{margin:0;font-size:14px}.course-program__track{flex-direction:column;gap:20px;display:flex}.course-program__empty{text-align:center;margin:0;padding:24px}.module-card{--module-accent:var(--accent);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);transition:box-shadow var(--duration-normal,.28s) var(--ease-out,ease), border-color var(--duration-normal,.28s) var(--ease-out,ease);position:relative;overflow:hidden}.module-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.module-card:before{content:"";background:var(--module-accent);width:4px;position:absolute;inset:0 auto 0 0}.module-card--locked{opacity:.88}.module-card--locked:before{background:var(--border-strong)}.module-card--complete:before{background:var(--complete)}.module-card__header{justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 18px;display:flex}.module-card__lead{align-items:flex-start;gap:14px;min-width:0;display:flex}.module-card__index{width:36px;height:36px;color:var(--text-inverse);background:var(--module-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:inline-flex}.module-card__index--orphan{background:var(--accent);color:var(--accent-text);font-size:14px}.module-card__titles{min-width:0}.module-card__title{margin:0 0 4px;font-size:18px;line-height:1.3}.module-card__summary{margin:0;font-size:13px}.module-card__aside{flex-shrink:0}.module-card__badge{border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.module-card__badge--locked{background:var(--bg);color:var(--text-muted)}.module-card__badge--done{background:color-mix(in srgb, var(--complete) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--complete) 24%, var(--border));color:color-mix(in srgb, var(--complete-text) 88%, var(--text))}.module-card__badge--preview{background:var(--accent-muted);color:var(--text)}.module-card__progress-row{align-items:center;gap:12px;margin:0 24px;display:flex}.module-card__progress{background:var(--bg);border-radius:999px;flex:1;height:4px;overflow:hidden}.module-card__progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--module-accent), var(--accent));height:100%;transition:width var(--duration-slow,.4s) var(--ease-out,ease)}.module-card__count{font-variant-numeric:tabular-nums;color:var(--text-muted);flex-shrink:0;font-size:12px;font-weight:700}.module-card--complete .module-card__count{color:color-mix(in srgb, var(--complete-text) 80%, var(--text))}.module-card__actions{justify-content:flex-end;padding:0 24px 12px;display:flex}.module-card__steps{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;padding:4px 24px 24px;display:grid}.module-card__empty{margin:0;padding:0 24px 24px;font-size:14px}.program-step{--step-accent:var(--module-accent,var(--accent));color:inherit;align-items:flex-start;gap:12px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s;display:flex;position:relative}.program-step--card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex-direction:column;min-height:88px;padding:14px 16px}.program-step--card:hover:not(.program-step--locked){border-color:color-mix(in srgb, var(--step-accent) 55%, var(--border));box-shadow:var(--shadow);transform:translateY(-2px)}.program-step--row{border-radius:var(--radius-sm);width:100%;padding:10px 12px}.program-step--row:hover:not(.program-step--locked){background:var(--surface-hover);transform:translate(2px)}.program-step:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.program-step--active.program-step--card,.program-step--active.program-step--row{border-color:var(--accent);background:var(--accent-muted);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.program-step--locked{opacity:.55;cursor:not-allowed}.program-step--done .program-step__title{color:color-mix(in srgb, var(--text) 80%, var(--text-muted))}.step-status{box-sizing:border-box;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;display:inline-flex;position:relative}.program-step--card .step-status{width:22px;height:22px;margin-top:0}.step-status__glyph{justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.step-status__glyph svg{width:70%;height:70%}.step-status__label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.step-status--not-started{border:2px solid var(--border-strong)}.step-status--in-progress{border:2px solid color-mix(in srgb, var(--accent) 60%, var(--border-strong));background:conic-gradient(var(--accent) 0 50%, transparent 50% 100%)}.step-status--completed{background:color-mix(in srgb, var(--complete) 82%, var(--surface));color:var(--complete-fg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--complete) 26%, transparent)}.step-status--completed .step-status__glyph svg{width:76%;height:76%}.step-status--failed{border:2px solid var(--danger);color:var(--danger)}.step-status--locked{color:var(--text-muted)}.step-status--locked .step-status__glyph svg{width:86%;height:86%}.program-step__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.program-step--card .program-step__body{width:100%}.program-step__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.program-step--row .program-step__title{-webkit-line-clamp:1;font-size:13px}.program-step__meta{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.program-step__type-icon{width:13px;height:13px;color:var(--text-muted);opacity:.8;flex-shrink:0}.program-step--card .program-step__type-icon{width:14px;height:14px}.program-step__type-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.program-step--done .program-step__type-icon{color:color-mix(in srgb, var(--complete-text) 70%, var(--text-muted));opacity:.72}.program-step--row:before{content:"";background:var(--accent);opacity:0;transform-origin:50%;width:3px;height:64%;transition:opacity var(--duration-normal,.28s) var(--ease-out,ease), transform var(--duration-normal,.28s) var(--ease-out,ease);border-radius:0 3px 3px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(.2)}.program-step--active.program-step--row:before{opacity:1;transform:translateY(-50%)scaleY(1)}.program-step--nested.program-step--row{margin-left:20px;padding-left:8px;font-size:.92em}.program-module__sublist{border-left:2px solid color-mix(in srgb, var(--module-accent,var(--accent)) 35%, transparent);margin:0 0 4px;padding:0 0 0 12px;list-style:none}.module-card__step-group{flex-direction:column;gap:8px;display:flex}.module-card__step-group .program-step--nested{margin-left:16px}.program-sidebar__modules{flex-direction:column;gap:10px;display:flex}.program-module{--module-accent:var(--accent);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated,var(--surface));overflow:hidden}.program-module--open{box-shadow:var(--shadow)}.program-module--locked{opacity:.85}.program-module__toggle{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:none;align-items:center;gap:10px;padding:12px 12px 12px 10px;display:flex}.program-module__toggle:hover{background:var(--surface-hover)}.program-module__toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius)}.program-module__index{width:26px;height:26px;color:var(--text-inverse);background:var(--module-accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.program-module__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.program-module__name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;line-height:1.3;overflow:hidden}.program-module__meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.program-module__active-step{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;display:block;overflow:hidden}.program-module__active-step-index{color:var(--text-muted);font-weight:500}.program-module__chevron{border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);width:8px;height:8px;transition:transform var(--duration-normal,.28s) var(--ease-out,ease);flex-shrink:0;transform:rotate(-45deg)}.program-module--open .program-module__chevron{transform:rotate(45deg)}.program-module__count{font-variant-numeric:tabular-nums;color:var(--text-muted);flex-shrink:0;font-size:11px;font-weight:700}.program-module--complete .program-module__index{background:color-mix(in srgb, var(--complete) 82%, var(--sidebar-bg,var(--surface)));color:var(--complete-fg)}.program-module--complete .program-module__index svg{width:16px;height:16px}.program-module--complete .program-module__count{color:color-mix(in srgb, var(--complete-text) 82%, var(--text))}.program-module__progress{background:var(--border);height:3px}.program-module__progress-fill{background:var(--module-accent);height:100%;transition:width var(--duration-slow,.4s) var(--ease-out,ease)}.program-module--complete .program-module__progress-fill{background:color-mix(in srgb, var(--progress) 78%, var(--module-accent))}.program-module__panel{transition:grid-template-rows var(--duration-normal,.32s) var(--ease-out,ease);grid-template-rows:0fr;display:grid}.program-module--open .program-module__panel{grid-template-rows:1fr}.program-module__panel-inner{opacity:0;min-height:0;transition:opacity var(--duration-normal,.28s) var(--ease-out,ease), transform var(--duration-normal,.28s) var(--ease-out,ease);overflow:hidden;transform:translateY(-4px)}.program-module--open .program-module__panel-inner{opacity:1;transform:translateY(0)}.program-module__list{border-left:1px solid var(--border);margin:0 0 0 22px;padding:2px 6px 8px 8px;list-style:none;position:relative}.program-module__list li{margin:0;position:relative}.program-module__list li:before{content:"";background:var(--border);width:8px;height:1px;position:absolute;top:18px;left:-8px}.program-module__static-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0;padding:12px 14px 8px;font-size:12px;font-weight:700}.back-link--compact{margin-bottom:12px;font-size:13px}.program-sidebar__head{margin-bottom:12px}.program-sidebar__list-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;width:100%;font:inherit;color:inherit;text-align:left;align-items:center;gap:8px;margin:0 0 12px;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.program-sidebar__list-toggle:hover{background:var(--surface-hover);border-color:var(--border-strong)}.program-sidebar__list-toggle:focus-visible,.program-sidebar__overview:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.program-sidebar__list-toggle-label{flex:1;font-size:13px;font-weight:700}.program-sidebar__list-toggle-count{background:var(--accent-muted);min-width:22px;color:var(--text);border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:700}.program-sidebar__list-toggle-chevron{border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);flex-shrink:0;width:8px;height:8px;transition:transform .2s;transform:rotate(45deg)}.program-sidebar--list-open .program-sidebar__list-toggle-chevron{transform:rotate(-135deg)}.program-sidebar__body{transition:grid-template-rows var(--duration-normal,.32s) var(--ease-out,ease);grid-template-rows:0fr;display:grid}.program-sidebar--list-open .program-sidebar__body{grid-template-rows:1fr}.program-sidebar__body-inner{min-height:0;overflow:hidden}.program-sidebar__title{margin:0 0 4px;font-size:16px;font-weight:700;line-height:1.3}.program-sidebar__overview{color:var(--accent);font-size:13px;font-weight:600}.structure-tree--compact .structure-item__link{grid-template-columns:auto 1fr auto;gap:8px;padding:8px 10px;font-size:13px}.structure-item__dot{background:var(--border-strong);border-radius:50%;flex-shrink:0;width:8px;height:8px}.structure-item__dot--completed{background:var(--complete)}.structure-item__dot--in_progress{background:var(--accent)}.structure-item--active .structure-item__link{background:var(--accent-muted);border-radius:var(--radius-sm)}.structure-item__type-mini{color:var(--text-muted);text-transform:uppercase;font-size:10px}.learning-breadcrumbs{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.learning-breadcrumbs__type{text-transform:uppercase;background:var(--accent-muted);color:var(--text);border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.breadcrumbs__list{flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.breadcrumbs__item{align-items:center;gap:4px;display:flex}.breadcrumbs__sep{color:var(--text-muted);margin:0 2px}.breadcrumbs__link{color:var(--text-muted)}.breadcrumbs__link:hover{color:var(--text)}.breadcrumbs__current{color:var(--text);font-weight:500}.learning-step-nav{background:0 0;border:none;grid-template-columns:1fr 1fr;gap:16px;margin:32px 0 0;padding:0;display:grid}.learning-step-nav__spacer{display:block}.learning-step-nav__link{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s,background .15s;display:flex}.learning-step-nav__link:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:var(--shadow);color:var(--text);transform:translateY(-2px)}.learning-step-nav__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.learning-step-nav__link--next{text-align:right;flex-direction:row-reverse}.learning-step-nav__arrow{background:var(--accent-muted);width:38px;height:38px;color:var(--text);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;font-weight:700;transition:background .15s,color .15s;display:grid}.learning-step-nav__link:hover .learning-step-nav__arrow{background:var(--accent);color:var(--accent-text)}.learning-step-nav__text{flex-direction:column;gap:3px;min-width:0;display:flex}.learning-step-nav__dir{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:11px;font-weight:700}.learning-step-nav__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.learning-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.learning-next-step{flex-direction:column;gap:10px;margin-top:20px;padding:16px 18px;display:flex}.learning-next-step__label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.learning-next-step__link{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.learning-next-step__link:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:var(--shadow);color:var(--text);transform:translateY(-1px)}.learning-next-step__title{font-size:15px;font-weight:600;line-height:1.35}.learning-next-step__arrow{color:var(--accent);flex-shrink:0;font-size:18px;font-weight:700}.learning-footer__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.learning-footer__next{display:none}.learning-footer__done{margin:16px 0 0}.report-issue-link--floating{z-index:30;border:1px solid var(--border);background:var(--panel-bg);box-shadow:var(--shadow-lg);color:var(--text-muted);transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, color .15s ease, opacity var(--duration-normal) var(--ease-out);border-radius:999px;padding:10px 14px 10px 10px;font-size:13px;font-weight:600;text-decoration:none;position:fixed;bottom:clamp(16px,2.5vw,28px);right:clamp(16px,2.5vw,28px)}.learning-footer__sentinel{pointer-events:none;height:1px;margin-top:-1px}.report-issue-link--floating-hidden{opacity:0;pointer-events:none;transform:translateY(12px)}.report-issue-link--floating:hover{color:var(--text);border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-2px);box-shadow:0 10px 28px #0000001f}.report-issue-link--floating .report-issue-link__icon{background:color-mix(in srgb, var(--accent) 12%, var(--panel-bg));border-color:color-mix(in srgb, var(--accent) 25%, var(--border));width:32px;height:32px}.coding-task-page .report-issue-link--floating{bottom:clamp(20px,3vw,32px)}.course-complete{align-items:center;gap:var(--space-4);border:1px solid color-mix(in srgb, var(--complete) 35%, var(--border));border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--complete) 12%, var(--surface)), var(--surface) 75%);flex-wrap:wrap;flex:100%;width:100%;padding:18px 22px;display:flex}.course-complete--banner{margin-bottom:20px}.course-complete__badge{background:var(--complete-bg);border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:24px;line-height:1;display:grid}.course-complete__text{flex:1;min-width:180px}.course-complete__title{color:var(--complete-text);margin:0 0 4px;font-size:17px;font-weight:700}.course-complete__sub{color:var(--text-muted);margin:0;font-size:14px;line-height:1.45}.course-complete__cta{flex-shrink:0}.course-complete__badge{animation:course-complete-pop .5s var(--ease-out,ease) both}@keyframes course-complete-pop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.course-complete__badge{animation:none}.learning-shell,.app-shell,.learning-shell__sidebar,.learning-shell__sidebar-body,.learning-shell__sidebar-rail,.learning-shell__content,.learning-page,.learning-page--wide,.learning-shell__backdrop,.shell-backdrop,.sidebar,.sidebar__link-text,.sidebar__brand-text,.sidebar__user-text,.sidebar__nav-group,.sidebar__chevron,.sidebar__logout,.theme-toggle__label{transition:none!important}.program-module__panel,.program-module__panel-inner,.program-module__chevron,.program-sidebar__body,.program-sidebar__list-toggle-chevron{transition:none}.program-module--open .program-module__panel-inner{opacity:1;transform:none}}.course-overview__cta{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:20px;display:flex}.course-overview__next-title{margin:8px 0 0;font-size:18px}.course-overview__stats{margin-bottom:20px}.course-overview__stats-title{margin:0 0 8px;font-size:15px;font-weight:600}.course-overview__stats-line{margin:0;font-size:16px}.course-overview__stats-total{margin:6px 0 0;font-size:14px}.course-overview__hint{border-top:1px solid var(--border);margin:20px 0 0;padding-top:16px}.preview-banner{background:var(--surface-elevated,var(--panel-bg));border:1px solid var(--border);border-left:4px solid var(--accent);align-items:flex-start;gap:16px;margin-bottom:20px;padding:20px 24px;display:flex}.preview-banner__icon{flex-shrink:0;font-size:28px;line-height:1}.preview-banner__title{margin:0 0 6px;font-size:17px}.preview-banner__text{margin:0;font-size:14px;line-height:1.5}.coding-task-page{flex-direction:column;gap:14px;width:100%;max-width:none;min-height:calc(100vh - 56px);display:flex}.coding-task-workspace{flex-direction:column;flex:1;height:min(780px,100vh - 196px);min-height:0;display:flex}.coding-task-page>.learning-step-nav,.coding-task-page>.learning-footer{flex-shrink:0}.coding-task-page__header{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, var(--accent-muted)) 0%, var(--surface) 80%), var(--surface);border-radius:14px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px 16px;display:flex;box-shadow:0 8px 22px #0000000a}.coding-task-status-banner{border:1px solid var(--border);background:var(--panel-bg);border-radius:10px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.coding-task-status-banner--expired{border-color:color-mix(in srgb, #b91c1c 40%, var(--border));background:color-mix(in srgb, #b91c1c 8%, var(--panel-bg))}.coding-task-status-banner--passed{border-color:color-mix(in srgb, #15803d 35%, var(--border));background:color-mix(in srgb, #15803d 8%, var(--panel-bg))}.coding-task-status-banner__text{color:var(--text);flex:1;min-width:200px;font-size:13px;line-height:1.45}.coding-task-status-banner .coding-task-restart-btn{flex-shrink:0}.coding-task-page__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.coding-task-layout{flex:1;grid-template-columns:minmax(520px,1.42fr) 6px minmax(300px,.82fr);gap:0 12px;height:100%;min-height:0;display:grid}.coding-task-layout__splitter{cursor:col-resize;touch-action:none;background:0 0;border-radius:999px;align-self:stretch;width:6px;margin:0 -3px;transition:background .15s}.coding-task-layout__splitter:hover,.coding-task-layout__splitter:focus-visible,body.coding-task-resizing .coding-task-layout__splitter{background:color-mix(in srgb, var(--accent) 35%, transparent)}.coding-task-layout__splitter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.coding-task-editor,.coding-task-side{min-height:0}.coding-task-editor{border:1px solid var(--border);background:var(--panel-bg);border-radius:14px;flex-direction:column;height:100%;min-height:340px;max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000000a}.coding-task-editor__body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.coding-task-editor__overlay{text-align:center;color:var(--text-muted,#64748b);background:color-mix(in srgb, var(--panel-bg) 82%, transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;justify-content:center;align-items:center;padding:24px;font-size:14px;font-weight:600;display:flex;position:absolute;inset:0}.coding-task-editor__overlay--expired{pointer-events:auto;color:var(--text);background:color-mix(in srgb, #b91c1c 8%, var(--panel-bg) 92%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.coding-task-expired-card{border:1px solid color-mix(in srgb, #b91c1c 30%, var(--border));background:var(--panel-bg);max-width:360px;box-shadow:var(--shadow-lg);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:12px;padding:24px 28px;display:flex}.coding-task-expired-card__icon{background:#b91c1c1f;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;line-height:1;display:flex}.coding-task-expired-card__title{color:#b91c1c;margin:0;font-size:17px;font-weight:700}.coding-task-expired-card__text{color:var(--text-muted,#64748b);margin:0;font-size:14px;font-weight:500;line-height:1.55}.coding-task-side{flex-direction:column;gap:14px;min-height:0;display:flex;overflow:hidden}.coding-task-side--intro{flex:1}.coding-task-panel--task{flex:45%;min-height:160px}.coding-task-panel--console{flex:0 200px;min-height:140px}.coding-task-panel--history{flex:0 180px;min-height:120px}.coding-task-page__header .coding-timer{flex-shrink:0;gap:12px;margin-top:0;padding:8px 12px}.coding-task-page__header .coding-timer__ring{width:48px;height:48px}.coding-task-page__header .coding-timer__value{font-size:12px}.coding-task-page__header .coding-timer__label{font-size:13px}.coding-task-page__header .coding-timer__sub{font-size:11px}.coding-task-panel--task .coding-task-panel__body{flex:1}.coding-task-panel{border:1px solid var(--border);background:var(--panel-bg);border-radius:14px;flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:0 6px 18px #00000008}.coding-task-panel__title{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:42px;padding:10px 14px;font-size:12.5px;font-weight:700;display:flex}.coding-task-panel__title>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.coding-task-panel__body{min-height:0;padding:14px;overflow:auto}.coding-task-panel--console{flex-direction:column;min-height:0;display:flex}.coding-task-panel__title--console{gap:12px}.coding-console__meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.coding-console__copy{border:1px solid var(--border);background:var(--surface-elevated,var(--panel-bg));color:var(--text-muted,#64748b);cursor:pointer;white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.coding-console__status{color:var(--text-muted,#64748b);font-size:12px;font-weight:600}.coding-console__copy:hover{border-color:var(--accent);color:var(--text)}.coding-task-console{font-family:var(--font-mono,ui-monospace, monospace);white-space:pre-wrap;word-break:break-word;color:var(--text);flex:1;min-height:0;margin:0;padding:14px;font-size:13px;line-height:1.58;overflow:auto}.coding-console__body{flex-direction:column;flex:1;min-height:0;display:flex}.coding-draft-status{color:var(--text-muted,#64748b);margin-left:8px;font-size:11px;font-weight:600}.coding-draft-status--saved{color:#15803d}.coding-draft-status--error{color:#b91c1c}.coding-task-panel__title--toolbar{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px;display:flex}@media (width>=720px){.coding-task-panel__title--toolbar{flex-direction:row;justify-content:space-between;align-items:center}}.coding-task-toolbar__heading{flex-shrink:0;align-items:center;gap:8px;min-width:0;display:flex}.coding-task-toolbar__label{white-space:nowrap;font-size:13px;font-weight:600}.coding-task-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.coding-btn{border:1px solid var(--border);background:var(--surface-elevated,var(--panel-bg));color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.coding-btn:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--panel-bg))}.coding-btn:disabled{opacity:.45;cursor:not-allowed}.coding-btn--run{background:var(--surface);border-color:var(--border-strong);color:var(--text);padding-left:10px}.coding-btn--run:hover:not(:disabled){border-color:var(--accent);background:var(--accent-muted);color:var(--text)}.coding-btn--check{background:var(--accent);color:var(--accent-text,#1a1a1f);border-color:#0000}.coding-btn--check:hover:not(:disabled){filter:brightness(1.08);color:var(--accent-text,#1a1a1f);border-color:#0000}.coding-btn--hint{border-style:dashed}.coding-btn--ghost{color:var(--text-muted,#64748b);background:0 0;border-style:solid;padding:6px 12px;font-size:12px}.coding-btn--ghost:hover:not(:disabled){color:var(--text);border-color:var(--border);background:color-mix(in srgb, var(--accent) 6%, var(--panel-bg))}.coding-btn__icon{width:14px;height:14px}.coding-btn__badge{background:color-mix(in srgb, var(--accent) 18%, transparent);min-width:18px;height:18px;color:var(--accent);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.coding-btn--run .coding-btn__badge{color:#fff;background:#ffffff40}.coding-hint-backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;justify-content:center;align-items:center;padding:24px;animation:.2s coding-hint-fade-in;display:flex;position:fixed;inset:0}.coding-hint-modal{background:var(--panel-bg);border:1px solid var(--border);text-align:center;border-radius:16px;width:min(100%,400px);padding:28px 24px 22px;animation:.25s cubic-bezier(.34,1.4,.64,1) coding-hint-pop;box-shadow:0 20px 50px #0000002e}.coding-hint-modal__icon{margin-bottom:8px;font-size:36px;line-height:1}.coding-hint-modal__badge{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:12px;font-weight:600}.coding-hint-modal__title{margin:0 0 12px;font-size:20px;font-weight:700}.coding-hint-modal__text{color:var(--text-muted,#64748b);text-align:left;white-space:pre-wrap;margin:0 0 20px;font-size:15px;line-height:1.55}.coding-hint-modal__close{width:100%}.coding-task-footer--success{margin-top:4px}@keyframes coding-hint-fade-in{0%{opacity:0}to{opacity:1}}@keyframes coding-hint-pop{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.coding-task-footer{flex-wrap:wrap;align-items:center;gap:12px;padding-top:4px;display:flex}.coding-task-condition{flex-direction:column;gap:14px;display:flex;overflow:hidden}.coding-task-statement{flex:1;min-height:0;padding-right:6px;overflow:auto}.coding-task-statement .markdown{color:var(--text);font-size:15px;line-height:1.66}.coding-task-statement .markdown>:first-child{margin-top:0}.coding-task-condition__meta{color:var(--text-muted,#64748b);margin:12px 0 0;font-size:12.5px;line-height:1.5}.coding-task-examples{flex-direction:column;gap:10px;margin-top:18px;display:flex}.coding-task-examples__heading{letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted,#64748b);margin:0;font-size:13px;font-weight:700}.coding-task-example{border:1px solid var(--border);background:var(--surface-elevated,#00000005);border-radius:10px;overflow:hidden}.coding-task-example__desc{border-bottom:1px solid var(--border);color:var(--text);margin:0;padding:8px 12px;font-size:13px;line-height:1.5}.coding-task-example__io{background:var(--border);grid-template-columns:1fr 1fr;gap:1px;display:grid}.coding-task-example__col{background:var(--panel-bg);flex-direction:column;display:flex}.coding-task-example__label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted,#64748b);padding:6px 12px 0;font-size:10px;font-weight:700}.coding-task-example__col pre{font-family:var(--font-mono,ui-monospace, monospace);white-space:pre-wrap;word-break:break-word;color:var(--text);margin:0;padding:4px 12px 10px;font-size:12.5px;line-height:1.5}@media (width<=520px){.coding-task-example__io{grid-template-columns:1fr}}.coding-task-intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:38px 28px;display:flex;overflow:auto}.coding-task-intro__icon{background:var(--accent-muted,#ffcc0024);width:56px;height:56px;font-family:var(--font-mono,ui-monospace, monospace);color:var(--text);border-radius:16px;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:inline-flex}.coding-task-intro__title{margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.2}.coding-task-intro__lead{max-width:560px;color:var(--text-muted,#64748b);margin:0;font-size:15px;line-height:1.7}.coding-task-intro__chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.coding-task-chip{border:1px solid var(--border);background:var(--surface-elevated,var(--panel-bg));color:var(--text);border-radius:999px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.coding-task-intro__btn{min-width:220px;margin-top:4px}.coding-task-intro__note{max-width:520px;color:var(--text-muted,#64748b);margin:0;font-size:13px;line-height:1.6}.coding-task-editor__locked{border:1px solid var(--border);background:var(--panel-bg);max-width:340px;box-shadow:var(--shadow);color:var(--text);border-radius:12px;align-items:center;gap:10px;padding:14px 18px;font-size:13px;font-weight:600;display:flex}.coding-task-editor__locked-icon{font-size:18px;line-height:1}.coding-task-timeout{border:1px solid color-mix(in srgb, #b91c1c 35%, var(--border));background:#b91c1c14;border-radius:12px;margin-top:14px;padding:14px 16px}.coding-task-timeout__head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.coding-task-timeout__badge{background:#b91c1c24;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;line-height:1;display:inline-flex}.coding-task-timeout__title{color:#b91c1c;margin:0;font-size:15px;font-weight:700}.coding-task-timeout__list{color:var(--text);margin:0 0 14px;padding-left:18px;font-size:13px;line-height:1.55}.coding-task-timeout__actions{flex-wrap:wrap;gap:8px;display:flex}.coding-task-restart-btn{white-space:nowrap;min-width:152px;box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 45%, transparent);justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:700;display:inline-flex}.coding-task-restart-btn:hover:not(:disabled){box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 55%, transparent);transform:translateY(-1px)}.coding-task-restart-btn__icon{flex-shrink:0;width:16px;height:16px}.coding-task-restart-btn__icon--spin{animation:.8s linear infinite coding-restart-spin}@keyframes coding-restart-spin{to{transform:rotate(360deg)}}.coding-task-toolbar .coding-task-restart-btn{min-width:0;padding:7px 14px}.coding-task-expired-bar{border:1px solid color-mix(in srgb, #b91c1c 40%, var(--border));background:color-mix(in srgb, #b91c1c 10%, var(--panel-bg));box-shadow:var(--shadow);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.coding-task-expired-bar__text{color:var(--text);font-size:14px;line-height:1.5}.coding-task-expired-bar__text strong{color:#b91c1c}.coding-btn--restart{border:1px solid color-mix(in srgb, #b91c1c 45%, var(--border));background:color-mix(in srgb, #b91c1c 10%, var(--panel-bg));color:#b91c1c;white-space:nowrap;border-style:solid;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.coding-btn--restart:hover:not(:disabled){background:color-mix(in srgb, #b91c1c 16%, var(--panel-bg));color:#991b1b;border-color:#b91c1c}.coding-task-toolbar .coding-btn--restart{padding:6px 14px}.form-hint{margin-top:var(--space-1);color:var(--text-muted);font-size:12px;font-weight:400;line-height:1.45;display:block}.coding-admin-help{margin:8px 0 4px;padding:16px 18px}.coding-admin-help__title{margin:0 0 10px;font-size:15px}.coding-admin-help__list{margin:0 0 12px;padding-left:18px;font-size:13px;line-height:1.55}.coding-admin-help__list code{font-size:12px}.coding-admin-help__example-title{margin:0 0 6px;font-size:13px;font-weight:600}.coding-admin-help__example{background:var(--surface-elevated,#0000000a);white-space:pre-wrap;border-radius:8px;margin:0;padding:10px 12px;font-size:12px;line-height:1.5}.coding-admin-tests__desc{color:var(--text-muted,#64748b);margin:4px 0 0;font-size:13px}.coding-admin-tests__empty{margin:0;font-size:13px}.coding-admin-test__label{letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted,#64748b);margin:0;font-size:12px;font-weight:700}.coding-task-start__btn{align-self:flex-start}.coding-timer{--timer-color:var(--progress);border:1px solid color-mix(in srgb, var(--timer-color) 28%, var(--border));background:color-mix(in srgb, var(--timer-color) 7%, var(--panel-bg));border-radius:14px;align-items:center;gap:16px;margin-top:14px;padding:14px 18px;transition:border-color .3s,background .3s;display:flex}.coding-timer--warning{--timer-color:#f59e0b}.coding-timer--expired{--timer-color:#dc2626}.coding-timer--completed{--timer-color:var(--success,#16a34a)}.coding-timer__ring{flex-shrink:0;width:60px;height:60px;position:relative}.coding-timer__svg{width:100%;height:100%;transform:rotate(-90deg)}.coding-timer__track{fill:none;stroke:color-mix(in srgb, var(--timer-color) 18%, transparent);stroke-width:6px}.coding-timer__progress{fill:none;stroke:var(--timer-color);stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .6s linear,stroke .3s}.coding-timer__value{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;color:var(--timer-color);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute;inset:0}.coding-timer__meta{flex-direction:column;gap:2px;min-width:0;display:flex}.coding-timer__label{color:var(--text);font-size:14px;font-weight:700}.coding-timer--expired .coding-timer__label,.coding-timer--warning .coding-timer__label{color:var(--timer-color)}.coding-timer__sub{color:var(--text-muted,#64748b);font-size:12px}.coding-timer--warning .coding-timer__ring{animation:1.4s ease-in-out infinite coding-timer-pulse}@keyframes coding-timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.coding-timer--warning .coding-timer__ring{animation:none}}.coding-task-examples,.coding-task-hints{margin-top:16px}.coding-task-example pre,.coding-task-hint{background:var(--surface-elevated,#0000000a);border-radius:8px;margin-top:8px;padding:10px 12px;font-size:13px}.coding-verdict{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.coding-verdict--success{color:#15803d;background:#15803d1f}.coding-verdict--wrong_answer,.coding-verdict--compile_error,.coding-verdict--runtime_error,.coding-verdict--time_limit,.coding-verdict--internal_error{color:#b91c1c;background:#b91c1c1f}.code-textarea{width:100%;font-family:var(--font-mono,ui-monospace, monospace);font-size:13px;line-height:1.5}.coding-task-editor__codemirror{flex:1;min-height:0;overflow:hidden}.coding-task-editor__codemirror .cm-editor{height:100%}.coding-task-editor__textarea{resize:none;min-height:0;color:var(--text);background:0 0;border:none;border-radius:0;flex:1;padding:14px}.coding-admin-tests{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex-direction:column;display:flex}.coding-admin-tests__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.coding-admin-tests__header h2{margin:0;font-size:15px;font-weight:700}.coding-admin-test{gap:var(--space-3);padding:var(--space-4);background:var(--surface);flex-direction:column;display:flex}@media (width<=960px){.coding-task-workspace{min-height:auto}.coding-task-layout{grid-template-rows:minmax(280px,42vh) minmax(0,1fr);gap:12px;height:auto;grid-template-columns:1fr!important}.coding-task-layout__splitter{display:none}.coding-task-side{min-height:0;max-height:none}.coding-task-panel--task{flex:auto;min-height:200px}.coding-task-panel--console{flex:0 0 160px;min-height:140px}.coding-task-panel--history{flex:0 160px;min-height:120px}.coding-task-status-banner{flex-direction:column;align-items:stretch}.coding-task-status-banner .coding-task-restart-btn{width:100%}}.coding-history__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.coding-history__empty{margin:0;font-size:13px}.coding-history__item{border:1px solid var(--border);background:var(--surface-elevated,#00000005);border-radius:10px;overflow:hidden}.coding-history__item--passed{border-color:color-mix(in srgb, #15803d 35%, var(--border))}.coding-history__head{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.coding-history__head:hover{background:color-mix(in srgb, var(--accent) 6%, transparent)}.coding-history__attempt{color:var(--text-muted,#64748b);font-size:12px;font-weight:700}.coding-history__verdict{font-size:12px;font-weight:700}.coding-history__verdict--success{color:#15803d}.coding-history__verdict--wrong_answer,.coding-history__verdict--compile_error,.coding-history__verdict--runtime_error,.coding-history__verdict--time_limit,.coding-history__verdict--internal_error{color:#b91c1c}.coding-history__tests{color:var(--text-muted,#64748b);font-size:11px}.coding-history__time{color:var(--text-muted,#64748b);white-space:nowrap;font-size:11px}.coding-history__body{flex-direction:column;gap:10px;padding:0 12px 12px;display:flex}.coding-history__meta{margin:0;font-size:13px}.coding-history__message{margin:0;font-size:13px;line-height:1.5}.coding-history__io{flex-direction:column;gap:8px;display:flex}.coding-history__pre{font-family:var(--font-mono,ui-monospace, monospace);white-space:pre-wrap;word-break:break-word;background:#0000000a;border-radius:8px;max-height:120px;margin:0;padding:8px 10px;font-size:12px;line-height:1.45;overflow:auto}.coding-history__pre--stderr{color:#b91c1c}.coding-history__pre-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted,#64748b);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.coding-history__code{font-size:13px}.coding-history__code pre{font-family:var(--font-mono,ui-monospace, monospace);white-space:pre-wrap;background:#0000000a;border-radius:8px;max-height:200px;margin:8px 0 0;padding:10px;font-size:12px;line-height:1.45;overflow:auto}.coding-history__restore{align-self:flex-start}.coding-task-panel--history .coding-task-panel__body{padding:10px 12px}@media (width<=960px){.coding-history__head{grid-template-rows:auto auto;grid-template-columns:auto 1fr}.coding-history__tests,.coding-history__time{grid-column:2}}.multi-file-editor__tabs{border-bottom:1px solid var(--border-subtle,#00000014);gap:4px;padding:8px 8px 0;display:flex;overflow-x:auto}.multi-file-editor__tab{cursor:pointer;font-family:var(--font-mono,ui-monospace, monospace);color:var(--text);background:0 0;border:2px solid #0000;border-radius:8px 8px 0 0;padding:8px 12px;font-size:12px}.multi-file-editor__tab--active{border-color:var(--accent,#eab308);background:0 0;border-bottom-color:#0000;margin-bottom:-1px;font-weight:600}.ai-review-history__item{border:1px solid var(--border-subtle,#00000014);border-radius:8px;margin-bottom:8px;padding:8px 10px}.works-filters__tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.works-filters__tab{border:1px solid var(--border-subtle,#0000001a);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px}.works-filters__tab--active{background:var(--accent,#2563eb);color:#fff;border-color:#0000}.works-filters__tab--small{padding:4px 10px;font-size:13px}.works-list{gap:12px;display:grid}.works-card__head{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;gap:12px;width:100%;padding:0;display:flex}.works-card--unread{border-left:3px solid var(--accent,#2563eb)}.works-card__body{gap:10px;margin-top:12px;display:grid}.works-card__actions{flex-wrap:wrap;gap:8px;display:flex}.admin-coding-task-form,.coding-grading-picker{gap:var(--space-4);flex-direction:column;display:flex}.coding-grading-picker__title{margin:0;font-size:16px;font-weight:700}.coding-grading-picker__desc{margin:4px 0 0;font-size:13px}.coding-grading-picker__toggle{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=720px){.coding-grading-picker__toggle{grid-template-columns:1fr}}.coding-grading-picker__option{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;align-items:flex-start;gap:12px;padding:14px 16px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.coding-grading-picker__option:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.coding-grading-picker__option--active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent)}.coding-grading-picker__option:disabled{opacity:.65;cursor:not-allowed}.coding-grading-picker__option-icon{background:color-mix(in srgb, var(--accent) 12%, var(--surface));width:28px;height:28px;color:var(--accent);border-radius:8px;flex-shrink:0;place-items:center;font-size:14px;display:grid}.coding-grading-picker__option-body{flex-direction:column;gap:4px;min-width:0;display:flex}.coding-grading-picker__option-title{font-size:14px;font-weight:700}.coding-grading-picker__option-hint{color:var(--text-muted);font-size:12px;font-weight:400;line-height:1.4}.coding-grading-picker__prompt textarea{width:100%;margin-top:6px}.admin-project-files-editor .multi-file-editor{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--code-bg,#1e1e24);overflow:hidden}.admin-project-files-editor .multi-file-editor__tab{color:#ffffffe0}.admin-project-files-editor .multi-file-editor__tab--active{color:#fff;border-color:var(--accent,#eab308)}.admin-project-files-editor__editor.coding-task-editor__codemirror{min-height:300px}.admin-project-files-editor__editor.coding-task-editor__codemirror .cm-editor{height:300px;min-height:300px}.admin-project-files-editor .multi-file-editor__tabs{border-bottom-color:#ffffff1f}.admin-project-files-editor__add-row{background:color-mix(in srgb, #000 18%, var(--code-bg,#1e1e24));border-bottom:1px solid #ffffff1f;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.admin-project-files-editor__add-row input{border-radius:var(--radius-sm);background:color-mix(in srgb, #000 24%, var(--code-bg,#1e1e24));color:#ffffffeb;min-width:160px;font-family:var(--font-mono,ui-monospace, monospace);border:1px solid #fff3;flex:1;padding:8px 10px;font-size:13px}.admin-project-files-editor__add-row input::placeholder{color:#ffffff6b}.admin-project-files-editor__add-row input:focus{border-color:var(--accent,#eab308);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent,#eab308) 28%, transparent)}.admin-project-files-editor__add-error{margin:0;padding:0 12px 8px}.admin-project-files-editor__hint{margin:8px 0 0}.admin-project-files-editor__hint-label .help-tip{margin-left:6px}.multi-file-editor__tab{align-items:center;gap:6px;display:inline-flex}.multi-file-editor__tab--add{color:var(--accent);font-weight:600}.multi-file-editor__tab-badge{text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.multi-file-editor__tab-close{width:18px;height:18px;color:var(--text-muted);opacity:.7;border-radius:4px;justify-content:center;align-items:center;margin-left:2px;font-size:14px;line-height:1;display:inline-flex}.multi-file-editor__tab-close:hover{opacity:1;background:color-mix(in srgb, var(--danger,#dc2626) 15%, transparent);color:var(--danger,#dc2626)}.progress-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.progress-ring__track{stroke:var(--border)}.progress-ring__fill{stroke:var(--progress);transition:stroke-dashoffset .4s}.progress-ring__label{font-size:11px;font-weight:700;position:absolute}.course-card--rich{flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.course-card--preview{border-style:dashed}.course-card__badge{z-index:1;text-transform:uppercase;letter-spacing:.04em;background:var(--panel-bg);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:14px;right:14px;box-shadow:0 1px 4px #0000000f}.course-card__preview-icon{opacity:.7;flex-shrink:0;font-size:28px;line-height:1}.admin-form__hint{margin:-4px 0 12px;padding-left:28px;font-size:13px;line-height:1.45}.course-card__cover{width:100%;height:6px}.course-card__body{padding:18px 20px}.course-card__row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.profile-grid{gap:20px;max-width:640px;display:grid}.profile-page{width:100%;max-width:980px;margin-inline:auto}.profile-layout{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.profile-aside{flex-direction:column;gap:20px;display:flex;position:sticky;top:24px}.profile-main{flex-direction:column;gap:20px;min-width:0;display:flex}.profile-card{align-items:center;gap:16px;display:flex}.profile-card--student{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:28px 20px 24px}.profile-card__avatar{background:var(--accent-muted);width:64px;height:64px;color:var(--text);border-radius:50%;place-items:center;font-size:24px;font-weight:700;display:grid}.profile-card--student .profile-card__avatar{width:76px;height:76px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent);font-size:30px}.profile-card__identity{width:100%;min-width:0}.profile-card__identity h2{word-break:break-word;margin:0 0 2px;font-size:19px;line-height:1.25}.profile-card__identity .muted{margin:0;font-size:13px}.profile-card__email,.profile-card__github{border-top:1px solid var(--border);color:var(--text-muted);word-break:break-all;margin:10px 0 0;padding-top:10px;font-size:13px}.profile-card__github{border-top:none;margin-top:6px;padding-top:0}.profile-session{flex-direction:column;gap:8px;display:flex}.profile-session h3{margin:0;font-size:15px}.profile-session .muted{margin:0;font-size:13px;line-height:1.5}.profile-session .btn{align-self:flex-start;margin-top:6px}.profile-session__actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.session-list{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.session-list__item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.session-list__meta{flex-direction:column;gap:4px;display:flex}.session-list__ua{word-break:break-word;font-size:12px}.profile-form{flex-direction:column;display:flex}.profile-form__head{margin-bottom:18px}.profile-form__head--split{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.profile-form__head h3{margin:0 0 4px;font-size:16px}.profile-form__head .muted{margin:0;font-size:13px;line-height:1.5}.profile-form h3{margin:0 0 16px;font-size:16px}.profile-form label{color:var(--text-muted);flex-direction:column;gap:6px;margin-bottom:16px;font-size:13px;font-weight:600;display:flex}.profile-form .password-field{margin-bottom:16px}.profile-form .password-field__input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-weight:500;transition:border-color .15s,box-shadow .15s}.profile-form .password-field__input:hover{border-color:var(--border-strong)}.profile-form .password-field__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}.profile-form input{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);padding:11px 13px;font-size:14px;font-weight:500;transition:border-color .15s,box-shadow .15s}.profile-form input:hover{border-color:var(--border-strong)}.profile-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}.profile-form .form-error,.profile-form .success-msg{margin:0 0 14px;font-size:13px}.profile-form__actions{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.profile-tour-list{flex-direction:column;gap:10px;display:flex}.profile-tour-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 84%, var(--bg));color:var(--text);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;transition:border-color .15s,background .15s;display:grid}.profile-tour-item:hover{border-color:color-mix(in srgb, var(--accent) 26%, var(--border));background:color-mix(in srgb, var(--surface) 74%, var(--accent-muted))}.profile-tour-item__content{flex-direction:column;gap:3px;min-width:0;display:flex}.profile-tour-item strong{font-size:14px;line-height:1.35}.profile-tour-item .muted{margin:0;font-size:12.5px;line-height:1.45}.profile-tour-item__action{flex-shrink:0}@media (width<=720px){.profile-layout{grid-template-columns:1fr}.profile-aside{position:static}.profile-form__head--split{flex-direction:column;align-items:stretch}.profile-tour-item{grid-template-columns:1fr;align-items:flex-start}}@media (width>=901px){.main-content:has(.learning-shell){align-items:stretch;padding:0}.main-content:has(.learning-shell) .main-content__inner{max-width:none;margin:0;overflow:visible}}.toast-stack{z-index:1000;pointer-events:none;flex-direction:column-reverse;gap:10px;max-width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:toast-in var(--duration-normal) var(--ease-out);transform-origin:100%;align-items:flex-start;gap:12px;padding:14px 40px 16px 14px;font-size:14px;line-height:1.4;display:flex;position:relative;overflow:hidden}.quiz-result{animation:panel-in var(--duration-normal) var(--ease-out)}.quiz-result__icon{animation:step-status-pop var(--duration-normal) var(--ease-spring)}.toast--success{border-left:4px solid var(--success)}.toast--error{border-left:4px solid var(--danger)}.toast--info{border-left:4px solid var(--accent)}.toast__icon{border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:grid}.toast--success .toast__icon{background:var(--success-bg);color:var(--success)}.toast--error .toast__icon{background:var(--danger-bg);color:var(--danger)}.toast--info .toast__icon{background:var(--accent-muted);color:var(--text)}.toast__message{flex:1;padding-top:4px}.toast__close{cursor:pointer;color:var(--text-muted);transition:color var(--duration-fast,.15s), background var(--duration-fast,.15s);background:0 0;border:none;border-radius:4px;padding:4px;font-size:20px;line-height:1;position:absolute;top:8px;right:8px}.toast__close:hover{color:var(--text);background:var(--bg)}.empty-state-block{text-align:center;padding:48px 24px}.empty-state-block__title{margin:0 0 8px;font-size:18px}.empty-state-block__action{margin-top:20px}.locked-content{text-align:center;max-width:480px;margin:0 auto;padding:48px 32px}.locked-content__icon{margin-bottom:16px;font-size:40px;display:block}.locked-content h2{margin:0 0 12px}.learning-shell__toggle{margin-bottom:12px;display:none}.learning-shell__backdrop{display:none}.learning-shell__backdrop--visible{pointer-events:auto}@media (width<=900px){.login-page{grid-template-columns:1fr}.login-page--unified{align-items:flex-start;padding:16px}.login-card--unified{grid-template-columns:1fr}.login-card__intro{padding:24px 22px 20px}.login-card__intro .login-page__feature-grid{display:none}.login-card__intro .login-page__tagline{margin-bottom:0;font-size:14px}.login-card__form-panel{padding:24px 22px 28px}.login-page--v2 .login-page__hero{min-height:auto;padding:28px 20px 24px}.login-page__feature-grid{display:none}.login-page__tagline{margin-bottom:0;font-size:14px}.login-card--v2{padding:28px 22px}.learning-shell__toggle{display:inline-flex}.learning-shell__collapse{display:none}.learning-shell--sidebar-collapsed{grid-template-columns:1fr}.learning-shell--sidebar-collapsed .learning-shell__reopen{display:none}.learning-shell--sidebar-collapsed .learning-shell__sidebar{display:block}.learning-shell__backdrop{z-index:40;cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);background:#00000073;border:none;display:block;position:fixed;inset:0}.learning-shell__backdrop--visible{opacity:1;pointer-events:auto}.learning-shell__sidebar{z-index:50;width:min(300px,88vw);max-height:100vh;transition:transform var(--duration-slow) var(--ease-out);box-shadow:var(--shadow);position:fixed;top:0;bottom:0;left:0;transform:translate(-110%)}.learning-shell--sidebar-collapsed .learning-shell__sidebar-body{opacity:1;pointer-events:auto;padding:0;position:static;inset:auto;transform:none}.learning-shell__sidebar-rail{display:none!important}.learning-shell--program-open .learning-shell__sidebar{transform:translate(0)}.learning-shell--program-open .learning-shell__content{pointer-events:none}.app-shell{grid-template-columns:unset;flex-direction:column;display:flex}.app-shell--sidebar-collapsed{--sidebar-width:256px}.sidebar__rail-toggle{display:none!important}.shell-topbar{background:var(--sidebar-bg);color:var(--sidebar-text);border-bottom:1px solid var(--sidebar-border);z-index:50;grid-column:1;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.shell-topbar__menu{background:var(--sidebar-hover);width:40px;height:40px;color:inherit;cursor:pointer;border:none;border-radius:8px;place-items:center;padding:0;display:grid}.shell-topbar__menu-icon{background:currentColor;width:18px;height:2px;display:block;box-shadow:0 -6px,0 6px}.shell-topbar__titles strong{font-size:15px;display:block}.shell-topbar__titles small{color:var(--sidebar-muted);font-size:12px}.shell-backdrop{z-index:90;cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);background:#00000073;border:none;display:block;position:fixed;inset:0}.shell-backdrop--visible{opacity:1;pointer-events:auto}.sidebar{z-index:100;width:min(280px,88vw);height:100dvh;transition:transform var(--duration-slow) var(--ease-out);box-shadow:var(--shadow-lg);border-right:none;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.app-shell--nav-open .sidebar{transform:translate(0)}.library-card__meta{padding-left:0}.library-card__header{grid-template-columns:1fr;gap:8px}.library-card__toolbar .btn--toolbar{flex:calc(50% - 4px);min-width:0}.main-content{flex:1;min-width:0;max-width:none;padding:20px 16px 32px}.page--with-sidebar,.page--split-centered{grid-template-columns:1fr}.continue-card,.continue-hero{flex-direction:column;align-items:flex-start}.continue-hero__title{font-size:22px}.btn--large{text-align:center;width:100%}.learning-shell{grid-template-columns:1fr}.learning-shell__content,.learning-shell__content--loading{padding:4px 0 32px}.learning-shell__sidebar{border-right:none;height:100dvh}.learning-page,.learning-page--wide{max-width:100%}.course-hero{flex-direction:column;align-items:flex-start;padding:22px 20px}.course-continue-card{flex-direction:column;align-items:stretch}.module-card__header{flex-direction:column;gap:12px}.module-card__steps{grid-template-columns:1fr}}.sidebar__badge{background:var(--accent);min-width:20px;height:20px;color:var(--accent-text);border-radius:999px;justify-content:center;align-items:center;margin-left:auto;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.app-shell--sidebar-collapsed .sidebar__badge{min-width:16px;height:16px;margin-left:0;padding:0 4px;font-size:10px;position:absolute;top:4px;right:4px}.feedback-form label,.feedback-detail__note label{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.feedback-form textarea,.feedback-detail__note textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);resize:vertical;padding:10px 12px}.feedback-form__title{margin:0 0 16px;font-size:18px}.feedback-form__actions{gap:12px;display:flex}.feedback-context-banner{border-left:4px solid var(--accent);flex-direction:column;gap:4px;display:flex}.feedback-context-banner__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:12px;font-weight:700}.feedback-context-banner__path{word-break:break-all;font-size:13px}.feedback-history__list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.feedback-history__item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);padding:14px 16px}.feedback-history__item--resolved{border-color:color-mix(in srgb, var(--success) 35%, var(--border));background:color-mix(in srgb, var(--success-bg) 50%, var(--bg))}.feedback-history__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.feedback-history__category{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:12px;font-weight:700}.feedback-history__message,.feedback-detail__message{white-space:pre-wrap;margin:0 0 8px;line-height:1.55}.feedback-status{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.feedback-status--new{color:var(--accent-text);background:var(--accent-muted);border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.feedback-status--resolved{color:var(--success);background:var(--success-bg);border-color:color-mix(in srgb, var(--success) 35%, var(--border))}.feedback-status--dismissed{color:var(--text-muted)}.feedback-status__check{background:var(--success);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:800;display:inline-grid}.btn--resolve{align-items:center;gap:var(--space-2);background:var(--primary);color:var(--primary-fg);box-shadow:var(--shadow);border:none;display:inline-flex}.btn--resolve:hover:not(:disabled){filter:brightness(1.05);box-shadow:var(--shadow-lg)}.btn--resolve__icon{background:#ffffff2e;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:inline-grid}.feedback-detail{flex-direction:column;gap:16px;display:flex}.feedback-detail__head h2{margin:0;font-size:20px}.feedback-detail__resolved{align-items:center;gap:8px;display:flex}.feedback-detail__path{word-break:break-all;font-size:13px}.report-issue-link{color:var(--text-muted);align-items:center;gap:8px;font-size:14px;transition:color .15s;display:inline-flex}.report-issue-link:hover{color:var(--text)}.report-issue-link__icon{background:var(--bg);border:1px solid var(--border);border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;display:inline-grid}.learning-footer__report{border-top:1px dashed var(--border);margin-top:16px;padding-top:16px}.feedback-dashboard-card{color:inherit;border-left:4px solid #ef5da8;flex-direction:column;gap:4px;padding:16px 18px;text-decoration:none;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.feedback-dashboard-card:hover{background:color-mix(in srgb, #ef5da8 8%, var(--surface));box-shadow:var(--shadow-sm);border-left-color:#e91e8c}.learning-analytics{flex-direction:column;gap:20px;display:flex}.learning-analytics__summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.learning-analytics__stat{flex-direction:column;gap:4px;display:flex}.learning-analytics__value{letter-spacing:-.02em;font-size:28px;font-weight:700}.learning-analytics__subtitle{margin:0 0 10px;font-size:15px}.learning-analytics__block{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:18px;display:flex}.learning-analytics__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.learning-analytics__row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;display:flex}.learning-analytics__row:last-child{border-bottom:none}.learning-analytics__row-title{min-width:0;font-weight:600}.learning-analytics__stat{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);padding:14px 16px 14px 18px;position:relative;overflow:hidden}.learning-analytics__stat:before{content:"";background:var(--analytics-tone,var(--accent));width:4px;position:absolute;inset:0 auto 0 0}.learning-analytics__stat .learning-analytics__value{color:var(--analytics-tone,var(--text))}.learning-analytics__stat--time{--analytics-tone:#3b82f6}.learning-analytics__stat--stuck{--analytics-tone:#e08c00}[data-scheme=dark] .learning-analytics__stat--time{--analytics-tone:#60a5fa}[data-scheme=dark] .learning-analytics__stat--stuck{--analytics-tone:#f5b13d}.analytics-bar{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:10px 0;display:flex}.analytics-bar:last-child{border-bottom:none}.analytics-bar__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.analytics-bar__title{min-width:0;font-weight:600}.analytics-bar__head .muted{white-space:nowrap;font-size:13px}.analytics-bar__track{background:color-mix(in srgb, var(--text-muted) 16%, transparent);border-radius:999px;height:8px;overflow:hidden}.analytics-bar__fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.analytics-bar__fill[data-level=high]{background:var(--success)}.analytics-bar__fill[data-level=mid]{background:#e08c00}.analytics-bar__fill[data-level=low]{background:var(--danger)}[data-scheme=dark] .analytics-bar__fill[data-level=mid]{background:#f5b13d}.learning-analytics__list--ranked{gap:0}.learning-analytics__row--feedback{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);border-bottom:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.learning-analytics__row--feedback+.learning-analytics__row--feedback{margin-top:6px}.learning-analytics__row-body{flex-direction:column;gap:2px;min-width:0;display:flex}.learning-analytics__row-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.learning-analytics__row{align-items:center}.learning-analytics__rank{width:26px;height:26px;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:8px;flex:none;place-items:center;font-size:13px;font-weight:800;display:inline-grid}.learning-analytics__rank[data-rank="1"]{color:#1a1a1f;background:var(--accent);border-color:var(--accent)}.learning-analytics__rank[data-rank="2"]{color:var(--text);background:color-mix(in srgb, var(--accent) 30%, var(--surface));border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.learning-analytics__rank[data-rank="3"]{color:var(--text);background:color-mix(in srgb, var(--accent) 16%, var(--surface));border-color:color-mix(in srgb, var(--accent) 26%, var(--border))}.learning-analytics__row .learning-analytics__row-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:14px;font-weight:600;line-height:1.35;text-decoration:none;display:block;overflow:hidden}.learning-analytics__row--feedback .learning-analytics__row-title:hover{color:var(--accent-text);text-underline-offset:2px;text-decoration:underline}.learning-analytics__count{font-variant-numeric:tabular-nums;min-width:28px;height:28px;color:var(--text);background:var(--bg);border:1px solid var(--border);white-space:nowrap;border-radius:999px;flex:none;place-items:center;padding:0 8px;font-size:12px;font-weight:700;display:inline-grid}.feedback-history__resolved-note{align-items:center;gap:6px;margin:0 0 8px;font-size:14px;display:flex}.feedback-page{width:100%;max-width:min(1280px,100%);margin-inline:auto}.feedback-inbox{grid-template-columns:minmax(320px,380px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.feedback-inbox__list{flex-direction:column;gap:14px;max-height:calc(100vh - 48px);padding:16px;display:flex;position:sticky;top:24px}.feedback-inbox__filters{flex-wrap:wrap;gap:8px;display:flex}.feedback-chip{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.feedback-chip:hover{color:var(--text);border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.feedback-chip--active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.feedback-inbox__rows{flex-direction:column;gap:6px;margin:0 -6px;padding:0 6px;display:flex;overflow-y:auto}.feedback-row{border-radius:var(--radius-sm);text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:1px solid #0000;gap:12px;padding:12px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.feedback-row:hover{background:var(--bg);border-color:var(--border)}.feedback-row--active{background:var(--accent-muted);border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:inset 3px 0 0 var(--accent)}.feedback-row--resolved,.feedback-row--dismissed{opacity:.78}.feedback-row__icon{background:var(--bg);border:1px solid var(--border);width:38px;height:38px;color:var(--text-muted);border-radius:10px;flex:none;place-items:center;display:inline-grid}.feedback-row__icon svg{stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.feedback-row__icon--lg{border-radius:12px;width:46px;height:46px}.feedback-row__icon--lg svg{width:22px;height:22px}.feedback-row__icon[data-category=TYPO]{color:#2f7de0;background:color-mix(in srgb, #2f7de0 14%, var(--surface));border-color:color-mix(in srgb, #2f7de0 28%, var(--border))}.feedback-row__icon[data-category=CONTENT_ERROR]{color:var(--danger);background:var(--danger-bg);border-color:color-mix(in srgb, var(--danger) 28%, var(--border))}.feedback-row__icon[data-category=TECHNICAL]{color:#b06b00;background:color-mix(in srgb, #d98a00 16%, var(--surface));border-color:color-mix(in srgb, #d98a00 30%, var(--border))}.feedback-row__icon[data-category=SUGGESTION]{color:var(--success);background:var(--success-bg);border-color:color-mix(in srgb, var(--success) 28%, var(--border))}.feedback-row__main{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.feedback-row__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.feedback-row__category{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-size:12px;font-weight:700}.feedback-row__dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.feedback-row__message{-webkit-line-clamp:2;color:var(--text);-webkit-box-orient:vertical;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.feedback-row__bottom{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.feedback-row__student{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.feedback-row__date{white-space:nowrap;flex:none}.feedback-row__skeleton{border-radius:var(--radius-sm);height:70px}.feedback-inbox__detail{position:sticky;top:24px}.feedback-detail{flex-direction:column;gap:18px;padding:22px;display:flex}.feedback-detail__bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.feedback-detail__back{display:none}.feedback-detail__title-row{align-items:center;gap:14px;display:flex}.feedback-detail__title{margin:0;font-size:20px}.feedback-detail__subtitle{margin:2px 0 0;font-size:13px}.feedback-detail__student-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);align-items:center;gap:12px;padding:12px 14px;display:flex}.feedback-detail__avatar{background:var(--accent-muted);width:42px;height:42px;color:var(--accent-text);letter-spacing:0;text-transform:none;white-space:nowrap;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;line-height:1;display:inline-grid;overflow:hidden}.feedback-detail__student-info{flex-direction:column;gap:2px;min-width:0;display:flex}.feedback-detail__email{color:var(--accent-text);word-break:break-all;font-size:13px}.feedback-detail__section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 8px;font-size:13px;font-weight:700}.feedback-detail__message-block{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);padding:14px 16px}.feedback-detail__meta{flex-direction:column;gap:0;margin:0;display:flex}.feedback-detail__meta-row{border-bottom:1px solid var(--border);grid-template-columns:110px minmax(0,1fr);gap:12px;padding:10px 0;display:grid}.feedback-detail__meta-row:last-child{border-bottom:none}.feedback-detail__meta-row dt{color:var(--text-muted);font-size:13px;font-weight:600}.feedback-detail__meta-row dd{word-break:break-word;min-width:0;margin:0;font-size:14px}.feedback-detail__open-link{align-self:flex-start}.feedback-detail__actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;padding-top:16px;display:flex}.feedback-detail__actions .btn{height:40px;padding-top:0;padding-bottom:0}.feedback-detail__note{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:16px;display:flex}.feedback-detail__note .feedback-detail__section-title{margin:0}.feedback-detail__note-input{resize:vertical;width:100%;min-height:96px}.feedback-detail__note-actions{justify-content:flex-end;display:flex}.feedback-detail__note-actions .btn{height:40px;padding-top:0;padding-bottom:0}.feedback-inbox__pagination{border-top:1px solid var(--border);padding-top:12px}.feedback-inbox__pagination .pagination{margin:0}.feedback-inbox__placeholder{text-align:center;min-height:360px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex}.feedback-inbox__placeholder-icon{background:var(--bg);border:1px solid var(--border);width:64px;height:64px;color:var(--text-muted);border-radius:16px;place-items:center;display:inline-grid}.feedback-inbox__placeholder-icon svg{stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.feedback-inbox__placeholder p{max-width:280px;margin:0;font-size:14px;line-height:1.55}@media (width<=900px){.feedback-inbox{grid-template-columns:1fr}.feedback-inbox__list,.feedback-inbox__detail{max-height:none;position:static}.feedback-inbox--detail-open .feedback-inbox__list,.feedback-inbox:not(.feedback-inbox--detail-open) .feedback-inbox__detail{display:none}.feedback-detail__back{display:inline-flex}}.dashboard-summary{align-items:center;gap:28px;padding:24px 28px;display:flex}.dashboard-summary__ring{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.dashboard-summary__ring .progress-ring__label{letter-spacing:-.02em;font-size:26px;font-weight:800}.dashboard-summary__ring .progress-ring__fill{stroke:var(--progress)}.dashboard-summary__ring-caption{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:12px;font-weight:600}.dashboard-summary__body{flex-direction:column;flex:1;gap:18px;min-width:0;display:flex}.dashboard-summary__stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.dashboard-stat{border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.dashboard-stat__value{letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1.1}.dashboard-stat__label{color:var(--text-muted);font-size:12.5px;font-weight:600}.dashboard-stat--progress .dashboard-stat__value{color:var(--progress)}.dashboard-stat--done .dashboard-stat__value{color:var(--complete-text)}.dashboard-summary__lessons{flex-direction:column;gap:8px;display:flex}.dashboard-summary__lessons-head{justify-content:space-between;align-items:baseline;font-size:13px;font-weight:600;display:flex}.dashboard-summary--skeleton{align-items:center}.dashboard-summary__skeleton-stats{flex:1;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.progress-course-card{transition:box-shadow .15s,border-color .15s,transform .12s;position:relative}.progress-course-card:hover{transform:translateY(-2px)}.progress-course-card__overlay{z-index:1;border-radius:inherit;position:absolute;inset:0}.progress-course-card__overlay:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.progress-course-card .course-card__body{flex-direction:column;gap:12px;display:flex}.progress-course-card .course-card__meta{margin:0}.progress-course-card__footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding-top:12px;display:flex}.progress-course-card__cta{color:var(--text);white-space:nowrap;font-size:13px;font-weight:700}.progress-course-card:hover .progress-course-card__cta{color:color-mix(in srgb, var(--accent) 70%, var(--text))}.status-pill{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.status-pill--active{background:var(--accent-muted);border-color:color-mix(in srgb, var(--accent) 35%, transparent);color:color-mix(in srgb, var(--accent) 65%, var(--text))}.status-pill--done,.status-pill--completed{background:var(--complete-bg);border-color:color-mix(in srgb, var(--complete) 35%, transparent);color:var(--complete-text)}.status-pill--dropped{background:var(--danger-bg);border-color:color-mix(in srgb, var(--danger) 35%, transparent);color:var(--danger)}@media (width<=640px){.dashboard-summary{text-align:center;flex-direction:column;align-items:stretch}.dashboard-summary__ring{align-self:center}}.step-celebration{border-radius:var(--radius);border:1px solid var(--accent);background:var(--accent-muted);animation:step-celebration-in var(--duration-normal) var(--ease-spring);align-items:flex-start;gap:14px;margin:0 0 20px;padding:16px 18px;display:flex}.step-celebration--module{border-color:var(--complete);background:var(--complete-bg)}.step-celebration__icon{background:var(--accent);width:40px;height:40px;color:var(--accent-text);animation:step-status-pop var(--duration-normal) var(--ease-spring);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.step-celebration--module .step-celebration__icon{background:var(--complete);color:var(--complete-fg)}.step-celebration__title{margin:0;font-size:16px;font-weight:700}.step-celebration__desc{font-size:var(--text-label);margin:4px 0 0}@keyframes step-celebration-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.not-found{place-items:center;min-height:100vh;padding:24px;display:grid}.not-found__card{text-align:center;width:100%;max-width:420px;animation:panel-in var(--duration-normal) var(--ease-out);padding:32px 28px}.not-found__code{letter-spacing:-.04em;color:var(--accent);margin:0 0 8px;font-size:48px;font-weight:800;line-height:1}.not-found__title{margin:0 0 8px;font-size:22px}.not-found__text{margin:0 0 24px}.not-found__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.offline-banner{z-index:200;font-size:var(--text-label);color:var(--text-inverse);background:var(--danger);box-shadow:var(--shadow);animation:offline-banner-in var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}@keyframes offline-banner-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.step-celebration,.step-celebration__icon,.offline-banner,.not-found__card{animation:none}}.admin-search-form{gap:10px;margin-bottom:20px;display:flex}.admin-search-form input{flex:1;min-width:0}.admin-search-section{margin-bottom:24px}.admin-search-section__title{font-size:var(--text-label);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 10px;font-weight:700}.admin-search-hits{flex-direction:column;gap:8px;display:flex}.admin-search-hit{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:inherit;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.admin-search-hit:hover{border-color:var(--border-strong);background:var(--surface-hover)}.admin-search-hit__main{min-width:0}.admin-search-hit__title{font-weight:600;display:block}.admin-search-hit__sub{font-size:var(--text-hint);color:var(--text-muted);margin-top:2px;display:block}.admin-search-hit__type{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);flex-shrink:0;font-size:11px;font-weight:700}:root{--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.28s;--duration-slow:.4s;--duration-collapse:.3s}.theme-transition-ready,.theme-transition-ready body{transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), fill var(--duration-fast) var(--ease-out)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(16px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toast-out{to{opacity:0;transform:translate(12px)scale(.96)}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes step-status-pop{0%{transform:scale(.3)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes step-check-draw{0%{stroke-dashoffset:26px}to{stroke-dashoffset:0}}.step-status--completed{animation:step-status-pop var(--duration-normal) var(--ease-spring)}.step-status__check{stroke-dasharray:26;stroke-dashoffset:0;animation:step-check-draw var(--duration-normal) var(--ease-out) 40ms both}.main-content__inner{animation:page-enter var(--duration-slow) var(--ease-out)}.panel,.login-card,.continue-card,.course-card,.submission-card,.stat-card--link{transition:box-shadow var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out)}.panel:hover,.course-card:hover,.submission-card:hover{box-shadow:var(--shadow-lg)}.stat-card--link:hover,.course-card--rich:hover{transform:translateY(-2px)}.btn{transition:transform var(--duration-fast) var(--ease-out), opacity var(--duration-fast), background-color var(--duration-fast), border-color var(--duration-fast), box-shadow var(--duration-fast)}.btn:not(:disabled):active{transform:scale(.98)}.btn--primary:not(:disabled):hover,.btn--accent:not(:disabled):hover{box-shadow:0 4px 14px #0000001f}input,textarea,select{transition:border-color var(--duration-fast), box-shadow var(--duration-fast)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}.form-error,.success-msg,.admin-form.panel,.page .panel{animation:panel-in var(--duration-normal) var(--ease-out)}.learning-shell__sidebar{transition:transform var(--duration-slow) var(--ease-out)}.app-shell,.learning-shell{transition:grid-template-columns var(--duration-collapse) var(--ease-out)}.toast--leaving{animation:toast-out .2s var(--ease-out) forwards}.toast__progress{transform-origin:0;border-radius:0 0 var(--radius-sm) var(--radius-sm);width:100%;height:3px;animation:4s linear forwards toast-progress;position:absolute;bottom:0;left:0}.toast--success .toast__progress{background:var(--success)}.toast--error .toast__progress{background:var(--danger)}.toast--info .toast__progress{background:var(--accent)}.page-loading,.login-card{animation:panel-in var(--duration-slow) var(--ease-out)}.page-loading .spinner{animation:.7s linear infinite spin}.btn--loading{pointer-events:none;position:relative;color:#0000!important}.btn--loading:after{content:"";width:18px;height:18px;color:inherit;border:2px solid;border-right-color:#0000;border-radius:50%;animation:.6s linear infinite spin;position:absolute}.btn--primary.btn--loading:after{color:var(--primary-fg)}.btn--accent.btn--loading:after{color:var(--accent-text)}