:root{--n-0: #ffffff;--n-50: #f7f8fa;--n-100: #eef0f4;--n-200: #e2e5eb;--n-300: #cbd1db;--n-400: #9aa3b2;--n-500: #6b7482;--n-600: #4b5563;--n-700: #353b45;--n-800: #21262e;--n-900: #14171c;--n-950: #0d0f13;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--amber-500: #f59e0b;--rose-400: #fb7185;--rose-500: #f43f5e;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 999px;--dur-fast: .12s;--dur: .2s;--dur-slow: .32s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--elev-1: 0 1px 2px rgba(0, 0, 0, .06);--elev-2: 0 4px 12px rgba(0, 0, 0, .1);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--color-bg: var(--n-50);--color-surface: var(--n-0);--color-surface-2: var(--n-100);--text-1: var(--n-900);--text-2: var(--n-500);--text-3: var(--n-400);--color-border: var(--n-200);--color-accent: var(--indigo-600);--color-accent-contrast: var(--n-0);--color-progress: var(--emerald-500);--color-warning: var(--amber-500);--color-danger: var(--rose-500);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-platform=telegram]){--color-bg: var(--n-950);--color-surface: var(--n-900);--color-surface-2: var(--n-800);--text-1: var(--n-50);--text-2: var(--n-400);--text-3: var(--n-500);--color-border: var(--n-800);--color-accent: var(--indigo-400);--color-accent-contrast: var(--n-950);--color-progress: var(--emerald-400);--color-danger: var(--rose-400);color-scheme:dark}}[data-platform=telegram]{--color-bg: var(--tg-theme-bg-color, var(--n-50));--color-surface: var(--tg-theme-section-bg-color, var(--tg-theme-secondary-bg-color, var(--n-0)));--color-surface-2: var(--tg-theme-secondary-bg-color, var(--n-100));--text-1: var(--tg-theme-text-color, var(--n-900));--text-2: var(--tg-theme-hint-color, var(--n-500));--text-3: var(--tg-theme-hint-color, var(--n-400));--color-border: color-mix(in srgb, var(--tg-theme-text-color, #808080) 14%, transparent);--color-accent: var(--tg-theme-button-color, var(--indigo-600));--color-accent-contrast: var(--tg-theme-button-text-color, var(--n-0))}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--text-1);font-family:var(--font-sans);font-size:15px;line-height:22px;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}.screen{max-width:560px;margin:0 auto;padding:var(--space-5);padding-bottom:calc(var(--space-10) + env(safe-area-inset-bottom,0px))}.stack>*+*{margin-top:var(--space-3)}.display{font-size:28px;line-height:34px;font-weight:700;margin:0}.h1{font-size:22px;line-height:28px;font-weight:700;margin:0 0 var(--space-2)}.h2{font-size:18px;line-height:24px;font-weight:600;margin:var(--space-5) 0 var(--space-3)}.caption{font-size:13px;line-height:18px;color:var(--text-2)}.muted{color:var(--text-2)}.lesson-body{font-size:17px;line-height:26px;max-width:34rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:15px;font-weight:600;cursor:pointer;transition:transform var(--dur-fast) var(--ease-standard),opacity var(--dur-fast)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;pointer-events:none}.btn--primary{background:var(--color-accent);color:var(--color-accent-contrast)}.btn--secondary{background:transparent;color:var(--text-1);border:1px solid var(--color-border)}.btn--ghost{background:transparent;color:var(--color-accent);min-height:0;padding:var(--space-1) 0}.btn--sm{min-height:36px;font-size:14px}.btn--block{width:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.card--muted{opacity:.55}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-full);font-size:12px;line-height:16px;font-weight:600}.chip--done{background:color-mix(in srgb,var(--color-progress) 16%,transparent);color:var(--color-progress)}.chip--current{background:color-mix(in srgb,var(--color-accent) 16%,transparent);color:var(--color-accent)}.chip--locked{background:var(--color-surface-2);color:var(--text-3)}.note{font-size:13px;line-height:18px;color:var(--color-progress);background:color-mix(in srgb,var(--color-progress) 10%,transparent);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.skeleton{background:linear-gradient(90deg,var(--color-surface-2),color-mix(in srgb,var(--color-surface-2) 55%,var(--color-border)),var(--color-surface-2));background-size:200% 100%;animation:sk 1.2s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes sk{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}.btn:active{transform:none}}.empty{text-align:center;padding:var(--space-10) var(--space-4);color:var(--text-2)}.empty__emoji{font-size:40px}.danger{color:var(--color-danger)}.field-input{width:100%;margin-top:4px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--text-1);font-family:var(--font-sans);font-size:15px}.field-input::placeholder{color:var(--text-3)}input[type=range]{accent-color:var(--color-accent)}