.video-frame.svelte-161oxm0{aspect-ratio:16/9;border-radius:var(--radius);border:1px solid var(--color-border);background:#000;width:100%;max-width:720px;margin:16px 0;position:relative;overflow:hidden}.video-frame.svelte-161oxm0 iframe,.video-frame.svelte-161oxm0{display:block}iframe.svelte-161oxm0{border:0;width:100%;height:100%}.facade.svelte-161oxm0{cursor:pointer;background:linear-gradient(135deg,#1c1f26,#2b3038);border:0;place-items:center;width:100%;height:100%;padding:0;display:grid;position:absolute;inset:0}.facade.svelte-161oxm0 img:where(.svelte-161oxm0){-o-object-fit:cover;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.facade.svelte-161oxm0 img.loaded:where(.svelte-161oxm0){opacity:1}.play.svelte-161oxm0{z-index:1;color:#fff;background:#0000009e;border-radius:50%;place-items:center;width:64px;height:64px;padding-left:4px;font-size:22px;transition:transform .15s,background .15s;display:grid;position:relative;box-shadow:0 4px 18px #00000059}.facade.svelte-161oxm0:hover .play:where(.svelte-161oxm0){background:var(--color-primary);transform:scale(1.06)}.facade.svelte-161oxm0:focus-visible{outline:3px solid var(--color-primary);outline-offset:-3px}.video-fallback.svelte-161oxm0 a:where(.svelte-161oxm0){color:var(--color-primary);font-weight:600;text-decoration:none}.video-fallback.svelte-161oxm0 a:where(.svelte-161oxm0):hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.play.svelte-161oxm0{transition:none}.facade.svelte-161oxm0:hover .play:where(.svelte-161oxm0){transform:none}.facade.svelte-161oxm0 img:where(.svelte-161oxm0){transition:none}}.lesson-layout.svelte-1kl2v7d{align-items:flex-start;gap:24px;display:flex}.lesson-main.svelte-1kl2v7d{flex:1;min-width:0;max-width:880px}.toc.svelte-1kl2v7d{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-shrink:0;width:240px;max-height:calc(100vh - 40px);padding:16px;position:sticky;top:20px;overflow-y:auto}.toc-kit.svelte-1kl2v7d{color:var(--color-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:.82rem;font-weight:700;text-decoration:none;display:block;overflow:hidden}.toc-kit.svelte-1kl2v7d:hover{text-decoration:underline}.toc-heading.svelte-1kl2v7d{text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin:0 0 8px;font-size:.72rem;font-weight:700}.toc-list.svelte-1kl2v7d{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.toc-link.svelte-1kl2v7d{color:var(--color-text-soft);border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;font-size:.88rem;text-decoration:none;display:flex}a.toc-link.svelte-1kl2v7d:hover{background:var(--color-bg-soft);color:var(--color-text)}.toc-link.active.svelte-1kl2v7d{background:var(--color-primary-soft);color:var(--color-primary);cursor:default;font-weight:600}.toc-no.svelte-1kl2v7d{background:var(--color-bg-soft);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:.78rem;font-weight:700;display:grid}.toc-link.active.svelte-1kl2v7d .toc-no:where(.svelte-1kl2v7d){background:var(--color-primary);color:#fff}.toc-title.svelte-1kl2v7d{overflow-wrap:anywhere;line-height:1.45}.container.svelte-1kl2v7d{padding-top:16px}.crumbs.svelte-1kl2v7d{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:.85rem;display:flex}@media (width>=641px){.container.svelte-1kl2v7d{padding-top:0}.crumbs.svelte-1kl2v7d{z-index:4;background:color-mix(in srgb, var(--color-surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb, var(--color-border) 60%, transparent);padding-block:16px;position:sticky;top:0}}.crumbs.svelte-1kl2v7d a:where(.svelte-1kl2v7d){color:var(--color-text-soft);text-decoration:none}.crumbs.svelte-1kl2v7d a:where(.svelte-1kl2v7d):hover{color:var(--color-primary)}.sep.svelte-1kl2v7d{opacity:.6}.current.svelte-1kl2v7d{color:var(--color-text)}.lesson-head.svelte-1kl2v7d{margin-bottom:20px}.lesson-meta.svelte-1kl2v7d{align-items:center;gap:10px;margin-bottom:6px;display:flex}.lesson-meta.svelte-1kl2v7d .pill:where(.svelte-1kl2v7d){font-size:.72rem}.level-1.svelte-1kl2v7d{background:color-mix(in srgb, var(--color-success,#22c55e) 16%, transparent);color:var(--color-success,#16a34a)}.level-2.svelte-1kl2v7d{background:var(--color-primary-soft);color:var(--color-primary)}.level-3.svelte-1kl2v7d{background:color-mix(in srgb, var(--color-accent,#f59e0b) 18%, transparent);color:var(--color-accent,#b45309)}.lesson-kicker.svelte-1kl2v7d{text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);font-size:.75rem;font-weight:700}.lesson-body.svelte-1kl2v7d{margin-bottom:28px}.code-wrap.svelte-1kl2v7d{margin:16px 0}.lesson-nav.svelte-1kl2v7d{flex-wrap:wrap;justify-content:space-between;gap:12px;margin:8px 0 48px;display:flex}@media (width<=900px){.lesson-layout.svelte-1kl2v7d{flex-direction:column;align-items:stretch}.toc.svelte-1kl2v7d{width:100%;max-height:none;padding:12px;position:static}.toc-kit.svelte-1kl2v7d,.toc-heading.svelte-1kl2v7d{display:none}.toc-list.svelte-1kl2v7d{flex-direction:row;gap:6px;padding-bottom:4px;overflow-x:auto}.toc-list.svelte-1kl2v7d li:where(.svelte-1kl2v7d){flex-shrink:0}.toc-link.svelte-1kl2v7d{border:1px solid var(--color-border);white-space:nowrap}.toc-link.active.svelte-1kl2v7d{border-color:#0000}.toc-title.svelte-1kl2v7d{white-space:nowrap;text-overflow:ellipsis;max-width:150px;display:block;overflow:hidden}}