@font-face{font-family:Manrope;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/manrope-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/manrope-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1E00-1E9F,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/manrope-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:#f4f6fa;--bg-backdrop:#dadbe4;--surface:#fff;--surface-muted:#e2e4e9;--surface-hover:#eef0f5;--border:#d3d6dc;--track:#e4e5ea;--text-primary:#1f2025;--text-secondary:#6b6f79;--text-on-primary:#fff;--primary:#2b6cf6;--primary-hover:#1f5be0;--primary-soft:#4d7eff;--primary-tint:#e6eefe;--accent-coral:#f2757b;--accent-orange:#f97a33;--accent-violet:#a9a6f5;--accent-violet-strong:#8b5cf6;--accent-amber:#f5b83d;--accent-mint:#2fb9ae;--success:#22c55e;--danger:#e5484d;--dot-grid:#d9dce399;--badge-blue-bg:#e6eefe;--badge-blue-fg:#1f56c9;--badge-coral-bg:#fde8e9;--badge-coral-fg:#c2343b;--badge-orange-bg:#feebdd;--badge-orange-fg:#b4501a;--badge-violet-bg:#eeebfe;--badge-violet-fg:#6236d6;--badge-green-bg:#e3f6ea;--badge-green-fg:#167a3a;--badge-gray-bg:#e9ebef;--badge-gray-fg:#4a4e57;--badge-mint-bg:#d9f5f2;--badge-mint-fg:#13756e;--mesh-warm:radial-gradient(60% 55% at 12% 10%, #ced0f4 0%, transparent 70%), radial-gradient(55% 70% at 100% 38%, #ff8a7a 0%, transparent 72%), radial-gradient(60% 55% at 6% 100%, #f9b8d0 0%, transparent 72%), radial-gradient(80% 80% at 45% 55%, #f6edf5 0%, #f6edf5 30%, transparent 75%), #f3d6e3;--mesh-cool:radial-gradient(60% 75% at 0% 55%, #7ee7e0 0%, transparent 72%), radial-gradient(55% 60% at 100% 10%, #8fd3ff 0%, transparent 72%), radial-gradient(55% 70% at 100% 85%, #6fa2ff 0%, transparent 72%), radial-gradient(70% 70% at 45% 40%, #e4f6fc 0%, #e4f6fc 25%, transparent 75%), #bde6f4;--mesh-ink:#1f2025;--glass:#ffffff80;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--radius-sm:8px;--radius-full:9999px;--shadow-card:0 1px 2px #1418280a, 0 8px 24px #1418280d;--shadow-float:0 2px 4px #1418280a, 0 12px 32px #14182814;--shadow-modal:0 24px 64px #14182829;--scrim:#0f121e4d;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--font:"Manrope", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--ease:cubic-bezier(.2, .8, .2, 1);--sidebar-w:248px;--aside-w:360px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#0e0f13;--bg-backdrop:#08090c;--surface:#17181d;--surface-muted:#202228;--surface-hover:#1d1f25;--border:#2a2c33;--track:#2a2c33;--text-primary:#f2f3f5;--text-secondary:#8b8f99;--primary:#4d7eff;--primary-hover:#6a93ff;--primary-tint:#1b2647;--dot-grid:#4044508c;--badge-blue-bg:#1b2647;--badge-blue-fg:#8fb0ff;--badge-coral-bg:#3a1d21;--badge-coral-fg:#ff9ba0;--badge-orange-bg:#3a2416;--badge-orange-fg:#ffae7a;--badge-violet-bg:#2a2347;--badge-violet-fg:#c3b6ff;--badge-green-bg:#15301f;--badge-green-fg:#7be09f;--badge-gray-bg:#25272e;--badge-gray-fg:#b4b8c2;--badge-mint-bg:#133330;--badge-mint-fg:#7fddd4;--mesh-warm:radial-gradient(60% 55% at 12% 10%, #5b5fc7 0%, transparent 70%), radial-gradient(55% 70% at 100% 38%, #d9534a 0%, transparent 72%), radial-gradient(60% 55% at 6% 100%, #b84a86 0%, transparent 72%), radial-gradient(80% 80% at 45% 55%, #1e2030 0%, #1e2030 25%, transparent 75%), #2a1e2e;--mesh-cool:radial-gradient(60% 75% at 0% 55%, #1d9c94 0%, transparent 72%), radial-gradient(55% 60% at 100% 10%, #2a86c9 0%, transparent 72%), radial-gradient(55% 70% at 100% 85%, #2f5fd0 0%, transparent 72%), radial-gradient(70% 70% at 45% 40%, #1e2030 0%, #1e2030 25%, transparent 75%), #172a36;--mesh-ink:#f2f3f5;--glass:#ffffff1f;--shadow-card:0 0 0 1px var(--border);--shadow-float:0 0 0 1px var(--border), 0 12px 32px #00000073;--shadow-modal:0 0 0 1px var(--border), 0 24px 64px #0009;--scrim:#0000008c}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#0e0f13;--bg-backdrop:#08090c;--surface:#17181d;--surface-muted:#202228;--surface-hover:#1d1f25;--border:#2a2c33;--track:#2a2c33;--text-primary:#f2f3f5;--text-secondary:#8b8f99;--primary:#4d7eff;--primary-hover:#6a93ff;--primary-tint:#1b2647;--dot-grid:#4044508c;--badge-blue-bg:#1b2647;--badge-blue-fg:#8fb0ff;--badge-coral-bg:#3a1d21;--badge-coral-fg:#ff9ba0;--badge-orange-bg:#3a2416;--badge-orange-fg:#ffae7a;--badge-violet-bg:#2a2347;--badge-violet-fg:#c3b6ff;--badge-green-bg:#15301f;--badge-green-fg:#7be09f;--badge-gray-bg:#25272e;--badge-gray-fg:#b4b8c2;--badge-mint-bg:#133330;--badge-mint-fg:#7fddd4;--mesh-warm:radial-gradient(60% 55% at 12% 10%, #5b5fc7 0%, transparent 70%), radial-gradient(55% 70% at 100% 38%, #d9534a 0%, transparent 72%), radial-gradient(60% 55% at 6% 100%, #b84a86 0%, transparent 72%), radial-gradient(80% 80% at 45% 55%, #1e2030 0%, #1e2030 25%, transparent 75%), #2a1e2e;--mesh-cool:radial-gradient(60% 75% at 0% 55%, #1d9c94 0%, transparent 72%), radial-gradient(55% 60% at 100% 10%, #2a86c9 0%, transparent 72%), radial-gradient(55% 70% at 100% 85%, #2f5fd0 0%, transparent 72%), radial-gradient(70% 70% at 45% 40%, #1e2030 0%, #1e2030 25%, transparent 75%), #172a36;--mesh-ink:#f2f3f5;--glass:#ffffff1f;--shadow-card:0 0 0 1px var(--border);--shadow-float:0 0 0 1px var(--border), 0 12px 32px #00000073;--shadow-modal:0 0 0 1px var(--border), 0 24px 64px #0009;--scrim:#0000008c}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg-app);color:var(--text-primary);font:400 15px/1.5 var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}button,input,select,textarea{font:inherit;color:inherit}.icon{flex:none;display:block}.num{font-variant-numeric:tabular-nums}.muted{color:var(--text-secondary)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input:focus-visible,textarea:focus-visible{outline-offset:0}.t-hero{letter-spacing:-.03em;font-size:48px;font-weight:500;line-height:1}.t-page{letter-spacing:-.02em;font-size:24px;font-weight:500;line-height:1.2}.t-card{font-size:18px;font-weight:500;line-height:1.3}.t-body{font-size:15px;line-height:1.5}.t-secondary{color:var(--text-secondary);font-size:14px;line-height:1.4}.t-caption{font-size:13px;font-weight:500;line-height:1.3}.card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--s-8);min-width:0;position:relative}.card--md{border-radius:var(--radius-lg);padding:var(--s-6)}.card--muted{background:var(--surface-muted);box-shadow:none}.card--mesh-warm,.card--mesh-cool{isolation:isolate;color:var(--mesh-ink);box-shadow:none;overflow:hidden}.card--mesh-warm{background:var(--mesh-warm)}.card--mesh-cool{background:var(--mesh-cool)}.card--mesh-warm:after,.card--mesh-cool:after{content:"";z-index:-1;opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.card-head{justify-content:space-between;align-items:flex-start;gap:var(--s-4);display:flex}.card-sub{margin-top:6px}.card-link{display:block}.btn{justify-content:center;align-items:center;gap:var(--s-2);height:44px;padding:0 var(--s-5);border-radius:var(--radius-full);white-space:nowrap;cursor:pointer;transition:transform .15s var(--ease);border:0;font-size:15px;font-weight:500;line-height:1;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.btn--primary{background:var(--primary);color:var(--text-on-primary)}.btn--primary:hover{background:var(--primary-hover);color:var(--text-on-primary)}.btn--secondary{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-card)}.btn--secondary:hover{background:var(--surface-hover)}.btn--ghost{height:auto;color:var(--text-secondary);background:0 0;padding:0}.btn--ghost:hover{color:var(--text-primary)}.btn--sm{height:36px;padding:0 var(--s-4);font-size:14px}.btn--block{width:100%}.icon-btn{border-radius:var(--radius-full);background:var(--surface);width:48px;height:48px;color:var(--text-primary);box-shadow:var(--shadow-card);cursor:pointer;transition:transform .15s var(--ease);border:0;flex:none;place-items:center;display:grid;position:relative}.icon-btn:hover{color:var(--primary)}.icon-btn:active{transform:scale(.96)}.icon-btn--sm{width:40px;height:40px}.icon-btn--flat{box-shadow:none;background:0 0}.icon-btn--flat:hover{background:var(--surface-hover)}.icon-btn--glass{border-radius:var(--radius-md);background:var(--glass);width:56px;height:56px;color:var(--mesh-ink);box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.icon-btn .dot{border-radius:var(--radius-full);background:var(--accent-coral);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface);position:absolute;top:10px;right:11px}.field{gap:var(--s-2);display:grid}.field label{color:var(--text-secondary);font-size:13px;font-weight:500}.input{width:100%;height:48px;padding:0 var(--s-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary)}.input:hover{border-color:var(--text-secondary)}.input:focus{outline:2px solid var(--primary);outline-offset:0;border-color:#0000}.badge{border-radius:var(--radius-full);white-space:nowrap;background:var(--badge-gray-bg);height:24px;color:var(--badge-gray-fg);align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.badge--blue{background:var(--badge-blue-bg);color:var(--badge-blue-fg)}.badge--coral{background:var(--badge-coral-bg);color:var(--badge-coral-fg)}.badge--orange{background:var(--badge-orange-bg);color:var(--badge-orange-fg)}.badge--violet{background:var(--badge-violet-bg);color:var(--badge-violet-fg)}.badge--green{background:var(--badge-green-bg);color:var(--badge-green-fg)}.segmented{gap:var(--s-1);padding:var(--s-1);border-radius:var(--radius-full);background:var(--surface-muted);scrollbar-width:none;max-width:100%;display:inline-flex;overflow-x:auto}.segmented::-webkit-scrollbar{display:none}.segmented>*{flex:none}.seg{align-items:center;gap:var(--s-2);height:36px;padding:0 var(--s-4);border-radius:var(--radius-full);cursor:pointer;color:var(--text-secondary);white-space:nowrap;background:0 0;border:0;font-size:14px;font-weight:500;display:inline-flex}.seg:hover{color:var(--text-primary)}.seg:active{transform:scale(.98)}.seg.is-active{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-card)}.seg .seg-count{color:var(--text-secondary);font-weight:500}.seg.is-active .seg-count{color:var(--primary)}html,body,#root{min-height:100%}body{background:var(--bg-app);overscroll-behavior-y:none}input,.input{font-size:16px}.shell{min-height:100dvh;padding-bottom:calc(76px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.topbar{z-index:20;justify-content:space-between;align-items:center;gap:var(--s-3);padding:calc(var(--s-3) + env(safe-area-inset-top)) var(--s-4) var(--s-3);background:color-mix(in srgb, var(--bg-app) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;position:sticky;top:0}.topbar .t-page{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.content{width:100%;max-width:720px;padding:var(--s-2) var(--s-4) var(--s-6);flex:1;margin:0 auto}.stack{gap:var(--s-4);display:grid}.card{padding:var(--s-6);border-radius:var(--radius-lg)}.card-head+*{margin-top:var(--s-4)}.tabbar{z-index:30;padding:var(--s-2) var(--s-2) calc(var(--s-2) + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -1px 0 var(--border);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab{border-radius:var(--radius-md);color:var(--text-secondary);transition:transform .15s var(--ease);justify-items:center;gap:2px;padding:6px 0;font-size:11px;font-weight:500;display:grid}.tab:active{transform:scale(.96)}.tab:hover{color:var(--text-primary)}.tab.is-active{color:var(--primary)}.tab-pill{border-radius:var(--radius-full);place-items:center;width:56px;height:30px;display:grid}.tab.is-active .tab-pill{background:var(--primary-tint)}.placeholder{gap:var(--s-3);justify-items:start;display:grid}.placeholder .badge{margin-bottom:var(--s-1)}.auth{max-width:420px;padding:max(10vh, var(--s-10)) var(--s-4) var(--s-8);margin:0 auto}.auth .product{align-items:center;gap:var(--s-3);margin-bottom:var(--s-6);display:flex}.auth .product img{width:40px;height:40px}.auth h1{margin-bottom:var(--s-2)}.form{gap:var(--s-4);margin-top:var(--s-6);display:grid}.form .btn{margin-top:var(--s-2)}.code-input{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;font-size:22px}.alert{padding:var(--s-3) var(--s-4);border-radius:var(--radius-md);background:var(--badge-coral-bg);color:var(--badge-coral-fg);font-size:14px}.note{padding:var(--s-3) var(--s-4);border-radius:var(--radius-md);background:var(--surface-muted);font-size:14px}.link-btn{cursor:pointer;color:var(--primary);background:0 0;border:0;padding:0;font-size:14px;font-weight:500}.link-btn:disabled{color:var(--text-secondary);cursor:default}.row-between{justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.list{display:grid}.list-item{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-4) 0;border-bottom:1px solid var(--border);display:flex}.list-item:last-child{border-bottom:0}.splash{place-items:center;min-height:100dvh;display:grid}.splash img{opacity:.9;width:56px;height:56px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.card--mesh-cool .t-secondary,.card--mesh-warm .t-secondary{color:color-mix(in srgb, var(--mesh-ink) 72%, transparent)}.password-field{position:relative}.password-field .input{padding-right:52px}.password-toggle{cursor:pointer;width:48px;height:48px;color:var(--text-secondary);border-radius:var(--radius-md);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:0;right:0}.password-toggle:hover{color:var(--text-primary)}.card-head.row-between{align-items:center}.topbar-title{align-items:center;gap:var(--s-1);min-width:0;display:flex}.back-link{width:40px;height:40px;margin-left:calc(-1 * var(--s-2));border-radius:var(--radius-full);color:var(--text-primary);flex:none;place-items:center;display:grid}.back-link:active{transform:scale(.96)}.progress{border-radius:var(--radius-full);background:var(--track);height:8px;display:block;overflow:hidden}.progress>span{border-radius:inherit;background:var(--primary);height:100%;transition:width .3s var(--ease);display:block}.card--mesh-cool .progress{background:var(--glass)}.current-lesson{align-items:center;gap:var(--s-3);margin-top:var(--s-5);padding:var(--s-3) var(--s-4);border-radius:var(--radius-md);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--mesh-ink);display:flex}.current-lesson>span{flex:1;min-width:0;display:grid}.current-lesson:hover{color:var(--mesh-ink)}.current-lesson:active{transform:scale(.98)}.current-title{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.topic-row,.lesson-row{align-items:center;gap:var(--s-3);padding:var(--s-3) 0;border-bottom:1px solid var(--border);color:var(--text-primary);display:flex}.topic-row:last-child,.lesson-row:last-child{border-bottom:0}.topic-row:hover,.lesson-row:hover{color:var(--text-primary)}.topic-row:active,.lesson-row:active{transform:scale(.99)}.topic-body{flex:1;gap:4px;min-width:0;display:grid}.topic-body .progress{height:4px;margin-top:2px}.topic-icon,.lesson-state{width:32px;height:32px;color:var(--success);flex:none;place-items:center;display:grid}.topic-count{border-radius:var(--radius-full);background:var(--surface-muted);width:32px;height:32px;color:var(--text-secondary);place-items:center;font-size:13px;font-weight:600;display:grid}.is-current .topic-count{background:var(--primary-tint);color:var(--primary)}.lesson-row .lesson-state{color:var(--text-secondary)}.lesson-row.is-done .lesson-state{color:var(--success)}.lesson-row.is-current .lesson-state{color:var(--primary)}.is-current .t-body{font-weight:600}.card-link{color:var(--text-primary);display:block}.card-link:hover{color:var(--text-primary)}.lesson{padding:var(--s-5)}.lesson-title{letter-spacing:-.01em;margin:var(--s-2) 0 var(--s-4);font-size:22px;font-weight:600;line-height:1.25}.lesson .note{margin-bottom:var(--s-4)}.prose{overflow-wrap:anywhere;font-size:16px;line-height:1.6}.prose>*+*{margin-top:var(--s-4)}.prose h2{margin-top:var(--s-8);font-size:19px;font-weight:600;line-height:1.3}.prose h3{margin-top:var(--s-6);font-size:17px;font-weight:600}.prose h4{font-size:16px;font-weight:600}.prose ul,.prose ol{padding-left:1.25em}.prose li+li{margin-top:var(--s-1)}.prose li>p{margin:0}.prose a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.prose strong{font-weight:600}.prose code{background:var(--surface-muted);border-radius:6px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.prose pre{margin-left:calc(-1 * var(--s-5));margin-right:calc(-1 * var(--s-5));padding:var(--s-4) var(--s-5);background:var(--surface-muted);-webkit-overflow-scrolling:touch;font-size:14px;line-height:1.5;overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;padding:0}.prose img{border-radius:var(--radius-md);max-width:100%;height:auto;display:block}.prose blockquote{padding-left:var(--s-4);border-left:3px solid var(--primary);color:var(--text-secondary)}.prose table{border-collapse:collapse;margin-left:calc(-1 * var(--s-5));margin-right:calc(-1 * var(--s-5));padding:0 var(--s-5);-webkit-overflow-scrolling:touch;font-size:14px;line-height:1.45;display:block;overflow-x:auto}.prose th,.prose td{padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--border);text-align:left;vertical-align:top;overflow-wrap:normal;word-break:normal;min-width:88px;max-width:240px}.prose th:first-child,.prose td:first-child{padding-left:0}.prose th{color:var(--text-secondary);font-size:13px;font-weight:600}.prose hr{border:0;border-top:1px solid var(--border)}.lesson-nav{bottom:calc(84px + env(safe-area-inset-bottom));z-index:10;align-items:center;gap:var(--s-3);margin-top:var(--s-4);padding:var(--s-2);border-radius:var(--radius-full);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:40px 1fr 40px;display:grid;position:sticky}.lesson-done{width:100%}.skeleton{background:linear-gradient(90deg, var(--surface) 0%, var(--surface-hover) 50%, var(--surface) 100%);background-size:200% 100%;min-height:180px;animation:1.2s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lesson-meta{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.lesson-badge{justify-self:start}.video{margin-bottom:var(--s-4)}.video video{aspect-ratio:16/10;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-card);background:#000;display:block}.video-actions{gap:var(--s-2);margin-top:var(--s-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.video.is-pinned{top:calc(64px + env(safe-area-inset-top));z-index:15;margin:0 calc(-1 * var(--s-4)) var(--s-4);padding:0 var(--s-4) var(--s-2);background:color-mix(in srgb, var(--bg-app) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky}.video.is-pinned video{border-radius:var(--radius-md)}.content--wide{max-width:1320px}@media (width>=1024px){.lesson-layout.is-pinned{gap:var(--s-6);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;display:grid}.lesson-layout.is-pinned .video.is-pinned{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;margin:0;padding:0;top:88px}}.plan-input{margin-top:var(--s-5)}.stepper{justify-content:center;align-items:center;gap:var(--s-6);display:flex}.stepper .t-hero{text-align:center;min-width:2ch}.plan-hint{text-align:center;margin-top:var(--s-2)}.chips{gap:var(--s-2);margin-top:var(--s-4);flex-wrap:wrap;justify-content:center;display:flex}.chip{min-width:48px;height:36px;padding:0 var(--s-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-primary);cursor:pointer;font-weight:500}.chip.is-active{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.plan-done{align-items:center;gap:var(--s-2);color:var(--success);font-weight:500;display:flex}.plan-facts{gap:var(--s-2);margin-top:var(--s-4);display:grid}.plan-edit{align-items:center;gap:var(--s-2);margin-top:var(--s-4);color:var(--primary);font-size:14px;font-weight:500;display:inline-flex}.icon-btn:disabled{opacity:.4;cursor:default}.input--select{appearance:none;padding-right:var(--s-8);background-image:linear-gradient(45deg, transparent 50%, var(--text-secondary) 50%), linear-gradient(135deg, var(--text-secondary) 50%, transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px;background-repeat:no-repeat;background-size:5px 5px}.input--area{height:auto;padding:var(--s-3) var(--s-4);resize:vertical}.capture-textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;line-height:1.5}.capture{gap:var(--s-3);padding:var(--s-4);display:grid}.capture-meta{justify-content:space-between;gap:var(--s-2);font-size:13px;display:flex}.capture-source{align-items:center;gap:4px;display:inline-flex}.capture-title{font-weight:600}.capture-image img{object-fit:contain;border-radius:var(--radius-md);background:var(--surface-muted);width:100%;max-height:420px;display:block}.capture-code,.capture-text{padding:var(--s-3);border-radius:var(--radius-md);background:var(--surface-muted);white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5;overflow:auto}.capture-text{font-family:var(--font);font-size:15px}.capture-link{align-items:center;gap:var(--s-2);color:var(--primary);overflow-wrap:anywhere;display:flex}.capture-actions{gap:var(--s-2);align-items:center;display:flex}.capture-actions .input{height:40px;font-size:15px}.capture-preview{gap:var(--s-2);justify-items:start;display:grid}.capture-preview img{object-fit:contain;border-radius:var(--radius-md);background:var(--surface-muted);width:100%;max-height:360px}.capture-entry{align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);display:flex}.capture-entry-main{align-items:center;gap:var(--s-3);color:var(--text-primary);flex:1;display:flex}.capture-entry-main>span{display:grid}.capture-entry-main:hover{color:var(--text-primary)}.topic-captures{gap:var(--s-3);margin-top:var(--s-6);display:grid}.token-box{gap:var(--s-2);margin:var(--s-4) 0;padding:var(--s-3);border-radius:var(--radius-md);background:var(--badge-orange-bg);display:grid}.token-value{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-family:ui-monospace,Menlo,monospace;font-size:13px}.shortcut-steps{margin:var(--s-4) 0;gap:var(--s-2);padding-left:1.25em;font-size:14px;display:grid}.shortcut-steps code{background:var(--surface-muted);overflow-wrap:anywhere;border-radius:4px;padding:1px 4px;font-family:ui-monospace,Menlo,monospace;font-size:12px}.capture-ai{align-items:center;gap:6px;font-size:13px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.capture-code-wrap{position:relative}.capture-lang{position:absolute;top:8px;right:8px}.capture-suggest{gap:var(--s-2);padding:var(--s-3);border-radius:var(--radius-md);background:var(--primary-tint);display:grid}.capture-suggest .t-caption{color:var(--primary);align-items:center;gap:6px;display:inline-flex}.chips--left{justify-content:flex-start;margin-top:0}.chip:disabled{opacity:.5}.eval-case{gap:var(--s-3);padding:var(--s-4);display:grid}.eval-case img{object-fit:contain;border-radius:var(--radius-md);background:var(--surface-muted);width:100%;max-height:340px}.eval-row{gap:var(--s-2);flex-wrap:wrap;align-items:baseline;font-size:14px;display:flex}.eval-ok{color:var(--success);font-weight:600}.eval-bad{color:var(--danger);font-weight:600}.eval-summary{gap:var(--s-3);grid-template-columns:repeat(2,1fr);display:grid}.eval-summary div{padding:var(--s-3);border-radius:var(--radius-md);background:var(--glass)}.eval-summary strong{font-size:22px;font-weight:600;display:block}.prompt-text{white-space:pre-wrap;max-height:260px;padding:var(--s-3);border-radius:var(--radius-md);background:var(--surface-muted);font-size:13px;line-height:1.5;overflow:auto}.note-card{padding:var(--s-4)}.note-toolbar{top:calc(64px + env(safe-area-inset-top));z-index:12;scrollbar-width:none;margin:calc(-1 * var(--s-4)) calc(-1 * var(--s-4)) var(--s-3);padding:var(--s-2);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:2px;display:flex;position:sticky;overflow-x:auto}.note-toolbar::-webkit-scrollbar{display:none}.tool{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.tool:hover{color:var(--text-primary);background:var(--surface-hover)}.tool.is-active{color:var(--primary);background:var(--primary-tint)}.tool:disabled{opacity:.35;cursor:default}.note-editor .ProseMirror{outline:none;min-height:30vh}.note-editor .ProseMirror>*+*{margin-top:var(--s-3)}.note-editor .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;color:var(--text-secondary)}.note-editor pre{margin-left:calc(-1 * var(--s-4));margin-right:calc(-1 * var(--s-4));padding-left:var(--s-4);padding-right:var(--s-4)}.note-editor img.ProseMirror-selectednode{outline:2px solid var(--primary)}.note-status{margin-top:var(--s-3);color:var(--text-secondary);font-size:13px}.note-status.is-error{color:var(--danger)}.note-entry{margin-bottom:var(--s-4)}.capture-mini{align-items:center;gap:var(--s-3);padding:var(--s-3);grid-template-columns:56px 1fr auto;display:grid}.capture-mini:not(:has(img)){grid-template-columns:1fr auto}.capture-mini img{object-fit:cover;border-radius:var(--radius-sm);width:56px;height:56px}.capture-mini-body{min-width:0;display:grid}.capture-mini-body .t-body{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.deck-row{align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);display:flex}.preview-card{justify-content:stretch;gap:2px;display:grid}.deck-delete{color:var(--danger);justify-self:center;align-items:center;gap:6px;display:inline-flex}.review{gap:var(--s-4);display:grid}.review-meta{text-align:center}.flashcard{align-content:center;justify-items:center;gap:var(--s-4);width:100%;min-height:46vh;padding:var(--s-6);text-align:center;cursor:pointer;color:var(--text-primary);transition:transform .15s var(--ease);border:0;display:grid}.flashcard:active{transform:scale(.99)}.flashcard-front{font-size:22px;font-weight:600;line-height:1.3}.flashcard-back{padding-top:var(--s-4);border-top:1px solid var(--border);width:100%;font-size:17px;line-height:1.5}.flashcard-hint{font-size:14px}.rates{gap:var(--s-2);grid-template-columns:repeat(4,1fr);display:grid}.rate{padding:var(--s-3) var(--s-1);border-radius:var(--radius-md);cursor:pointer;transition:transform .15s var(--ease);border:0;justify-items:center;gap:2px;font-size:14px;font-weight:600;display:grid}.rate:active{transform:scale(.97)}.rate-interval{opacity:.8;font-size:12px;font-weight:500}.rate--again{background:var(--badge-coral-bg);color:var(--badge-coral-fg)}.rate--hard{background:var(--badge-orange-bg);color:var(--badge-orange-fg)}.rate--good{background:var(--badge-green-bg);color:var(--badge-green-fg)}.rate--easy{background:var(--badge-blue-bg);color:var(--badge-blue-fg)}.review-show{min-height:56px}.review-done{text-align:center}