.moment-video-window{position:relative;padding:1rem;background:var(--surface-raised);border:1px solid var(--home-border);color:var(--color-brand-ink);font-family:var(--font-poppins),sans-serif;font-size:1rem;line-height:1.5}.moment-video-window .home-lesson-eyebrow{color:var(--color-ui-muted-strong);padding-right:3rem}.moment-toggle{position:absolute;top:0;right:.25rem;display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;cursor:pointer}.moment-toggle:before{content:"";position:absolute;inset:.375rem;border-radius:inherit;background:var(--home-panel)}.moment-toggle svg{position:relative;width:1.125rem;height:1.125rem}html[data-theme=dark] .home-hero .moment-toggle{background:transparent;color:var(--color-ui-muted-strong)}html[data-theme=dark] .home-hero .moment-toggle:hover{color:var(--color-brand-ink)}.moment-toggle:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:2px}.lesson-moment{--example-line-duration:.36s;--example-answer-delay:.45s;--example-correction-delay:.9s;--example-explanation-delay:1.15s}.moment-panels{display:grid;margin-top:.75rem}.moment-panel{display:grid;grid-template-rows:auto auto 1fr;grid-area:1/1;min-width:0;visibility:hidden;pointer-events:none}.moment-panel[data-active=true]{visibility:visible;pointer-events:auto}.moment-video-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%}.moment-video-tile{min-width:0;overflow:hidden;border-radius:.75rem;background:#06262e}.moment-portrait{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:rgba(255,255,255,.04)}.moment-avatar{object-fit:contain;object-position:center bottom}.moment-tile-footer{min-height:2.25rem;padding:.375rem .625rem}.moment-silhouette{width:100%;height:100%;fill:var(--home-panel)}.moment-name{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.375rem;color:var(--color-brand-cream);font-size:.8125rem;line-height:1.5}.moment-name span{color:var(--color-ui-muted-strong)}.moment-dialogue{display:grid;align-content:start;gap:.5rem;margin-block:.75rem;color:var(--color-brand-cream);font-size:.9375rem;line-height:1.5}.moment-line-label{color:var(--color-ui-muted-strong);font-size:.8125rem}.moment-teacher-note.theme-paper.paper-sheet{padding:.75rem;border-radius:.75rem;box-shadow:none}.moment-note-eyebrow{color:var(--color-brand-brown);font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.moment-correction{margin-top:.25rem;font-size:1rem;line-height:1.5}.moment-teacher-note .home-lesson-explanation{margin-top:.375rem}.moment-teacher-note .home-lesson-article-link{margin-top:.5rem}.moment-error{text-decoration:underline wavy var(--color-brand-orange) 2px;text-underline-offset:.2em}.moment-navigation{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:2.75rem;margin-top:.5rem}.moment-count{color:var(--color-ui-muted-strong);font-size:.8125rem;white-space:nowrap;font-variant-numeric:tabular-nums}.lesson-moment .moment-next{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-height:2.75rem;padding:.375rem .625rem;border-radius:.5rem;background:var(--home-panel);color:var(--color-accent-ink);font-size:.8125rem;font-weight:600;cursor:pointer}.lesson-moment .moment-next:hover{background:var(--surface-hover)}.moment-next svg{width:1rem;height:1rem}.moment-next:focus-visible{outline:2px solid var(--color-brand-cream);outline-offset:3px}@keyframes lesson-example-change{0%{opacity:.35;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes lesson-text-reveal{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference) and (min-width:768px){.lesson-moment[data-animate-change=true] .moment-panel[data-active=true] .moment-video-tiles{animation:lesson-example-change .24s cubic-bezier(.2,.7,.2,1) both}.lesson-moment[data-animate-change=true] .moment-panel[data-active=true] .moment-reveal{animation:lesson-text-reveal var(--example-line-duration) cubic-bezier(.2,.7,.2,1) both}.lesson-moment[data-animate-change=true] .moment-panel[data-active=true] .moment-answer{animation-delay:var(--example-answer-delay)}.lesson-moment[data-animate-change=true] .moment-panel[data-active=true] .moment-correction{animation-delay:var(--example-correction-delay)}.lesson-moment[data-animate-change=true] .moment-panel[data-active=true] .home-lesson-article-link,.lesson-moment[data-animate-change=true] .moment-panel[data-active=true] .home-lesson-explanation{animation-delay:var(--example-explanation-delay)}@media (hover:hover) and (pointer:fine){.moment-next svg{transition:transform .16s ease-out}.moment-next:hover svg{transform:translateX(.125rem)}}}@media (prefers-reduced-motion:reduce){.lesson-moment *,.lesson-moment :before{animation:none!important;transition:none!important}}@media (min-width:1100px) and (max-height:740px){.moment-portrait{aspect-ratio:16/9}}@media (min-width:1100px) and (max-height:620px){.moment-portrait{max-height:6rem}}@media (min-width:1100px) and (max-height:700px){.moment-video-window{padding:.75rem}.moment-teacher-note.theme-paper.paper-sheet{padding:.5rem .75rem}}