.scene-frame{position:absolute;inset:0 0 auto;aspect-ratio:16/9;display:flex;align-items:flex-end;justify-content:center;padding:12px;box-sizing:border-box;pointer-events:none}.scene-frame[data-compact]{padding:8px}.scene-btn{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:6px 14px 6px 11px;border-radius:999px;background:var(--on-media);color:var(--secondary);box-shadow:var(--shadow-e2);font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;pointer-events:auto}.scene-btn[data-compact]{min-height:30px;font-size:12px}.scene-btn:after{content:"";position:absolute;inset:-7px -2px}.scene-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.scene-frame{align-items:center}.scene-frame>.scene-btn{margin-top:66px}.scene-frame[data-compact]>.scene-btn{margin-top:56px}.line-rail{position:absolute;inset:auto 0 0 0;display:flex;gap:2px;height:3px}.line-rail-seg{position:relative;min-width:6px;flex-basis:0;overflow:hidden;background:color-mix(in oklch,var(--on-media-quiet) 42%,#0000);transform-origin:var(--settle-origin,left);animation:line-rail-settle .24s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--settle-delay,0ms)}.line-rail-seg[data-word]{background:var(--brand)}.line-rail-seg>b{position:absolute;inset:0;background:var(--on-media);transform-origin:left}.line-rail-seg[data-word]>b{background:color-mix(in oklch,var(--brand) 55%,var(--on-media))}@keyframes line-rail-settle{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.line-rail-seg{animation:none}.line-rail-seg[data-state=now]>b{transform:none!important;opacity:.6}}.word-tag{flex:none;align-self:flex-start;max-width:10ch;margin-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-style:normal;font-weight:600;line-height:1.3;color:var(--on-media-quiet);border-bottom:2px solid var(--brand);animation:word-tag-in .12s ease-out both}@keyframes word-tag-in{0%{opacity:0}}.scene-line-in{display:inline-block;animation:scene-line-in .16s cubic-bezier(.22,1,.36,1) both}@keyframes scene-line-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.scene-line-in,.word-tag{animation:none}}.moment-rail{display:flex}.moment-rail-btn{all:unset;box-sizing:border-box;display:flex;align-items:flex-end;width:44px;height:44px;padding:0 8px 12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.moment-rail-btn>.line-rail-seg{flex:1;height:3px;border-radius:2px}@media (hover:hover){.moment-rail-btn:not([aria-current]):hover>.line-rail-seg{background:var(--on-media-quiet)}}.moment-rail-btn:focus-visible{outline:2px solid var(--focus);outline-offset:-4px;border-radius:10px}.pk-moment-mark[data-fill]{color:#0000;background:linear-gradient(var(--brand),var(--brand)) 0 0 /calc(var(--fill, 0) * 100%) 100% no-repeat,linear-gradient(var(--on-media),var(--on-media));-webkit-background-clip:text;background-clip:text;transition:background-size .1s linear}@media (prefers-reduced-motion:reduce){.pk-moment-mark[data-fill]{--fill:1!important;transition:none}}.ls{container:ls/inline-size;overflow:hidden;overflow-anchor:none;border-radius:16px;background:var(--secondary);color:var(--on-media);box-shadow:var(--shadow-e1)}.ls,.ls-media{position:relative}.ls-media{aspect-ratio:16/9;overflow:hidden;background:var(--video-teal-3)}.ls-embed{position:absolute;inset:0;opacity:0;pointer-events:none}.ls-embed[data-show]{opacity:1}.ls-shared{position:absolute;z-index:5;top:0;left:0;overflow:hidden;opacity:0;pointer-events:none}.ls-shared[data-show]{opacity:1}.ls-poster{position:absolute;inset:0;background-size:cover;background-position:50%;transition:opacity var(--motion-standard) ease-out}.ls-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(#0000 35%,var(--media-scrim))}.ls-poster[data-hidden]{opacity:0}.ls-poster:not([data-hidden]){transition:none}.ls-scrim{position:absolute;inset:0;background:var(--media-scrim)}.ls-chip{position:absolute;top:50%;left:50%;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 16px 0 14px;border-radius:999px;background:var(--on-media);color:var(--secondary);box-shadow:var(--shadow-e2);font-size:13px;font-weight:700;white-space:nowrap;transform:translate(-50%,-50%);transition:scale var(--motion-quick) ease-out;pointer-events:none}.ls[data-status=failed] .ls-chip{padding:0 14px;background:var(--media-scrim);color:var(--on-media);box-shadow:none}.ls[data-status=loading]:not([data-type]) .ls-chip{background:var(--media-scrim);color:var(--on-media);box-shadow:inset 0 0 0 2px var(--brand)}.ls-chip-ring{flex:none;width:12px;height:12px;box-sizing:border-box;border:2px solid var(--brand);border-right:2px solid #0000;border-radius:50%;animation:ls-spin .8s linear infinite}@keyframes ls-spin{to{transform:rotate(1turn)}}@media (hover:hover){.ls:not([data-status=failed]):has(.ls-hit:hover) .ls-chip{scale:1.04}}.ls[data-type] .ls-media{display:grid;align-content:center;background:var(--secondary)}.ls-type-word{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding:0 16px;font-family:var(--font-display);font-size:clamp(34px,9cqi,52px);font-weight:600;line-height:1.05;color:var(--on-media);overflow-wrap:anywhere;text-wrap:balance}.ls-type-word[data-line]{-webkit-line-clamp:4;margin-bottom:48px;font-size:clamp(20px,6.4cqi,34px);line-height:1.15;text-wrap:pretty}.ls-type-mark{font-weight:inherit;text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:3px;text-underline-offset:.14em}.ls[data-type] .ls-chip{top:auto;left:16px;bottom:14px;transform:none;transform-origin:left center}.ls-lines{display:grid;grid-template-rows:auto 1fr auto;align-content:center;height:108px;padding:8px 16px;box-sizing:border-box}.ls[data-size=compact] .ls-lines{grid-template-rows:1fr;height:64px;padding:6px 14px}.ls-row{position:relative;min-width:0;margin-left:-16px;padding-left:16px;font-size:14px;font-weight:500;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls-row[data-row=next],.ls-row[data-row=past]{min-height:1.25em}.ls-row[data-row=past]{opacity:.4}.ls-row[data-row=next]{opacity:.22}.ls[data-rail] .ls-row[data-row=next]{padding-right:140px}.ls-row[data-row=now]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:end;white-space:normal;text-wrap:pretty;opacity:.8}.ls-row[data-placeholder]{opacity:.62}.ls-row[data-row=now]:only-child{grid-row:1/-1;align-self:center}.ls-row[data-row=now][data-lit]{opacity:1;animation:ls-line-in .16s var(--ease-standard) both}@keyframes ls-line-in{0%{opacity:0;transform:translateY(4px)}}.ls .ls-row[data-quiet]{font-family:inherit;font-size:var(--text-body);font-weight:500;color:var(--on-media-quiet);opacity:1}.ls-row[data-row=now],.ls-type{font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1.15;font-style:normal}@container ls (width >= 560px){.ls-lines{height:124px}.ls[data-size=full] .ls-row[data-row=now]:not([data-quiet]){font-size:28px}}.ls-row .pk-moment-mark{font-style:normal;font-weight:700;text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:2px;text-underline-offset:4px}.ls-row.ls-wait[data-row]{display:flex;flex-direction:column;justify-content:center;gap:8px}.ls-wait i{display:block;height:10px;border-radius:999px;background:var(--on-media-quiet);animation:ls-shimmer 1.4s ease-in-out infinite}.ls-wait i:first-child{width:86%}.ls-wait i:last-child{width:54%}@keyframes ls-shimmer{0%,to{opacity:.25}50%{opacity:.5}}.ls[data-gap=front] .ls-scrim,.ls[data-gap=rec] .ls-scrim{background:color-mix(in oklch,var(--secondary) 80%,#0000)}.ls-cue{position:absolute;left:16px;right:16px;bottom:14px;display:grid;gap:4px;pointer-events:none}.ls-cue-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklch,var(--on-media) 72%,#0000)}.ls-cue-where{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-family:var(--font-display);font-size:clamp(32px,9cqi,44px);font-weight:600;line-height:1.02;letter-spacing:-.02em;color:var(--on-media);text-wrap:balance}.ls-cue-where[data-long]{font-size:clamp(26px,8cqi,40px)}.ls[data-gap=front] .ls-chip{top:12px;right:12px;bottom:auto;left:auto;min-height:32px;padding:0 12px 0 10px;font-size:12px;transform:none;transform-origin:right center}.ls-gap{position:relative;grid-row:1/-1;align-self:center;height:44px}.ls-gap:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--gap-edge);box-sizing:border-box;border:1.5px dashed color-mix(in oklch,var(--on-media) 35%,#0000);border-radius:10px}.ls-gap:after{content:"";position:absolute;top:0;bottom:0;left:var(--gap-edge);width:3px;margin-left:-1.5px;border-radius:2px;background:var(--brand)}.ls-gap-bars{position:absolute;inset:6px 0;display:flex;align-items:center;overflow:hidden}.ls-gap-bars>i{flex:0 0 2%;height:100%}.ls-gap-bar{border-radius:999px;background:color-mix(in oklch,var(--on-media) 55%,#0000);scale:.6 var(--lv);animation:ls-bar-in .12s ease-out both}@keyframes ls-bar-in{0%{scale:.6 0}}.ls[data-gap=answer] .ls-lines{grid-template-rows:1fr auto;row-gap:6px}.ls[data-gap=answer] .ls-row[data-row=now]{opacity:1}@container ls (width < 560px){.ls[data-gap=answer] .ls-row[data-row=now]{-webkit-line-clamp:3;font-size:18px}}.ls-take{position:relative;display:flex;width:var(--take-w);height:22px}.ls-take>.ls-gap-bar{flex:1 1 0;height:100%}.ls-take-head{position:absolute;top:-2px;bottom:-2px;left:var(--head);width:2px;margin-left:-1px;border-radius:1px;background:var(--on-media)}.ls-hit{all:unset;position:absolute;inset:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.ls-hit[aria-disabled=true]{cursor:default}.ls-rail{position:absolute;right:4px;bottom:0}@layer base{.ls-hit:focus-visible{outline-offset:-3px!important;border-radius:16px}html:not([data-input=keyboard]) .ls-hit[data-opens-focused]:focus-visible{outline:none!important}}@media (prefers-reduced-motion:reduce){.ls-chip,.ls-poster{transition:none}.ls-chip-ring,.ls-row[data-row=now][data-lit],.ls-wait i{animation:none}.ls-chip{scale:none!important}.ls-gap-bar{animation:none}.ls-take-head{display:none}}.ls .scene-frame>.scene-btn{margin-top:0}.ls-chip-disc{display:contents}@media (max-width:719.98px){[data-lesson] .ls[data-size=full]{border-radius:0;box-shadow:none}[data-lesson] .ls[data-size=full]:not([data-gap=front]):not([data-gap=rec]) .ls-poster:after{background:linear-gradient(color-mix(in oklch,var(--secondary) 65%,#0000) 40%,var(--secondary))}[data-lesson] .ls[data-size=full]:not([data-gap=front]) .ls-chip{top:auto;right:auto;bottom:12px;left:16px;min-height:44px;padding:0;gap:10px;background:none;box-shadow:none;color:var(--on-media);font-size:15px;font-weight:700;transform:none;transform-origin:left center}[data-lesson] .ls[data-size=full]:not([data-gap=front]) .ls-chip-disc{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--on-media);color:var(--secondary);box-shadow:var(--shadow-e2)}[data-lesson] .ls[data-size=full][data-type] .ls-media{padding-bottom:56px}[data-lesson] .ls[data-size=full] .ls-type-word[data-line]{margin-bottom:0}[data-lesson] .ls[data-size=full]:not([data-gap]) .ls-row[data-row=next],[data-lesson] .ls[data-size=full]:not([data-gap]) .ls-row[data-row=past]{display:none}[data-lesson] .ls[data-size=full]:not([data-gap]) .ls-row[data-row=now]{grid-row:1/-1;align-self:center;-webkit-line-clamp:3}[data-lesson] .ls[data-size=full][data-rail] .ls-lines{padding-bottom:24px}}@media (max-width:719.98px) and (min-height:481px){[data-lesson] .ls[data-size=full] .ls-media{aspect-ratio:auto;container:lsm/size;height:min(56.25cqw,clamp(132px,calc(100svh - var(--lesson-rest, 477px) - env(safe-area-inset-top) - max(0px, env(safe-area-inset-bottom) - 12px)),252px))}[data-lesson] .ls[data-size=full]:not([data-type]) .ls-media{background:var(--secondary)}[data-lesson] .ls[data-size=full] .ls-embed,[data-lesson] .ls[data-size=full] .ls-poster{width:min(100cqw,100cqh * 16/9);margin-inline:auto}@container lsm (height < 168px){.ls-cue{bottom:10px;gap:2px}.ls-cue-where{font-size:26px}.ls-cue-where[data-long]{font-size:24px}.ls-type-word{font-size:28px}.ls-type-word[data-line]{-webkit-line-clamp:3;font-size:20px}}}@layer base{@media (max-width:719.98px){[data-lesson] .ls-hit:focus-visible{border-radius:0}}}