*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.min-h-screen{min-height:100vh}.w-fit{width:-moz-fit-content;width:fit-content}.min-w-0{min-width:0px}.max-w-3xl{max-width:48rem}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-skivo-bg{background-image:linear-gradient(145deg,#eef2ff,#f6f0ff 45%,#f4f7ff)}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-skivo-primary{--tw-text-opacity: 1;color:rgb(70 50 208 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-slate-950{--tw-text-opacity: 1;color:rgb(2 6 23 / var(--tw-text-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#101828;color-scheme:light;--skivo-bg: #f7f8fb;--skivo-bg-subtle: #fbfcff;--skivo-surface: #ffffff;--skivo-surface-raised: #ffffff;--skivo-surface-soft: #f3f6fb;--skivo-surface-brand: #f2f4ff;--skivo-border: #e4e7ec;--skivo-border-strong: #d0d5dd;--skivo-text: #101828;--skivo-text-secondary: #344054;--skivo-muted: #667085;--skivo-muted-light: #98a2b3;--skivo-primary: #5146e5;--skivo-primary-hover: #4338ca;--skivo-primary-active: #3730a3;--skivo-primary-soft: #eef2ff;--skivo-blue: #2563eb;--skivo-info: #175cd3;--skivo-success: #067647;--skivo-warning: #b54708;--skivo-danger: #b42318;--skivo-focus: rgba(81, 70, 229, .28);--shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);--shadow-sm: 0 8px 24px -18px rgba(16, 24, 40, .35);--shadow-md: 0 18px 44px -28px rgba(16, 24, 40, .42);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--space-page: 32px;--space-section: 24px;--border: var(--skivo-border);--muted: var(--skivo-muted);--text: var(--skivo-text);--surface-muted: var(--skivo-surface-soft);--shadow-soft: var(--shadow-sm);--shadow-strong: var(--shadow-md)}*{box-sizing:border-box}html{min-height:100%;overflow-x:hidden;background:var(--skivo-bg)}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 8% -10%,rgba(81,70,229,.08),transparent 30rem),radial-gradient(circle at 90% -8%,rgba(37,99,235,.07),transparent 28rem),linear-gradient(180deg,#ffffff 0%,var(--skivo-bg) 32%,#f4f6fb 100%);color:var(--skivo-text);text-rendering:geometricPrecision}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;max-width:100%}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}:focus-visible{outline:3px solid var(--skivo-focus);outline-offset:2px}.page{max-width:1280px;margin:0 auto;padding:var(--space-page);width:100%}.stack{display:grid;gap:var(--space-section)}.content-shell{min-width:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:272px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:20px 16px;border-right:1px solid var(--skivo-border);background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:18px}.brand{min-height:44px;display:flex;align-items:center;gap:10px;font-weight:780;letter-spacing:-.03em;color:var(--skivo-text)}.brand-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--skivo-primary),var(--skivo-blue));box-shadow:var(--shadow-sm);font-weight:850}.nav-list{display:grid;gap:4px}.nav-link{min-height:44px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-lg);color:var(--skivo-text-secondary);font-weight:680;font-size:14px}.nav-link:hover{background:var(--skivo-surface-soft);color:var(--skivo-text)}.nav-link-active{background:var(--skivo-primary-soft);color:var(--skivo-primary-active)}.nav-icon-svg{flex:0 0 auto;color:currentColor}.sidebar-footer{margin-top:auto;display:grid;gap:10px}.user-card{border:1px solid var(--skivo-border);border-radius:var(--radius-xl);padding:12px;background:#fff;display:grid;gap:6px;box-shadow:var(--shadow-xs);min-width:0}.mobile-topbar{display:none;position:sticky;top:0;z-index:35;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:10px 16px;background:#fffffff5;border-bottom:1px solid var(--skivo-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-topbar-actions{display:flex;align-items:center;gap:8px;min-width:0}.mobile-profile-link{min-height:40px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--skivo-border);border-radius:var(--radius-lg);padding:8px 10px;background:#fff;color:var(--skivo-text-secondary);font-weight:700;max-width:180px}.mobile-profile-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav{display:none}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:none;background:#0f172a5c}.mobile-drawer{width:min(88vw,360px);height:100%;display:flex;flex-direction:column;gap:18px;padding:16px;background:#fff;border-right:1px solid var(--skivo-border);box-shadow:var(--shadow-md)}.mobile-drawer-header{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px}.card{background:#fffffffa;border:1px solid var(--skivo-border);box-shadow:var(--shadow-xs);border-radius:var(--radius-xl);padding:20px;min-width:0}.interactive-card{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.interactive-card:hover{transform:translateY(-1px);border-color:#c7d7fe;box-shadow:var(--shadow-sm)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:8px}.page-header h1{margin:0;font-size:clamp(1.75rem,2.6vw,2.25rem);line-height:1.12;letter-spacing:-.045em;color:var(--skivo-text)}.page-header p,.section-header p,.muted{color:var(--skivo-muted)}.page-header p{max-width:760px;margin:8px 0 0;font-size:15px;line-height:1.55}.page-actions,.button-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.section-header>div{min-width:0}.section-header h2,.card h2,.card h3{margin-top:0;letter-spacing:-.025em;color:var(--skivo-text)}.section-header h2{margin-bottom:4px;font-size:18px;line-height:1.35}.section-header p{margin:0;line-height:1.5}.grid-2{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(300px,.72fr);gap:18px;align-items:start}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.btn{border:1px solid var(--skivo-border-strong);background:#fff;color:var(--skivo-text-secondary);border-radius:var(--radius-lg);padding:10px 14px;font-weight:760;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;line-height:1.15;box-shadow:var(--shadow-xs)}.btn:hover{border-color:#b7c2f8;background:#f8faff;color:var(--skivo-text)}.btn-primary{border-color:transparent;background:var(--skivo-primary);color:#fff;box-shadow:0 12px 24px -18px #5146e5cc}.btn-primary:hover{background:var(--skivo-primary-hover);color:#fff}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none}.btn-danger{border-color:#fecdca;color:var(--skivo-danger);background:#fff7f7}.icon-button{width:44px;height:44px;border-radius:var(--radius-lg);border:1px solid var(--skivo-border);background:#fff;display:inline-grid;place-items:center;color:var(--skivo-text-secondary);box-shadow:var(--shadow-xs)}.icon-button:hover{background:var(--skivo-surface-soft);color:var(--skivo-text)}.field{width:100%;min-height:44px;border:1px solid var(--skivo-border-strong);border-radius:var(--radius-lg);padding:10px 12px;background:#fff;color:var(--skivo-text);box-shadow:var(--shadow-xs)}.field:focus{border-color:var(--skivo-primary);outline:3px solid var(--skivo-focus);outline-offset:0}.textarea{min-height:108px;resize:vertical}.form-grid{display:grid;gap:14px}.form-label{display:grid;gap:6px;font-weight:720;color:var(--skivo-text-secondary)}.form-label span{font-size:13px}.badge{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:780;line-height:1;border:1px solid transparent;background:var(--skivo-primary-soft);color:var(--skivo-primary-active);white-space:nowrap}.badge-neutral{background:#f8fafc;color:var(--skivo-text-secondary);border-color:var(--skivo-border)}.badge-accent{background:var(--skivo-primary-soft);color:var(--skivo-primary-active);border-color:#d9ddff}.badge-success{background:#ecfdf3;color:var(--skivo-success);border-color:#abefc6}.badge-warning{background:#fffaeb;color:var(--skivo-warning);border-color:#fedf89}.badge-danger{background:#fef3f2;color:var(--skivo-danger);border-color:#fecdca}.eyebrow{margin:0 0 6px;color:var(--skivo-primary-active);font-size:12px;font-weight:820;text-transform:uppercase;letter-spacing:.08em}.progress-track{height:8px;width:100%;overflow:hidden;border-radius:999px;background:#eaecf0}.progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--skivo-primary),var(--skivo-blue))}.stat-card{display:grid;gap:6px}.stat-card p{margin:0;color:var(--skivo-muted);font-size:13px}.stat-card strong{font-size:28px;line-height:1.1;letter-spacing:-.04em}.stat-card span{color:var(--skivo-muted);font-size:13px}.alert{border-radius:var(--radius-xl);padding:14px 16px;border:1px solid var(--skivo-border);background:#f8faff;color:var(--skivo-text-secondary)}.alert-title{margin:0 0 6px;font-weight:820;color:var(--skivo-text)}.alert-warning{border-color:#fedf89;background:#fffaeb;color:#93370d}.alert-danger{border-color:#fecdca;background:#fef3f2;color:#912018}.alert-success{border-color:#abefc6;background:#ecfdf3;color:#085d3a}.empty-state{border:1px dashed #c7d7fe;border-radius:var(--radius-xl);padding:32px 24px;display:grid;gap:12px;place-items:center;text-align:center;background:linear-gradient(180deg,#fff,#f8faff)}.empty-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:grid;place-items:center;background:var(--skivo-primary-soft);color:var(--skivo-primary);font-size:20px}.loading-state{display:inline-flex;align-items:center;gap:10px;color:var(--skivo-muted)}.loading-state span{width:13px;height:13px;border-radius:999px;border:2px solid #c7d7fe;border-top-color:var(--skivo-primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-card,.dashboard-hero-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#f7f8ff)}.hero-card:after,.dashboard-hero-card:after{content:"";position:absolute;inset:auto -10% -48% 55%;height:14rem;background:radial-gradient(circle,rgba(81,70,229,.11),transparent 68%);pointer-events:none}.hero-content,.dashboard-hero-card>*{position:relative;z-index:1}.subscription-summary{display:grid;gap:8px;margin-bottom:14px}.settings-tabs{display:inline-flex;width:-moz-fit-content;width:fit-content;gap:4px;padding:4px;border:1px solid var(--skivo-border);border-radius:var(--radius-lg);background:var(--skivo-surface)}.settings-tabs a{min-height:40px;display:inline-flex;align-items:center;border-radius:var(--radius-md);padding:0 16px;color:var(--skivo-text-secondary);font-size:.875rem;font-weight:700}.settings-tabs a.active{color:var(--skivo-text);background:var(--skivo-primary-soft);box-shadow:var(--shadow-xs)}.quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick-link{padding:14px;border:1px solid var(--skivo-border);border-radius:var(--radius-xl);background:#fff;font-weight:740;box-shadow:var(--shadow-xs)}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.course-grid.compact{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.compact-learning-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.course-card{display:grid;gap:14px;min-height:178px;align-content:start}.course-card-main{display:grid;gap:6px}.course-card h2{margin:4px 0;font-size:18px;line-height:1.3}.course-card p{margin:0;color:var(--skivo-muted);line-height:1.5}.card-arrow{color:var(--skivo-primary);font-weight:800}.course-card-action{margin-top:auto;display:inline-flex;align-items:center;gap:6px;color:var(--skivo-primary-active);font-weight:760}.lesson-inline-meta{display:inline-flex;gap:8px;align-items:center;color:var(--skivo-muted-light);font-size:13px}.lesson-list{display:grid;gap:10px}.lesson-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:start}.lesson-day{min-height:64px;border-radius:var(--radius-xl);display:grid;place-items:center;background:var(--skivo-primary-soft);color:var(--skivo-primary-active);font-weight:820;text-align:center}.lesson-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.lesson-body{display:grid;gap:8px;min-width:0}.lesson-body h3{margin:0;font-size:16px;line-height:1.35}.lesson-body p{margin:0;color:var(--skivo-muted);line-height:1.5}.lesson-locked{background:#fffdf7}.lesson-focus{display:grid;gap:4px;padding:14px;border-radius:var(--radius-xl);background:#fff;border:1px solid var(--skivo-border)}.card-action-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.onboarding-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.onboarding-steps>div{border:1px solid var(--skivo-border);border-radius:var(--radius-xl);padding:16px;background:#fff}.onboarding-steps span{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:999px;background:var(--skivo-primary-soft);color:var(--skivo-primary-active);font-weight:820;margin-bottom:10px}.onboarding-steps strong{display:block;margin-bottom:4px}.onboarding-steps p{margin:0;color:var(--skivo-muted);line-height:1.5}.catalog-toolbar{display:grid;gap:14px}.search-field{position:relative;display:flex;align-items:center;gap:10px}.search-field svg{position:absolute;left:12px;color:var(--skivo-muted)}.search-field .field{padding-left:40px}.filter-row{display:flex;flex-wrap:wrap;gap:8px}.course-workspace-grid{display:grid;grid-template-columns:minmax(270px,320px) minmax(0,1fr);gap:20px;align-items:start}.course-program{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;border:1px solid var(--skivo-border);border-radius:var(--radius-xl);background:#fffffffa;padding:16px;box-shadow:var(--shadow-xs)}.course-workspace-content{min-width:0}.lesson-row{width:100%;border:1px solid var(--skivo-border);background:#fff;border-radius:var(--radius-xl);padding:12px;text-align:left;display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px}.lesson-row:hover{border-color:#c7d7fe;background:#f8faff}.lesson-row.active{border-color:#a4bcfd;box-shadow:inset 3px 0 0 var(--skivo-primary)}.mobile-program-toggle{display:none;margin-bottom:14px}.lesson-detail-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.lesson-detail-header h1{margin:0 0 8px;font-size:clamp(1.65rem,3vw,2.15rem);line-height:1.15;letter-spacing:-.045em}.lesson-detail-header p{line-height:1.55}.lesson-action-panel{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding-top:16px;margin-top:16px;border-top:1px solid var(--skivo-border)}.lesson-content{max-width:860px}.lesson-article{display:grid;gap:26px;color:var(--skivo-text-secondary);line-height:1.7}.lesson-article h2{margin:0 0 10px;color:var(--skivo-text);font-size:22px;line-height:1.25;letter-spacing:-.035em}.lesson-article h3{margin:0 0 8px;color:var(--skivo-text);font-size:17px;line-height:1.35}.lesson-article p{margin:0 0 10px}.lesson-article ul{margin:0;padding-left:1.25rem}.lesson-article li+li{margin-top:6px}.lesson-summary-block{border:1px solid #d9ddff;border-radius:var(--radius-xl);background:var(--skivo-surface-brand);padding:20px;color:var(--skivo-text-secondary)}.lesson-article-section{padding-top:24px;border-top:1px solid var(--skivo-border)}.lesson-article-section:first-child{padding-top:0;border-top:0}.lesson-single-document{max-width:860px}.course-summary-card.course-summary-compact{padding:16px}.lesson-section{padding:12px 0;border-top:1px solid var(--skivo-border)}.lesson-section:first-of-type{border-top:0;padding-top:0}.lesson-callout-grid{display:grid;gap:12px}.lesson-callout{border:1px solid var(--skivo-border);border-radius:var(--radius-xl);padding:16px;background:#fff;box-shadow:var(--shadow-xs)}.homework-callout{background:linear-gradient(135deg,#fff,#f8faff);border-color:#d9ddff}.definition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.definition-item{border:1px solid var(--skivo-border);border-radius:var(--radius-lg);padding:14px;background:#fff}.ai-drawer{position:sticky;top:24px;max-height:calc(100vh - 48px);width:min(460px,100%);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;border:1px solid var(--skivo-border);border-radius:var(--radius-xl);background:#fffffffa;box-shadow:var(--shadow-md);overflow:hidden}.ai-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--skivo-border)}.mode-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0 20px}.mode-buttons.compact-modes{padding:14px 16px;border-bottom:1px solid var(--skivo-border)}.mode-button{border:1px solid var(--skivo-border);border-radius:var(--radius-lg);padding:9px 10px;background:#fff;color:var(--skivo-text-secondary);text-align:left;display:grid;gap:3px;min-height:44px}.mode-button.active{border-color:#a4bcfd;background:var(--skivo-primary-soft);color:var(--skivo-primary-active)}.mode-button small{color:var(--skivo-muted);font-size:12px;line-height:1.3}.tutor-card{display:grid;gap:16px;padding:0;overflow:hidden}.tutor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 20px 0}.tutor-header h1{margin:0;font-size:clamp(1.4rem,3vw,2rem);line-height:1.14}.tutor-context{display:grid;gap:8px;border:1px solid var(--skivo-border);border-radius:var(--radius-xl);background:#f8faff;padding:14px;margin:0 20px;font-size:14px}.chat-list{display:grid;align-content:start;gap:12px;padding:0 20px;overflow:auto}.embedded-chat{padding:16px}.chat-hints{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:0 16px 12px;border-bottom:1px solid var(--skivo-border)}.chat-hint{border:1px solid var(--skivo-border);border-radius:var(--radius-lg);background:#fff;padding:8px 12px;text-align:left;color:var(--skivo-text-secondary);font-size:13px;font-weight:640}.chat-hint:hover{border-color:#bfd3ff;background:var(--skivo-primary-soft);color:var(--skivo-primary-active)}.chat-message{max-width:82%;border-radius:var(--radius-xl);padding:12px 14px;font-size:14px;line-height:1.55;overflow-wrap:anywhere}.chat-message p{margin:4px 0}.chat-user{justify-self:end;background:var(--skivo-primary);color:#fff}.chat-assistant{justify-self:start;background:#fff;border:1px solid var(--skivo-border);color:var(--skivo-text-secondary)}.ai-response-badges{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 8px}.tutor-composer{position:sticky;bottom:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px 20px;background:#fffffffa;border-top:1px solid var(--skivo-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.embedded-composer{padding:14px 16px}.tutor-composer textarea{min-height:58px;max-height:180px}.paywall-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;background:linear-gradient(135deg,#fff,#fffbeb)}.paywall-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-xl);background:#fef3c7}.completion-card{margin:0 20px;display:flex;justify-content:space-between;gap:16px;align-items:center;background:#ecfdf3;border-color:#abefc6}.homework-card{display:grid;gap:12px}.homework-row{padding:0;overflow:hidden}.homework-main{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(150px,.55fr) minmax(220px,1fr) auto;gap:16px;align-items:center;padding:16px}.homework-title-cell,.homework-status-cell,.homework-feedback-cell,.homework-action-cell{min-width:0}.homework-title-cell h3{margin:0 0 4px;font-size:16px;line-height:1.35}.homework-status-cell{display:grid;gap:8px;color:var(--skivo-muted);font-size:13px}.homework-feedback-cell p{margin:0;color:var(--skivo-text-secondary);line-height:1.5}.homework-action-cell{justify-self:end}.tariff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tariff-card{position:relative;display:grid;gap:12px;border:1px solid var(--skivo-border);border-radius:var(--radius-xl);padding:20px;min-width:0;background:#fff;box-shadow:var(--shadow-xs)}.tariff-card.featured{border-color:#a4bcfd;box-shadow:var(--shadow-sm)}.price{font-size:clamp(1.8rem,4vw,2.35rem);font-weight:850;color:var(--skivo-primary-active);letter-spacing:-.055em}.payment-card{max-width:680px;margin:0 auto;text-align:center;display:grid;gap:16px}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,480px);align-items:stretch}.auth-brand-panel{padding:32px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#f4f6ff,#fbfcff);border-right:1px solid var(--skivo-border)}.auth-copy{max-width:560px;align-self:center;display:grid;gap:16px}.auth-copy h1,.auth-copy h2{font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.04;letter-spacing:-.065em;margin:0;font-weight:800;color:var(--skivo-text)}.auth-loading-card{max-width:420px;margin:15vh auto 0}.success-icon{color:var(--skivo-success)}.danger-icon{color:var(--skivo-danger)}.auth-steps{display:flex;flex-wrap:wrap;gap:8px}.auth-steps span{border:1px solid #d9ddff;border-radius:999px;background:#ffffffc7;color:var(--skivo-primary-active);padding:7px 10px;font-size:13px;font-weight:780}.auth-card-wrap{display:grid;place-items:center;padding:32px}.auth-card{width:min(100%,430px)}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-topbar{display:flex}.mobile-drawer-backdrop{display:block}.content-shell{padding-bottom:0}.page{padding:24px}.grid-2{grid-template-columns:1fr}.grid-3,.tariff-grid{grid-template-columns:1fr 1fr}.auth-page{grid-template-columns:1fr}.auth-brand-panel{display:none}.course-workspace-grid{grid-template-columns:1fr}.course-program{position:fixed;inset:0 auto 0 0;z-index:45;width:min(88vw,360px);max-height:none;border-radius:0;transform:translate(-105%);transition:transform .18s ease;box-shadow:var(--shadow-md)}.course-program.open{transform:translate(0)}.mobile-program-toggle{display:block}.ai-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;width:100%;max-height:none;border-radius:0}}@media(max-width:640px){:root{--space-page: 16px;--space-section: 16px}.page{padding:16px}.page-header{display:grid;align-items:start;gap:14px}.page-header h1{font-size:28px}.page-actions,.button-row{display:grid;grid-template-columns:1fr;width:100%}.btn{width:100%}.grid-3,.course-grid,.quick-links,.tariff-grid,.onboarding-steps{grid-template-columns:1fr}.section-header{display:grid}.lesson-card,.paywall-card,.lesson-row{grid-template-columns:1fr}.lesson-day{min-height:48px;place-items:center start;padding:0 12px}.lesson-title-row,.lesson-detail-header{display:grid}.mode-buttons{display:grid;grid-template-columns:1fr;padding:0 16px}.chat-message{max-width:94%}.tutor-composer{grid-template-columns:1fr;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.completion-card{display:grid;margin:0 16px}.homework-main{grid-template-columns:1fr;align-items:start}.homework-action-cell{justify-self:stretch}.auth-card-wrap{padding:16px}.mobile-profile-link span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.admin-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);background:radial-gradient(circle at 15% 10%,rgba(79,70,229,.12),transparent 28rem),linear-gradient(135deg,#f8fafc,#eef2ff)}.admin-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:1.5rem;border-right:1px solid rgba(148,163,184,.22);background:#ffffffe0;padding:1.25rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.admin-brand,.admin-topbar-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.admin-brand-mark{display:inline-flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:.9rem;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff;font-weight:800;box-shadow:0 16px 36px #2563eb3d}.admin-sidebar-nav{display:grid;gap:.35rem}.admin-sidebar-link,.admin-mobile-nav-link,.admin-return-link{min-height:44px;display:inline-flex;align-items:center;border-radius:.9rem;color:#334155;font-weight:700;text-decoration:none}.admin-sidebar-link{padding:.75rem .9rem}.admin-sidebar-link.active,.admin-mobile-nav-link.active{background:#eef2ff;color:#3730a3}.admin-return-link{border:1px solid #dbe3f0;background:#fff;justify-content:center;padding:.65rem .85rem}.admin-return-link.compact{min-height:40px;padding-inline:.75rem;font-size:.875rem}.admin-user-card{display:grid;gap:.5rem;border:1px solid #dbe3f0;border-radius:1rem;background:#fff;padding:.9rem}.admin-main-wrap{min-width:0}.admin-topbar,.admin-mobile-nav{display:none}.admin-main{width:min(1180px,100%);margin-inline:auto;padding:2rem}.admin-section-card,.admin-metric-card{border-color:#94a3b83d}.admin-metric-card{min-height:9rem}.admin-filter-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;margin-bottom:1rem}.admin-select{min-height:44px;border:1px solid #cbd5e1;border-radius:.9rem;background:#fff;padding:0 .9rem;font-weight:700;color:#334155}.admin-card-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center}.admin-field-label{margin-bottom:.35rem;color:#64748b;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.admin-quick-link{display:grid;gap:.35rem;min-height:5.5rem;border:1px solid #dbe3f0;border-radius:1rem;background:#f8fafc;padding:1rem;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.admin-quick-link:hover{transform:translateY(-1px);border-color:#a5b4fc;box-shadow:0 18px 36px #4f46e51f}@media(max-width:1023px){.admin-shell{display:block;padding-bottom:1.5rem}.admin-sidebar{display:none}.admin-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(148,163,184,.22);background:#ffffffeb;padding:.75rem 1rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.admin-mobile-nav{display:flex;gap:.5rem;overflow-x:auto;border-bottom:1px solid rgba(148,163,184,.18);background:#ffffffdb;padding:.65rem 1rem}.admin-mobile-nav-link{flex:0 0 auto;padding:.6rem .8rem;white-space:nowrap}.admin-main{padding:1rem}.admin-filter-bar,.admin-card-row{grid-template-columns:1fr}}@media(max-width:420px){.admin-topbar,.admin-main{padding-inline:.75rem}.admin-brand-mark{width:2.25rem;height:2.25rem}}.nav-icon-svg{flex:0 0 auto}.mobile-topbar-actions{display:flex;align-items:center;gap:.5rem;min-width:0}.mobile-profile-link{display:inline-flex;align-items:center;gap:.35rem;min-width:0;max-width:44vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:.85rem;font-weight:700}.user-card .muted{max-width:11rem}.dashboard-grid{align-items:stretch}.current-lesson-card{display:flex;flex-direction:column;gap:1rem}.dashboard-hero-card{background:linear-gradient(135deg,#fff,#f7f8ff)}.card-action-row{margin-top:auto;display:grid;gap:.55rem;align-items:start}.onboarding-card{background:linear-gradient(135deg,#fff,#f8fbff)}.onboarding-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.onboarding-steps div{display:grid;gap:.35rem;border:1px solid var(--skivo-border);border-radius:1rem;background:#fff;padding:1rem}.onboarding-steps span{width:2rem;height:2rem;display:grid;place-items:center;border-radius:.75rem;background:var(--skivo-primary-soft);color:var(--skivo-primary-dark);font-weight:900}.onboarding-steps strong{font-size:1rem}.onboarding-steps p{margin:0;color:var(--skivo-muted);line-height:1.45}.lesson-focus{display:grid;gap:.2rem;padding:1rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface-muted)}.lesson-focus span{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.course-grid.compact{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.catalog-toolbar{display:grid;gap:1rem}.search-field{display:flex;align-items:center;gap:.6rem;padding:.15rem .75rem;border:1px solid var(--border);border-radius:1rem;background:#fff}.search-field .field{border:0;box-shadow:none;padding-left:0}.filter-row{display:flex;flex-wrap:wrap;gap:.5rem}.course-summary-card{display:grid;gap:1rem}.compact-lessons{display:grid;gap:.75rem}.lesson-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;text-decoration:none;color:inherit;padding:1rem}.lesson-row:hover{transform:translateY(-1px);border-color:#4f46e559}.lesson-action{width:2.5rem;height:2.5rem;border-radius:.9rem;display:grid;place-items:center;color:var(--skivo-primary);background:#4f46e514}.lesson-locked .lesson-action{color:#92400e;background:#fffbeb}.tutor-workspace{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:1rem;align-items:start}.tutor-sidebar{position:sticky;top:1rem;display:grid;gap:.85rem;max-height:calc(100vh - 2rem);overflow:auto;padding:1rem;border:1px solid var(--border);border-radius:1.25rem;background:#ffffffe6;box-shadow:var(--shadow-soft)}.compact-header{margin-bottom:-.35rem}.compact-header h2{font-size:.95rem}.compact-header p{font-size:.8rem}.tutor-course-list,.tutor-lesson-list{display:grid;gap:.45rem}.tutor-course-link,.tutor-lesson-button{width:100%;display:grid;gap:.2rem;padding:.75rem;border:1px solid var(--border);border-radius:.9rem;background:#fff;color:var(--text);text-decoration:none;text-align:left}.tutor-course-link.active,.tutor-lesson-button.active{border-color:#4f46e573;background:#4f46e512}.tutor-course-link small,.tutor-lesson-button span{color:var(--muted);font-size:.76rem}.tutor-lesson-button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tutor-main-card{min-width:0}.mode-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;padding:0 1.25rem 1rem}.mode-button{min-height:4rem;border:1px solid var(--border);border-radius:1rem;background:#fff;padding:.65rem;text-align:left;cursor:pointer}.mode-button span{display:block;font-weight:800}.mode-button small{display:block;margin-top:.2rem;color:var(--muted);font-size:.74rem;line-height:1.25}.mode-button.active{border-color:#4f46e58c;background:linear-gradient(135deg,#4f46e51c,#2563eb14);color:var(--skivo-primary)}.quick-continue-row{display:flex;align-items:center;gap:.75rem;padding:0 1.25rem 1rem;flex-wrap:wrap}.course-timeline{scroll-margin-bottom:8rem}.timeline-section{display:grid;gap:.75rem;scroll-margin-top:1rem}.timeline-divider{align-self:center;justify-self:center;padding:.35rem .75rem;border-radius:999px;background:var(--surface-muted);color:var(--muted);font-size:.78rem;font-weight:800}.timeline-section.active .timeline-divider{background:#4f46e51a;color:var(--skivo-primary)}.chat-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.35rem}.message-content{display:grid;gap:.4rem;line-height:1.65}.chat-error{border-color:#fecaca}.tutor-composer{position:sticky;bottom:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:end;padding:1rem 1.25rem calc(1rem + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tutor-composer .textarea{max-height:11rem;resize:vertical}.homework-card{display:grid;gap:.9rem}.homework-status-row{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--skivo-muted);font-size:.9rem}.homework-status-row span{border:1px solid var(--skivo-border);border-radius:999px;background:#f8faff;padding:.35rem .65rem}.tariff-period{margin:-.35rem 0 .35rem;color:var(--skivo-primary-dark);font-weight:850}.empty-icon{width:2.75rem;height:2.75rem;border-radius:1rem;display:grid;place-items:center;font-weight:900;color:var(--skivo-primary);background:#4f46e51a}.mb-4{margin-bottom:1rem}@media(max-width:900px){.tutor-workspace{grid-template-columns:1fr}.tutor-sidebar{position:static;max-height:none}.mode-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.lesson-row{grid-template-columns:1fr auto}.lesson-day{grid-column:1 / -1}.mode-buttons{grid-template-columns:1fr;padding-inline:1rem}.quick-continue-row{padding-inline:1rem}.tutor-composer{margin-bottom:4.25rem;padding-inline:1rem}.mobile-nav{padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-inner .nav-link span{font-size:.72rem}.tutor-sidebar{padding:.75rem}}.course-workspace-grid{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:1rem;align-items:start}.course-program{position:sticky;top:1rem;display:grid;gap:1rem;max-height:calc(100vh - 2rem);overflow:auto;padding:1rem;border:1px solid var(--border);border-radius:1.25rem;background:#ffffffeb;box-shadow:var(--shadow-soft)}.course-workspace-content{min-width:0;display:grid;gap:1rem}.lesson-button{width:100%;grid-template-columns:minmax(4.5rem,auto) minmax(0,1fr);border:1px solid var(--border);border-radius:1rem;background:#fff;cursor:pointer;text-align:left}.lesson-button.active{border-color:#4f46e58c;background:linear-gradient(135deg,#4f46e51a,#2563eb0f)}.lesson-button.lesson-locked{background:#fffbeb}.lesson-body{min-width:0;display:grid;gap:.35rem}.lesson-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;min-width:0}.lesson-title-row h3{margin:0;font-size:.95rem;overflow-wrap:anywhere}.mobile-program-toggle{display:none}.lesson-detail-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.lesson-hero-card{display:grid;gap:1rem}.lesson-action-panel{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;border-top:1px solid var(--skivo-border);padding-top:1rem}.lesson-content{min-width:0}.lesson-content h2{margin:0 0 .75rem;font-size:1.08rem}.lesson-content h3{margin:.35rem 0;font-size:.98rem}.lesson-content p,.lesson-content li{line-height:1.65;overflow-wrap:anywhere}.lesson-content ul{margin:0;padding-left:1.25rem;display:grid;gap:.4rem}.definition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem}.definition-item{padding:.85rem;border:1px solid var(--border);border-radius:.9rem;background:var(--surface-muted)}.lesson-section+.lesson-section{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--border)}.ai-drawer{position:sticky;top:1rem;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:.75rem;max-height:calc(100vh - 2rem);min-width:0;border:1px solid var(--border);border-radius:1.25rem;background:#fffffffa;box-shadow:var(--shadow-strong);overflow:hidden}.ai-drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem 1rem 0}.ai-drawer-header h2{margin:0;font-size:1rem}.compact-modes{padding:0 1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.embedded-chat{overflow:auto;padding:0 1rem}.embedded-composer{position:static;padding:1rem}.standalone-tutor-grid{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:1rem;align-items:start}.standalone-tutor-sidebar{position:sticky;top:1rem}.tutor-selector-list{display:grid;gap:.5rem}.selector-row{width:100%;display:grid;gap:.25rem;padding:.75rem;border:1px solid var(--border);border-radius:.9rem;background:#fff;color:var(--text);text-align:left;cursor:pointer}.selector-row.active{border-color:#4f46e58c;background:#4f46e514}.selector-row small{color:var(--muted);line-height:1.3;overflow-wrap:anywhere}.standalone-tutor-main{min-width:0}.standalone-chat-list{padding:0}.chat-message-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.4rem;color:var(--muted);font-size:.82rem}.standalone-composer{border:1px solid var(--border);border-radius:1.1rem;box-shadow:var(--shadow-soft)}@media(max-width:1100px){.course-workspace-grid,.standalone-tutor-grid{grid-template-columns:1fr}.course-program,.standalone-tutor-sidebar{position:static;max-height:none}.ai-drawer{position:fixed;top:1rem;right:1rem;bottom:1rem;left:1rem;z-index:60;max-height:none}}@media(max-width:640px){.course-program{display:none}.course-program.open{display:grid;position:fixed;inset:4.5rem .75rem calc(5rem + env(safe-area-inset-bottom));z-index:50;max-height:none}.mobile-program-toggle{display:block}.lesson-detail-header,.lesson-title-row{display:grid}.definition-grid{grid-template-columns:1fr}.ai-drawer{inset:.5rem .5rem calc(4.75rem + env(safe-area-inset-bottom));border-radius:1rem}.compact-modes{grid-template-columns:1fr}.standalone-composer{margin-bottom:4.5rem}.onboarding-steps{grid-template-columns:1fr}.lesson-action-panel{display:grid;grid-template-columns:1fr}}.btn-compact{min-height:36px;padding:7px 10px;border-radius:var(--radius-md);font-size:13px;box-shadow:none}.compact-catalog-toolbar{gap:10px;padding:14px}.search-field .field{padding-left:42px}.search-field svg{left:14px;pointer-events:none}.desktop-filter-row{align-items:center}.desktop-filter-row .filter-chip{min-height:34px;padding:7px 10px;border-radius:999px;font-size:12px;box-shadow:none;white-space:nowrap}.mobile-category-select{display:none;gap:6px;font-size:13px;font-weight:760;color:var(--skivo-text-secondary)}.mobile-category-select select{min-height:40px;border:1px solid var(--skivo-border-strong);border-radius:var(--radius-lg);background:#fff;padding:0 12px;color:var(--skivo-text)}.learning-steps-details{border-top:1px solid var(--skivo-border);padding-top:8px;color:var(--skivo-text-secondary)}.learning-steps-details summary{cursor:pointer;font-weight:780;font-size:13px;color:var(--skivo-primary-active)}.learning-steps-compact{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}.learning-steps-compact span{border:1px solid var(--skivo-border);border-radius:999px;background:#fff;padding:6px 9px;font-size:12px;color:var(--skivo-muted)}.course-card{min-height:150px;gap:10px;padding:16px}.course-card h2{font-size:16px}.course-card p{font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.course-card-action{font-size:13px;align-self:end}.course-summary-card.course-summary-compact{padding:14px}.course-summary-card-header h2{font-size:18px}.course-summary-card-header .badge{padding:4px 8px;font-size:11px}.course-program{padding:12px}.course-program .section-header{margin-bottom:8px}.course-program .section-header h2{font-size:16px}.lesson-row{grid-template-columns:58px minmax(0,1fr);gap:10px;padding:9px;border-radius:var(--radius-lg)}.lesson-row .lesson-day{min-height:42px;border-radius:var(--radius-md);font-size:12px}.lesson-body{gap:5px}.lesson-body h3{font-size:14px;line-height:1.25}.lesson-body p{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-title-row .badge{font-size:10px;padding:4px 7px}.lesson-hero-card{padding:14px;background:#fff}.lesson-detail-header h1{font-size:clamp(1.35rem,2.2vw,1.85rem)}.lesson-action-panel{gap:8px;padding-top:10px;margin-top:10px}.lesson-single-document.lesson-article{max-width:860px;margin:0 auto;padding:clamp(22px,4vw,42px);border:1px solid var(--skivo-border);border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow-xs);color:#243044;line-height:1.76;font-size:16px}.lesson-article-section{padding-top:26px}.lesson-article h1{margin:0;color:var(--skivo-text);font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.15;letter-spacing:-.045em}.lesson-article h2{font-size:20px;margin-bottom:12px}.lesson-article p{margin:0 0 12px}.lesson-callout{background:#f8fafc}.ai-drawer{right:24px;margin-left:auto}.chat-user{background:#1d4ed8;color:#fff}.chat-user .chat-message-meta,.chat-user strong,.chat-user p{color:#fff}.chat-assistant{background:#fff;color:#1f2937}.chat-message-meta{display:grid;gap:2px;margin-bottom:6px;font-size:12px;opacity:.95}.compact-ai-grid{grid-template-columns:minmax(240px,310px) minmax(0,1fr)}.standalone-tutor-sidebar .card{padding:14px}.tutor-selector-list{display:grid;gap:6px;max-height:58vh;overflow:auto}.selector-row{width:100%;border:1px solid var(--skivo-border);border-radius:var(--radius-md);background:#fff;padding:9px 10px;display:grid;gap:3px;text-align:left;color:var(--skivo-text-secondary)}.selector-row span{font-weight:780;font-size:13px;color:var(--skivo-text)}.selector-row small{color:var(--skivo-muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.selector-row.active{border-color:#a4bcfd;background:var(--skivo-primary-soft)}.compact-chat-hints{display:flex;flex-wrap:wrap;padding:0;border:0}.compact-chat-hints .chat-hint{width:auto;padding:7px 10px;border-radius:999px}.tutor-mobile-toggle{display:none}.compact-context-card{padding:14px}@media(max-width:1100px){.compact-ai-grid{grid-template-columns:1fr}.tutor-mobile-toggle{display:block}.standalone-tutor-sidebar{position:fixed;inset:0 auto 0 0;z-index:52;width:min(88vw,360px);background:#fff;padding:16px;overflow:auto;transform:translate(-105%);transition:transform .18s ease;border-right:1px solid var(--skivo-border);box-shadow:var(--shadow-md)}.standalone-tutor-sidebar.open{transform:translate(0)}}@media(max-width:640px){.desktop-filter-row{display:none}.mobile-category-select{display:grid}.button-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.btn{min-height:40px;padding:8px 11px}.btn-compact{width:auto;min-height:34px;padding:7px 9px}.lesson-row{grid-template-columns:54px minmax(0,1fr)}.lesson-row .lesson-day{place-items:center;padding:0}.lesson-title-row{grid-template-columns:1fr;gap:5px}.lesson-single-document.lesson-article{padding:20px 16px;border-radius:var(--radius-lg);font-size:15px;line-height:1.68}.lesson-article h1{font-size:24px}.lesson-article h2{font-size:18px}.course-card{min-height:auto}.course-program{width:min(92vw,360px)}.chat-message{max-width:96%}}.lesson-single-document.lesson-article{max-width:880px;margin:0 auto;padding:clamp(24px,4vw,44px);background:#fffefb;border:1px solid rgba(47,58,78,.1);border-radius:24px;box-shadow:0 18px 52px #1a233614;color:var(--skivo-text-primary);line-height:1.68}.lesson-single-document .lesson-article-section{padding-top:28px;border-top:1px solid rgba(47,58,78,.11)}.lesson-single-document .lesson-article-section:first-child{padding-top:0;border-top:0}.lesson-single-document h1{max-width:780px;margin:8px 0 12px;font-size:clamp(2rem,4.5vw,3.1rem);letter-spacing:-.045em;line-height:1.05}.lesson-single-document h2{margin:0 0 14px;font-size:clamp(1.3rem,2vw,1.72rem);letter-spacing:-.025em;color:var(--skivo-text-primary)}.lesson-single-document .lesson-article-subheading{margin:28px 0 10px;padding-left:14px;border-left:3px solid var(--skivo-accent);font-size:1.05rem;letter-spacing:-.01em;color:var(--skivo-text-primary)}.lesson-single-document p,.lesson-single-document li{max-width:820px;font-size:1rem;line-height:1.72;color:var(--skivo-text-secondary)}.lesson-single-document p+p{margin-top:14px}.lesson-single-document ul,.lesson-single-document ol,.lesson-single-document .lesson-prose-list{display:grid;gap:10px;margin:12px 0 0;padding-left:1.35rem}.lesson-single-document strong{color:var(--skivo-text-primary);font-weight:760}.lesson-single-document .lesson-callout{margin-top:8px;padding:24px;border:1px solid rgba(194,143,68,.22);border-radius:18px;background:#fff8ea}.lesson-action-panel .btn-compact:disabled,.lesson-action-panel button:disabled{cursor:wait;opacity:.68}@media(max-width:720px){.lesson-single-document.lesson-article{padding:20px;border-radius:18px}.lesson-single-document p,.lesson-single-document li{font-size:.97rem;line-height:1.66}.lesson-single-document .lesson-callout{padding:18px}.lesson-table,.lesson-code-block{font-size:.84rem}.lesson-table th,.lesson-table td{padding:9px 10px}}.lesson-single-document.lesson-article{background:#fffdfa;color:var(--skivo-text)}.lesson-single-document .lesson-article-subheading{margin-top:30px;margin-bottom:12px;padding:10px 12px;border-left:4px solid var(--skivo-primary);border-radius:0 12px 12px 0;background:#f8faff;color:var(--skivo-text);box-shadow:inset 0 0 0 1px #5146e50f}.lesson-single-document .lesson-prose-list,.lesson-single-document.lesson-article ol,.lesson-single-document.lesson-article ul{display:block;max-width:820px;margin:10px 0 20px;padding-left:1.55rem}.lesson-single-document .lesson-prose-list--bullet,.lesson-single-document.lesson-article ul.lesson-prose-list--bullet{list-style:disc outside}.lesson-single-document .lesson-prose-list--ordered,.lesson-single-document.lesson-article ol.lesson-prose-list--ordered{list-style:decimal outside}.lesson-single-document .lesson-prose-list li,.lesson-single-document.lesson-article ol>li,.lesson-single-document.lesson-article ul>li{margin:0 0 8px;padding-left:.22rem;line-height:1.58}.lesson-single-document .lesson-prose-list li:last-child,.lesson-single-document.lesson-article ol>li:last-child,.lesson-single-document.lesson-article ul>li:last-child{margin-bottom:0}.lesson-single-document .lesson-structured-list{display:block;max-width:820px;margin:10px 0 22px;padding-left:1.65rem;list-style:decimal outside}.lesson-single-document .lesson-structured-list>li{margin:0 0 14px;padding-left:.25rem;color:var(--skivo-text-secondary);line-height:1.58}.lesson-single-document .lesson-structured-list>li:last-child{margin-bottom:0}.lesson-single-document .lesson-structured-list__title{color:var(--skivo-text-primary);font-weight:780;line-height:1.48}.lesson-single-document .lesson-structured-list__body{margin-top:5px;color:var(--skivo-text-secondary);line-height:1.6}.lesson-single-document p+.lesson-prose-list,.lesson-single-document p+ol,.lesson-single-document p+ul{margin-top:8px}.lesson-single-document .lesson-checklist{list-style:disc outside;margin-top:8px}.lesson-single-document .lesson-definition-list{display:grid;gap:9px;max-width:820px;margin:10px 0 20px;padding:0}.lesson-single-document .lesson-definition-row{display:grid;grid-template-columns:minmax(8rem,max-content) 1fr;gap:.45rem .75rem;align-items:baseline;color:var(--skivo-text-secondary);font-size:1rem;line-height:1.58}.lesson-single-document .lesson-definition-row dt{margin:0;color:var(--skivo-text-primary);font-weight:800}.lesson-single-document .lesson-definition-row dd{margin:0}@media(max-width:720px){.lesson-single-document .lesson-definition-row{grid-template-columns:1fr;gap:.15rem}}.lesson-single-document .lesson-inline-code{display:inline;border:1px solid #d0d5dd;border-radius:7px;background:#f8fafc;padding:0 .35em;color:#1d2939;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92em}.lesson-code-block{max-width:820px;width:100%;margin:14px 0 18px;overflow-x:auto;border:1px solid #d0d5dd;border-radius:14px;background:#111827;padding:1rem;color:#f9fafb;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;line-height:1.55}.lesson-code-block code{color:inherit;white-space:pre}.lesson-table-pre{background:#0f172a}.lesson-table-wrap{width:100%;max-width:820px;overflow-x:auto;margin:14px 0 18px;border:1px solid #d0d5dd;border-radius:14px;background:#fff;box-shadow:var(--shadow-xs)}.lesson-table{width:100%;min-width:560px;border-collapse:collapse;font-size:.94rem;line-height:1.5}.lesson-table th,.lesson-table td{border-right:1px solid #eaecf0;border-bottom:1px solid #eaecf0;padding:11px 13px;text-align:left;vertical-align:top;color:var(--skivo-text-secondary)}.lesson-table th:last-child,.lesson-table td:last-child{border-right:0}.lesson-table tr:last-child td{border-bottom:0}.lesson-table thead th{background:#f8faff;color:var(--skivo-text);font-weight:800}.lesson-single-document ol>li::marker,.lesson-single-document ul>li::marker{color:var(--skivo-primary-active);font-weight:800}.lesson-single-document .lesson-callout{background:#fff8ec}.lesson-section-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.chat-user{background:#3730a3;color:#fff}.chat-user .chat-message-meta{color:#ffffffdb}.chat-user .chat-message-meta strong{color:#fff}.chat-assistant .chat-message-meta strong{color:var(--skivo-text)}.standalone-tutor-sidebar .selector-row small{color:#475467}.composer-mode-chips{border:1px solid var(--skivo-border);border-radius:1rem;background:#fff;padding:.75rem}.chat-hint.active{border-color:#a4bcfd;background:var(--skivo-primary-soft);color:var(--skivo-primary-active)}.tutor-mode-note{margin-top:.35rem;color:var(--skivo-primary-active);font-weight:760}.standalone-tutor-main .tutor-context-card{background:#fff}@media(max-width:760px){.standalone-tutor-grid{display:block}.standalone-tutor-sidebar{display:none;margin-bottom:1rem}.standalone-tutor-sidebar.open{display:grid;position:fixed;inset:4.5rem .75rem auto;z-index:50;max-height:min(70vh,620px);overflow:auto;padding:.75rem;border:1px solid var(--skivo-border);border-radius:1rem;background:#fff;box-shadow:var(--shadow-md)}.lesson-single-document.lesson-article{max-width:100%;padding:18px}.lesson-action-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-mode-chips{display:flex;overflow-x:auto;padding:.6rem}.composer-mode-chips .chat-hint{flex:0 0 auto;min-width:-moz-max-content;min-width:max-content}}.last\:border-b-0:last-child{border-bottom-width:0px}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:justify-between{justify-content:space-between}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media(min-width:1024px){.lg\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.lg\:items-center{align-items:center}.lg\:justify-end{justify-content:flex-end}}@media(min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
