:root{color-scheme:light;--canvas: #f7f9fc;--surface: #ffffff;--surface-soft: #f1f4f9;--ink: #17233d;--muted: #738198;--border: #e1e7f0;--primary: #4678ff;--primary-strong: #315fd6;--success: #16845f;--danger: #b43d52;--warning: #a56b11;font-family:Segoe UI,Tahoma,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=dark]{color-scheme:dark;--canvas: #09111f;--surface: #111b2c;--surface-soft: #172338;--ink: #edf3ff;--muted: #9aa9c1;--border: #29374d;--primary: #7397ff;--primary-strong: #91adff;--success: #55c79d;--danger: #ff8298;--warning: #e9b95f}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--canvas)}body{min-width:320px;min-height:100dvh;margin:0;color:var(--ink);background:var(--canvas)}button,input,select,textarea{font-family:inherit}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%}.page{width:min(100%,1500px);margin-inline:auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:26px}.page-heading h1{margin:6px 0;font-size:clamp(28px,3vw,40px);line-height:1.25;letter-spacing:-.035em}.page-heading p{margin:0;color:var(--muted);line-height:1.75}.eyebrow{color:var(--primary);font-size:12px;font-weight:900;letter-spacing:.04em}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:12px;font:inherit;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:default}.button--primary{color:#fff;background:linear-gradient(135deg,var(--primary),#625bff);box-shadow:0 10px 24px #4678ff33}.button--primary:hover:not(:disabled){box-shadow:0 14px 30px #4678ff47}.button--secondary{color:var(--ink);border-color:var(--border);background:var(--surface)}.button--wide{width:100%}.button app-icon{width:17px;height:17px}.icon-button-light{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--muted);cursor:pointer}.panel-lite{padding:12px;border:1px solid var(--border);border-radius:17px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 10px 28px #1a2f520a}.alert{margin:16px 0;padding:13px 16px;border:1px solid transparent;border-radius:12px;font-size:13px;line-height:1.7}.alert--error{color:#9d3448;border-color:#f2ccd3;background:#fff1f3}.alert--success{color:#147154;border-color:#c9ecdf;background:#eefaf6}.spinner{width:16px;height:16px;border:2px solid currentColor;border-left-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.status{display:inline-flex;align-items:center;width:fit-content;padding:5px 10px;border-radius:999px;color:#6e7b90;background:#eef1f6;font-size:10px;font-weight:900;text-transform:none}.status[data-status=published],.status[data-status=ready],.status[data-status=active]{color:#167758;background:#e7f7f1}.status[data-status=archived],.status[data-status=failed]{color:#a43c50;background:#ffedf0}.status[data-status=processing],.status[data-status=pending]{color:#97620e;background:#fff5df}.empty-state{display:grid;justify-items:center;padding:clamp(48px,8vw,90px) 24px;border:1px dashed #d9e0eb;border-radius:22px;background:var(--surface);text-align:center}:root[data-theme=dark] input:not([type=file]),:root[data-theme=dark] select,:root[data-theme=dark] textarea{border-color:var(--border);background:var(--surface-soft);color:var(--ink)}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:#7888a2}:root[data-theme=dark] app-lesson-preview .lesson-preview,:root[data-theme=dark] app-lesson-preview .lesson-layout,:root[data-theme=dark] app-lesson-preview .sidebar-message{background:var(--surface-soft)}:root[data-theme=dark] app-lesson-preview .curriculum-panel,:root[data-theme=dark] app-lesson-preview .refresh-button,:root[data-theme=dark] app-lesson-preview .lesson-item,:root[data-theme=dark] app-lesson-preview .lesson-description,:root[data-theme=dark] app-lesson-preview .viewer-loading,:root[data-theme=dark] app-lesson-preview .media-state{background:var(--surface)}:root[data-theme=dark] app-lesson-preview .curriculum-group h2,:root[data-theme=dark] app-lesson-preview .lesson-item,:root[data-theme=dark] app-lesson-preview .lesson-title h1{color:var(--ink)}.empty-state__icon{display:grid;place-items:center;width:62px;height:62px;margin-bottom:10px;border-radius:20px;color:#4e74c2;background:#eaf0ff}.empty-state__icon app-icon{width:28px;height:28px}.empty-state h1,.empty-state h2{margin:8px 0}.empty-state p{max-width:520px;margin:0 0 18px;color:var(--muted);line-height:1.75}@media(max-width:620px){.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:20px}.page-heading .button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}