.demo-viewer.svelte-1klffb0{background:var(--theme-ink-viewer);color:var(--theme-text-on-ink);box-shadow:var(--theme-shadow-hero);border-radius:16px;min-width:0;overflow:hidden}button.svelte-1klffb0,input.svelte-1klffb0{font:inherit}button.svelte-1klffb0{cursor:pointer}button.svelte-1klffb0:focus-visible,input.svelte-1klffb0:focus-visible{outline:2px solid var(--theme-accent-bright);outline-offset:-3px}.viewer-header.svelte-1klffb0{border-bottom:1px solid var(--theme-ink-border);color:var(--theme-text-on-ink-muted);justify-content:space-between;align-items:center;gap:15px;padding:10px 20px;font-size:11px;display:flex}.viewer-header.svelte-1klffb0 button:where(.svelte-1klffb0){color:inherit;background:0 0;border:0;min-height:44px;padding:10px 0;font-size:12px}.viewer-header.svelte-1klffb0 button:where(.svelte-1klffb0):hover{text-decoration:underline}.viewer-main.svelte-1klffb0{grid-template-columns:minmax(0,1fr) 310px;display:grid}.watch.svelte-1klffb0{min-width:0;padding:22px}.video-stage.svelte-1klffb0{aspect-ratio:16/9;background:var(--theme-ink-media);border-radius:12px;flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}.lesson-slide.svelte-1klffb0{flex-direction:column;flex:1;justify-content:center;padding:clamp(22px,3vw,44px);display:flex}.lesson-slide.svelte-1klffb0>span:where(.svelte-1klffb0){color:var(--theme-text-on-ink-muted);font-size:11px}.lesson-slide.svelte-1klffb0 strong:where(.svelte-1klffb0){font:600 clamp(26px,3vw,42px)/1.1 var(--font-display);letter-spacing:-.025em;max-width:16ch;margin:18px 0 12px;display:block}.lesson-slide.svelte-1klffb0 p:where(.svelte-1klffb0){color:var(--theme-text-on-ink-muted);max-width:40ch;margin:0;font-size:12px;line-height:1.6}.video-caption.svelte-1klffb0{background:var(--theme-ink-panel);color:var(--theme-text-on-ink-muted);justify-content:space-between;gap:12px;padding:12px 16px;font-size:10px;display:flex}progress.svelte-1klffb0{width:100%;height:4px;accent-color:var(--theme-accent-bright);border:0;margin-top:10px;display:block}progress.svelte-1klffb0::-webkit-progress-bar{background:var(--theme-ink-border)}progress.svelte-1klffb0::-webkit-progress-value{background:var(--theme-accent-bright)}.watch-copy.svelte-1klffb0{padding:20px 0 0}.watch-copy.svelte-1klffb0 h3:where(.svelte-1klffb0){font:600 clamp(23px,2.4vw,32px)/1.15 var(--font-display);margin:0}.watch-copy.svelte-1klffb0 p:where(.svelte-1klffb0){color:var(--theme-text-on-ink-muted);margin:10px 0 0;font-size:12px;line-height:1.6}.watch-copy.svelte-1klffb0 .demo-instruction:where(.svelte-1klffb0){color:var(--theme-accent-bright-soft);font-size:11px}aside.svelte-1klffb0{background:var(--theme-ink-elevated);border-left:1px solid var(--theme-ink-border);min-width:0}.tabs.svelte-1klffb0{border-bottom:1px solid var(--theme-ink-border);padding:0 12px;display:flex}.tabs.svelte-1klffb0 button:where(.svelte-1klffb0){color:var(--theme-text-on-ink-muted);background:0 0;border:0;min-height:54px;padding:18px 12px;font-size:12px}.tabs.svelte-1klffb0 button.active:where(.svelte-1klffb0){color:var(--theme-text-on-ink);box-shadow:inset 0 -2px var(--theme-accent-bright)}.chapter-list.svelte-1klffb0 button:where(.svelte-1klffb0){text-align:left;border:0;border-bottom:1px solid var(--theme-ink-border);width:100%;color:inherit;background:0 0;grid-template-columns:20px 1fr;gap:5px 8px;min-height:60px;padding:15px 18px;display:grid}.chapter-list.svelte-1klffb0 button:where(.svelte-1klffb0)>span:where(.svelte-1klffb0){color:var(--theme-text-on-ink-muted);font-size:10px}.chapter-list.svelte-1klffb0 strong:where(.svelte-1klffb0){font-size:12px;font-weight:600;line-height:1.5}.chapter-list.svelte-1klffb0 time:where(.svelte-1klffb0){color:var(--theme-accent-bright-soft);grid-column:2;font-size:10px}.chapter-list.svelte-1klffb0 button:where(.svelte-1klffb0):hover,.transcript.svelte-1klffb0 button:where(.svelte-1klffb0):hover{background:var(--theme-ink-hover)}.chapter-list.svelte-1klffb0 button.current:where(.svelte-1klffb0),.transcript.svelte-1klffb0 button.current:where(.svelte-1klffb0){background:var(--theme-ink-selected)}.transcript.svelte-1klffb0{max-height:435px;padding:16px;overflow:auto}.transcript.svelte-1klffb0 label:where(.svelte-1klffb0){margin-bottom:8px;font-size:12px;display:block}.transcript.svelte-1klffb0 input:where(.svelte-1klffb0){background:var(--theme-ink-control);width:100%;min-width:0;color:var(--theme-text-on-ink);border:1px solid var(--theme-ink-border-strong);border-radius:9px;margin-bottom:10px;padding:10px;font-size:14px}.transcript.svelte-1klffb0 input:where(.svelte-1klffb0)::placeholder{color:var(--theme-text-on-ink-muted)}.transcript.svelte-1klffb0 button:where(.svelte-1klffb0){text-align:left;border:0;border-bottom:1px solid var(--theme-ink-border);width:100%;color:var(--theme-text-on-ink-muted);background:0 0;gap:7px;padding:12px 8px;font-size:12px;line-height:1.6;display:grid}.transcript.svelte-1klffb0 time:where(.svelte-1klffb0){color:var(--theme-accent-bright-soft);font-size:10px}.empty.svelte-1klffb0{font-size:13px;line-height:1.6}.preview-note.svelte-1klffb0{border-top:1px solid var(--theme-ink-border);color:var(--theme-text-on-ink-muted);padding:14px 22px;font-size:11px;line-height:1.6}.demo-library.svelte-1klffb0{background:var(--theme-canvas-subtle);color:var(--theme-text);min-height:440px;padding:32px}.demo-library.svelte-1klffb0 h3:where(.svelte-1klffb0){font:600 32px/1.15 var(--font-display);margin:0}.demo-library.svelte-1klffb0>p:where(.svelte-1klffb0){color:var(--theme-text-muted);font-size:13px}.library-item.svelte-1klffb0{text-align:left;background:var(--theme-surface);color:inherit;width:100%;max-width:350px;box-shadow:var(--theme-shadow-card);border:0;border-radius:14px;padding:0;overflow:hidden}.library-cover.svelte-1klffb0{background:var(--theme-ink-thumbnail);place-items:center;padding:36px;display:grid}.library-cover.svelte-1klffb0 span:where(.svelte-1klffb0){color:var(--theme-accent-ink);background:var(--theme-accent-pale);border-radius:9px;padding:10px 14px;font-size:12px;font-weight:600}.library-copy.svelte-1klffb0{padding:20px}.library-copy.svelte-1klffb0 h4:where(.svelte-1klffb0){font:600 24px/1.15 var(--font-display);margin:0}.library-copy.svelte-1klffb0 p:where(.svelte-1klffb0),.library-copy.svelte-1klffb0>span:where(.svelte-1klffb0){color:var(--theme-text-muted);font-size:12px}.library-note.svelte-1klffb0{margin-bottom:0}@media (width<=760px){.viewer-main.svelte-1klffb0{grid-template-columns:1fr}.watch.svelte-1klffb0{padding:16px}aside.svelte-1klffb0{border-left:0;border-top:1px solid var(--theme-ink-border)}.lesson-slide.svelte-1klffb0{padding:24px}.lesson-slide.svelte-1klffb0 strong:where(.svelte-1klffb0){font-size:30px}.video-caption.svelte-1klffb0{font-size:9px}.transcript.svelte-1klffb0{max-height:330px}.transcript.svelte-1klffb0 input:where(.svelte-1klffb0){font-size:16px}.demo-library.svelte-1klffb0{padding:24px}.viewer-header.svelte-1klffb0{padding:8px 16px}.preview-note.svelte-1klffb0{padding:14px 16px}}