:root{--bg-0:#f3f1ec;--bg-1:#e7e4dd;--ink:#1d2430;--ink-2:#4a5566;--ink-3:#6b7686;--line:#d8d4cb;--card:#ffffffdb;--accent:#2f6fb2;--accent-ink:#1f5591;--motion:#c9772b;--focus:#1a5fb4;--radius:14px;--shadow:0 1px 2px #1418200d, 0 8px 24px #1418200f;--font:"Inter", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:radial-gradient(120% 90% at 38% 42%, #fbfaf7 0%, var(--bg-0) 52%, var(--bg-1) 100%);-webkit-font-smoothing:antialiased;overflow:hidden}.shell{grid-template:"header panel""stage panel"minmax(0,1fr)/minmax(0,1fr) 360px;height:100%;display:grid}.shell__header{pointer-events:none;z-index:3;grid-area:header;padding:22px 28px 0;position:relative}.brand__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600}.brand__title{letter-spacing:-.015em;margin:4px 0 2px;font-size:26px;font-weight:650}.brand__subtitle{color:var(--ink-2);margin:0;font-size:14px}.stage-wrap{grid-area:stage;min-height:0;position:relative}.shell__header+.stage-wrap{grid-row:1/span 2}.stage{touch-action:none;position:absolute;inset:0}.stage[data-cursor=grab]{cursor:grab}.stage[data-cursor=pointer]{cursor:pointer}.stage.is-dragging-joint{cursor:grabbing}.stage-canvas{outline:none;width:100%;height:100%;display:block}.stage-status{color:var(--ink-2);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex;position:absolute;inset:0}.stage-status--error{color:#8a1f1f;text-align:center;pointer-events:auto;padding:32px}.stage-status__detail{white-space:pre-wrap;color:#6b2a2a;max-width:680px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stage-hint{border:1px solid var(--line);color:var(--ink-2);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#ffffffb8;border-radius:999px;margin:0;padding:7px 14px;font-size:12.5px;transition:opacity .2s;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.stage-hint[data-dragging]{opacity:0}.stage-note{color:#6b4a1c;pointer-events:none;background:#fffaf0e6;border:1px solid #ead9bd;border-radius:10px;max-width:340px;margin:0;padding:8px 12px;font-size:12px;position:absolute;bottom:64px;left:28px}.view-buttons{z-index:2;gap:6px;display:flex;position:absolute;top:124px;left:28px}.panel{z-index:4;border-left:1px solid var(--line);background:linear-gradient(#faf9f6e6,#f4f2ede6);flex-direction:column;grid-area:panel;gap:12px;padding:18px 18px 12px;display:flex;position:relative;overflow-y:auto}.panel__placeholder{flex:1}.panel__footer{margin-top:auto;padding-top:4px}.controls{flex-direction:column;gap:12px;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.card__title{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0 0 10px;font-size:11px;font-weight:650}.dof-slider__header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.dof-slider__label{font-size:15px;font-weight:600}.dof-slider__readout{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ink);font-size:34px;font-weight:600;line-height:1}.dof-slider__unit{color:var(--ink-3);margin-left:1px;font-size:20px}.dof-slider__control{cursor:pointer;touch-action:none;border-radius:10px;outline:none;margin:0 -10px;padding:12px 10px}.dof-slider__control:focus-visible{box-shadow:0 0 0 3px #1a5fb459}.dof-slider__track{background:#dcd8cf;border-radius:3px;height:6px;position:relative}.dof-slider__fill{background:linear-gradient(90deg, #d9a36a, var(--motion));border-radius:3px;position:absolute;top:0;bottom:0;left:0}.dof-slider__tick{background:#b9b4a9;width:1px;height:5px;position:absolute;top:10px;transform:translate(-.5px)}.dof-slider__thumb{border:2px solid var(--motion);background:#fff;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:50%;box-shadow:0 1px 4px #0000002e}.dof-slider__control:focus-visible .dof-slider__thumb{border-color:var(--focus);box-shadow:0 0 0 4px #1a5fb440}.dof-slider__scale{color:var(--ink-3);justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.preset-row{flex-wrap:wrap;gap:6px;margin:12px 0 10px;display:flex}.chip{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;font-variant-numeric:tabular-nums;background:#ffffffe6;border-radius:999px;min-height:32px;padding:6px 12px;font-size:13px;font-weight:550}.chip:hover{border-color:#bdb7aa}.chip[aria-pressed=true]{color:var(--accent-ink);background:#eaf1f9;border-color:#9dbbe0}.chip--reset{margin-left:auto}.chip:focus-visible,.link-button:focus-visible,.toggle input:focus-visible+.toggle__switch{outline:3px solid var(--focus);outline-offset:2px}.fineprint{color:var(--ink-2);margin:0;font-size:12.5px;line-height:1.45}.fineprint+.fineprint{margin-top:6px}.card .fineprint:not(:first-child){margin-top:8px}.fineprint-details{color:var(--ink-2);margin-top:8px;font-size:12px}.fineprint-details summary{cursor:pointer;color:var(--accent-ink)}.fineprint-details p{margin:6px 0 0;line-height:1.45}.toggle-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.toggle{cursor:pointer;align-items:center;gap:10px;padding:6px 0;font-size:14px;display:flex}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle__switch{background:#d1ccc2;border-radius:999px;flex:none;width:34px;height:20px;transition:background .15s;position:relative}.toggle__switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.toggle input:checked+.toggle__switch{background:var(--accent)}.toggle input:checked+.toggle__switch:after{transform:translate(14px)}.toggle__meta{color:var(--ink-3);margin-left:auto;font-size:12px}.toggle__meta--error{color:#9b2c2c}.selection__name{margin:0 0 4px;font-size:18px;font-weight:620}.selection__meta{color:var(--ink-2);margin:0 0 2px;font-size:13px}.link-button{font:inherit;color:var(--accent-ink);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:4px 0;font-size:12.5px;text-decoration:underline}.label-layer{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.label-leaders{position:absolute;inset:0;overflow:visible}.label-leader{stroke:#1d24308c;stroke-width:1px}.label-leader.is-occluded{stroke-dasharray:2 3;stroke:#1d24304d}.label-dot{fill:#fff;stroke:#1d2430bf;stroke-width:1.2px}.label-dot.is-occluded{stroke:#1d243059}.label{white-space:nowrap;will-change:transform;background:#ffffffeb;border:1px solid #1d24301f;border-radius:7px;flex-direction:column;padding:3px 8px;transition:opacity .15s;display:flex;position:absolute;top:0;left:0;box-shadow:0 1px 3px #14182014}.label__title{color:var(--ink);font-size:12.5px;font-weight:580;line-height:1.35}.label__subtitle{color:var(--ink-3);letter-spacing:.01em;font-size:10.5px;line-height:1.25}.label.is-occluded{opacity:.55}.label.is-selected{background:#f2f7fd;border-color:#7fa6d6;box-shadow:0 0 0 2px #2f6fb22e}.label--joint .label__title{color:var(--accent-ink)}.label--band .label__title{font-size:11.5px}.label--badge{background:var(--motion);border-color:#0000;padding:2px 7px}.label--badge .label__title{color:#fff;font-variant-numeric:tabular-nums;font-size:12px;font-weight:650}.label--selection{border-color:#7fa6d6}.perf-hud{z-index:5;color:#e7ebf1;font-variant-numeric:tabular-nums;background:#161a22d1;border-radius:10px;grid-template-columns:repeat(4,auto);gap:4px 14px;padding:8px 12px;font-size:11px;display:grid;position:fixed;top:18px;right:380px}.perf-hud div{flex-direction:column;display:flex}.perf-hud span{color:#9aa6b6;font-size:10px}@media (max-width:860px){body{overflow:auto}.shell{grid-template:"header""stage"minmax(58vh,1fr)"panel"/1fr;height:auto;min-height:100%}.shell__header{padding:16px 16px 0}.shell__header+.stage-wrap{grid-row:auto}.stage-wrap{min-height:58vh;margin-top:0}.brand__title{font-size:22px}.view-buttons{top:10px;left:16px}.panel{border-left:none;border-top:1px solid var(--line);padding:14px 16px 18px;overflow:visible}.stage-note{max-width:none;bottom:56px;left:16px;right:16px}.stage-hint{font-size:12px;bottom:12px}.perf-hud{grid-template-columns:repeat(2,auto);position:absolute;top:16px;left:auto;right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.001ms!important}}body[data-mode=film]{--film-bg-0:#1a1f28;--film-bg-1:#0b0e13;--film-ink:#f2f0ea;--film-ink-2:#f2f0eabd;--film-ink-3:#f2f0ea9e;--film-line:#f2f0ea29;--film-warm:#e2a95c;--film-cool:#7fb0e6;--film-focus:#9cc7ff;--film-display:"Inter", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;background:var(--film-bg-1);color:var(--film-ink);overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.film{background:radial-gradient(90% 75% at 55% 42%, #232a35 0%, var(--film-bg-0) 38%, var(--film-bg-1) 100%);width:100%;height:100%;position:relative;overflow:hidden}.film-stage{touch-action:none;position:absolute;inset:0}.film-stage[data-cursor=grab]{cursor:grab}.film-stage.is-dragging-joint{cursor:grabbing}.film-vignette{pointer-events:none;background:radial-gradient(120% 95% at 50% 45%,#0000 55%,#0406098c 100%);position:absolute;inset:0}.film-loading{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.film-loading__title{font:600 clamp(28px, 4vw, 44px)/1.1 var(--film-display);letter-spacing:-.02em;margin:0}.film-loading__step{color:var(--film-ink-3);letter-spacing:.04em;margin:0;font-size:14px}.film-loading--error{pointer-events:auto;text-align:center;padding:24px}.film-loading__detail{white-space:pre-wrap;color:#ffb4a8;max-width:720px;font:12px/1.5 ui-monospace,Consolas,monospace}.film-top{z-index:3;background:linear-gradient(#06080bc7 0%,#06080b80 55%,#0000 100%);align-items:baseline;gap:18px;padding:22px 32px 30px;transition:opacity .6s;display:flex;position:absolute;top:0;left:0;right:0}.film-top__brand{letter-spacing:.22em;text-transform:uppercase;color:var(--film-ink-3);margin:0;font-size:12px;font-weight:600}.film-top__chapter{letter-spacing:.08em;text-transform:uppercase;color:var(--film-ink-2);margin:0;font-size:13px;animation:.8s both film-fade}.film-top__num{color:var(--film-warm);font-variant-numeric:tabular-nums;margin-right:6px}.film-top__actions{align-items:center;gap:4px;margin-left:auto;display:flex}.film-top__settings svg,.film-top__actions .film-icon svg{width:20px;height:20px}.film-link{color:var(--film-ink-3);font:inherit;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;min-height:44px;padding:10px 4px;font-size:12px;color:var(--film-ink-2)!important}.film-link:hover{color:var(--film-ink)}.film-dialog-layer{z-index:20;justify-content:flex-end;align-items:flex-start;padding:64px 24px 24px;display:flex;position:absolute;inset:0}.film-dialog-backdrop{background:#04060973;position:absolute;inset:0}.film-dialog{border:1px solid var(--film-line);width:min(440px,100%);max-height:calc(100% - 16px);color:var(--film-ink-2);background:#0e1117f7;border-radius:16px;outline:none;padding:14px 20px 20px;font-size:14px;line-height:1.5;position:relative;overflow:auto}.film-dialog__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.film-dialog__title{font:650 17px/1.3 var(--film-display);color:var(--film-ink);margin:0}.film-dialog dt{color:var(--film-ink);margin-top:10px;font-weight:600}.film-dialog dd{margin:2px 0 0}.film-dialog__small{color:var(--film-ink-3);font-size:13px}.film-setting{border:none;margin:14px 0 0;padding:0}.film-setting__legend{font:600 13px var(--film-display);letter-spacing:.06em;text-transform:uppercase;color:var(--film-ink);margin:16px 0 4px;padding:0}.film-radio{cursor:pointer;min-height:44px;color:var(--film-ink);align-items:center;gap:10px;display:flex}.film-radio input{width:20px;height:20px;accent-color:var(--film-warm);margin:0}.film-radio__detail{color:var(--film-ink-3)}.film-buffering{z-index:6;border:1px solid var(--film-line);color:var(--film-ink-2);background:#0c0f14cc;border-radius:999px;align-items:center;gap:10px;margin:0;padding:8px 16px;font-size:13px;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%)}.film-buffering__dot{background:var(--film-warm);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite film-pulse}.film-alert{z-index:7;color:#ffd9d2;background:#28120ef0;border:1px solid #ffb4a866;border-radius:14px;align-items:center;gap:14px;padding:8px 10px 8px 18px;font-size:14px;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%)}.film-alert p{margin:0}@keyframes film-pulse{50%{opacity:.35}}.film-lead{z-index:2;pointer-events:none;flex-direction:column;align-items:flex-start;gap:12px;width:min(540px,42vw);display:flex;position:absolute;top:74px;left:32px}.film-caption{pointer-events:none;opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1);position:relative;transform:translateY(-6px)}.film-caption.is-visible{opacity:1;transform:none}.film-caption:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side at 32%,#06080b9e 0%,#06080b66 55%,#0000 100%);position:absolute;inset:-34px -72px -30px -48px}.film-caption__eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--film-warm);margin:0 0 6px;font-size:12px;font-weight:600}.film-caption__title{font:640 clamp(24px, 2.4vw, 34px)/1.12 var(--film-display);letter-spacing:-.02em;text-wrap:balance;text-shadow:0 2px 16px #0009;margin:0}.film-caption__text{font:560 clamp(18px, 1.72vw, 24px)/1.28 var(--film-display);letter-spacing:-.01em;text-wrap:pretty;text-shadow:0 2px 16px #0009;max-width:38ch;margin:0}.film-caption__title+.film-caption__text{color:var(--film-ink-2);margin-top:8px;font-size:clamp(15px,1.25vw,18px);font-weight:500}.film-caption__text.is-source:before{content:"";background:var(--film-warm);width:36px;height:2px;margin-bottom:10px;display:block}.film-caption__note{color:var(--film-ink-3);max-width:52ch;margin:10px 0 0;font-size:13px;line-height:1.45}.film:has([role=dialog]) .film-lead{opacity:0}.film-badge{vertical-align:middle;font:650 11px/1.5 var(--film-display);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:5px;margin-left:8px;padding:2px 7px;display:inline-block}.film-badge--draft{color:#f2f0eaeb;background:#080a0e8c;border:1px solid #f2f0ea6b}.film-badge--source{color:#10151c;background:var(--film-warm)}.film .label{box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0f14e0;border-color:#f2f0ea29}.film .label__title{color:var(--film-ink);letter-spacing:.01em;font-size:13px;font-weight:560}.film .label__subtitle{color:var(--film-ink-3)}.film .label--joint_site .label__title{letter-spacing:.02em;font-size:13.5px}.film .label.is-focus{border-color:#e2a95c99;box-shadow:0 0 0 1px #e2a95c40}.film .label.is-focus .label__title{color:#fff}.film .label-leader{stroke:#f2f0ea73}.film .label-dot{fill:#0e1218;stroke:#f2f0eacc}.film .label--badge{background:var(--film-warm);text-align:center;min-width:3.6em}.film .label--badge .label__title{color:#10151c}.film .label.is-occluded{opacity:.78}.film-interact{z-index:4;border:1px solid var(--film-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0f14c7;border-radius:16px;width:min(360px,100% - 32px);padding:16px 18px 14px;animation:.5s both film-fade;position:absolute;bottom:124px;right:clamp(16px,4vw,56px)}.film-interact__prompt{color:var(--film-ink);margin:0 0 8px;font-size:15px;font-weight:600}.film-interact .dof-slider__label{color:var(--film-ink-2);font-size:13px;font-weight:500}.film-interact .dof-slider__readout{color:var(--film-ink);font-size:30px}.film-interact .dof-slider__unit,.film-interact .dof-slider__scale{color:var(--film-ink-3)}.film-interact .dof-slider__track{background:#f2f0ea2e}.film-interact .dof-slider__tick{background:#f2f0ea40}.film-interact .dof-slider__thumb{border-color:var(--film-warm);background:#10151c}.film-interact .dof-slider__control{min-height:44px}.film-interact__check{align-items:center;gap:12px;margin-top:8px;display:flex}.film-interact__feedback{color:var(--film-ink-2);margin:0;font-size:14px}.film-interact__feedback.is-correct{color:#9fe0a8}.film-interact__feedback.is-incorrect{color:var(--film-warm)}.film-btn{border:1px solid var(--film-line);min-height:44px;color:var(--film-ink);font:600 14px var(--film-display);cursor:pointer;background:#f2f0ea0f;border-radius:999px;padding:0 16px}.film-btn:hover{background:#f2f0ea1f}.film-btn--primary{background:var(--film-ink);color:#10151c;border-color:#0000;margin-top:10px}.film-btn--primary:hover{background:#fff}.film-explore-hint{border:1px solid var(--film-line);color:var(--film-ink-2);z-index:4;background:#0c0f14b8;border-radius:999px;margin:0;padding:6px 16px;font-size:13px;position:absolute;bottom:124px;left:50%;transform:translate(-50%)}.film-teachmark{border:1px solid var(--film-line);color:var(--film-ink-2);letter-spacing:.01em;pointer-events:none;background:#0c0f14b8;border-radius:999px;margin:0;padding:5px 12px;font-size:12px}.film-explore__teaching{color:var(--film-ink-2);margin:10px 0 0;font-size:13px;line-height:1.45}.film-player{z-index:5;background:linear-gradient(#0000 0%,#06080bb8 40%,#06080beb 100%);align-items:center;gap:10px;padding:18px 28px 26px;transition:opacity .6s;display:flex;position:absolute;bottom:0;left:0;right:0}.film-icon{width:44px;height:44px;color:var(--film-ink);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;display:grid}.film-icon.is-attention{color:var(--film-warm)}.film-icon[aria-pressed=false]{color:var(--film-ink-3)}.film-icon svg{fill:currentColor;width:22px;height:22px}.film-icon:hover{background:#f2f0ea1a}.film-timeline{flex:1;min-width:0;padding-top:0;position:relative}.film-timeline__track{cursor:pointer;touch-action:none;border-radius:6px;outline:none;height:44px;margin-bottom:-12px;position:relative}.film-timeline__segment{box-sizing:border-box;height:4px;padding:0 2px;position:absolute;top:20px}.film-timeline__segment:before{content:"";background:#f2f0ea33;border-radius:2px;position:absolute;inset:0 2px}.film-timeline__fill{background:var(--film-ink);border-radius:2px;max-width:calc(100% - 4px);position:absolute;top:0;bottom:0;left:2px}.film-timeline__segment.is-current .film-timeline__fill{background:var(--film-warm)}.film-timeline__track:hover .film-timeline__segment{height:6px;top:19px}.film-timeline__track:focus-visible{box-shadow:0 0 0 2px var(--film-focus)}.film-chapters{height:44px;margin:2px 0 0;padding:0;list-style:none;position:relative}.film-chapters li{top:0;left:var(--start);position:absolute}.film-chapter{min-width:44px;min-height:44px;color:var(--film-ink-3);font:500 11px var(--film-display);letter-spacing:.08em;text-transform:uppercase;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:baseline;gap:6px;padding:4px;display:flex}.film-chapter:hover,.film-chapter.is-current{color:var(--film-ink)}.film-chapter__num{color:var(--film-warm);font-variant-numeric:tabular-nums}.film-chapter{position:relative}.film-chapter__title{display:none}.film-chapter:hover .film-chapter__title,.film-chapter:focus-visible .film-chapter__title{z-index:2;border:1px solid var(--film-line);color:var(--film-ink);pointer-events:none;background:#080a0ef0;border-radius:6px;padding:4px 8px;display:block;position:absolute;bottom:calc(100% + 18px);left:0}.film-chapter.is-current .film-chapter__num{text-decoration:underline;-webkit-text-decoration-color:var(--film-warm);text-decoration-color:var(--film-warm);text-underline-offset:6px;text-decoration-thickness:2px}.film-time{font-variant-numeric:tabular-nums;color:var(--film-ink);flex:none;margin:0 4px;font-size:13px}.film-time span{color:var(--film-ink-3)}.film-pill{border:1px solid var(--film-line);min-height:44px;color:var(--film-ink);font:600 13px var(--film-display);letter-spacing:.02em;cursor:pointer;background:#f2f0ea0f;border-radius:999px;flex:none;padding:0 18px}.film-pill.is-on,.film-pill:hover{background:var(--film-ink);color:#10151c}.film :focus-visible{outline:2px solid var(--film-focus);outline-offset:2px}.film:has([role=dialog]) .film-top{opacity:0;pointer-events:none}.film.is-quiet .film-player{opacity:.12}.film.is-quiet .film-top{opacity:.35}.film.is-quiet .film-player:focus-within,.film.is-quiet .film-top:focus-within{opacity:1}.film[data-captions=large] .film-caption__title{font-size:clamp(28px,2.8vw,40px)}.film[data-captions=large] .film-caption__text{font-size:clamp(21px,2vw,28px)}.film[data-captions=large] .film-caption__note{font-size:16px}.film[data-captions=large] .label__title{font-size:15px}.film[data-buffering] .film-caption{opacity:0}.film-subtitle{z-index:3;text-align:center;pointer-events:none;width:min(780px,84vw);font:500 clamp(16px, 1.35vw, 21px)/1.4 var(--film-display);color:var(--film-ink);text-shadow:0 2px 16px #000000bf,0 0 34px #0000008c;margin:0 auto;animation:.45s both film-fade;position:absolute;bottom:116px;left:0;right:0}@media (min-width:901px){.film-subtitle:before{content:"";z-index:-1;background:radial-gradient(70% 140%,#06080beb 0%,#06080bcc 45%,#06080b57 78%,#0000 100%);border-radius:26px;position:absolute;inset:-16px -40px -14px}}.film[data-captions=large] .film-subtitle{font-size:clamp(19px,1.7vw,26px)}.film[data-motion=reduce] .film-subtitle{animation:none}.film[data-buffering] .film-subtitle{opacity:0}.film-start{z-index:9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06080b9e;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.film-start__card{border:1px solid var(--film-line);background:#0a0d12f0;border-radius:20px;width:min(460px,100%);padding:26px 28px 24px}.film-start__eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--film-warm);margin:0 0 12px;font-size:12px;font-weight:600}.film-start__title{font:650 clamp(30px, 4vw, 44px)/1.02 var(--film-display);letter-spacing:-.03em;color:var(--film-ink);margin:0 0 10px}.film-start__thesis{color:var(--film-ink-2);margin:0 0 20px;font-size:16px;line-height:1.45}.film-start__go{margin-top:0;padding:12px 22px;font-size:16px}.film-start__sound{color:var(--film-ink-3);margin:14px 0 0;font-size:13px}.film-end{left:50%;bottom:var(--film-player-clear,150px);z-index:6;border:1px solid var(--film-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0d12eb;border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:18px 24px;display:flex;position:absolute;transform:translate(-50%)}.film-end__title{font:650 20px/1.2 var(--film-display);color:var(--film-ink);margin:0}.film-end__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.film-end__actions .film-btn{margin-top:0}.film-explore__task{color:var(--film-ink);margin:12px 0 0;font-size:15px;font-weight:600;line-height:1.4}.film-explore__task-label{font:650 11px/1.5 var(--film-display);letter-spacing:.08em;text-transform:uppercase;color:var(--film-ink-2);border:1px solid var(--film-line);border-radius:6px;margin-right:6px;padding:2px 7px;display:inline-block}.film-explore__task.is-done .film-explore__task-label{color:#10151c;background:var(--film-warm);border-color:#0000}.film-explore__done{color:var(--film-warm);margin:8px 0 0;font-size:14px;font-weight:600;line-height:1.45}@keyframes film-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (max-width:900px){.film-top{background:linear-gradient(#06080be6 0%,#06080bb8 60%,#0000 100%);flex-wrap:wrap;gap:10px;padding:14px 16px 22px}.film-top__brand{display:none}.film{--film-player-clear:calc(var(--film-player-h,150px) + 26px)}.film-lead{gap:8px;width:auto;top:58px;left:16px;right:16px}.film-caption:before{display:none}.film-lead:before{content:"";z-index:-1;pointer-events:none;opacity:0;background:linear-gradient(#06080be0 0%,#06080bd1 72%,#0000 100%);transition:opacity .9s;position:absolute;inset:-58px -16px -34px}.film-lead:has(.film-caption.is-visible):before{opacity:1}.film-subtitle{width:auto;left:12px;right:12px;bottom:var(--film-player-clear);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:none;background:#080a0ecc;border-radius:12px;margin:0;padding:10px 12px;font-size:15px}.film-end{width:auto;left:12px;right:12px;transform:none}.film-caption__title{font-size:22px}.film-caption__text{max-width:none;font-size:17px}.film-caption__title+.film-caption__text{font-size:15px}.film-interact{width:auto;left:12px;right:12px;bottom:var(--film-player-clear);padding:12px 14px}.film-player{flex-wrap:wrap;gap:4px;padding:10px 10px 14px}.film-timeline{flex-basis:100%;order:-1}.film-chapters{flex-wrap:wrap;gap:2px;height:auto;display:flex}.film-chapters li{flex:17%;min-width:44px;position:static}.film-chapter{justify-content:center;width:100%}.film-chapter:hover .film-chapter__title,.film-chapter:focus-visible .film-chapter__title{display:none}.film-chapter.is-current{box-shadow:inset 0 -2px 0 var(--film-warm)}.film-top__actions .film-link{padding:10px 6px;font-size:12px}.film-dialog-layer{align-items:stretch;padding:12px}.film-buffering,.film-alert{top:auto;bottom:calc(var(--film-player-clear) - 6px);max-width:calc(100% - 24px)}.film-time{margin-left:auto}}.film[data-motion=reduce] .film-caption,.film[data-motion=reduce] .film-lead:before,.film[data-motion=reduce] .film-top,.film[data-motion=reduce] .film-player{transition:none}.film[data-motion=reduce] .film-top__chapter,.film[data-motion=reduce] .film-interact,.film[data-motion=reduce] .film-buffering__dot{animation:none}.film-explore{z-index:4;border:1px solid var(--film-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0d12e6;border-radius:16px;width:min(360px,42vw);padding:16px 18px;position:absolute;bottom:132px;left:clamp(24px,5vw,80px)}.film-explore__head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.film-explore__title{font:650 17px/1.3 var(--film-display);color:var(--film-ink);margin:0}.film-explore__status{font:650 11px/1.5 var(--film-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:6px;padding:3px 9px}.film-explore__status--validated{color:#10151c;background:var(--film-warm)}.film-explore__status--teaching{color:#f2f0eaeb;background:#080a0e8c;border:1px solid #f2f0ea6b}.film-explore__instruction{color:var(--film-ink);margin:12px 0 0;font-size:15px;font-weight:600}.film-explore__readout{min-height:26px;font:650 20px/1.3 var(--film-display);font-variant-numeric:tabular-nums;color:var(--film-warm);margin:8px 0 0}.film-explore__explanation{color:var(--film-ink-2);margin:6px 0 0;font-size:14px;line-height:1.45}.film-explore__keys{margin:10px 0 0}.film-explore__actions{gap:10px;margin-top:14px;display:flex}@media (max-width:900px){.film-explore{width:auto;left:12px;right:12px;bottom:var(--film-player-clear,176px);padding:12px 14px}.film:has([data-testid=film-explore-panel]) .film-player{display:none}.film:has([data-testid=film-explore-panel]) .film-explore{bottom:calc(12px + env(safe-area-inset-bottom,0px))}.film-explore__readout--dof{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;min-height:0;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (min-width:600px) and (max-width:900px){.film-explore{grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:20px;display:grid}.film-explore>*{grid-column:1/-1}.film-explore>.film-explore__explanation,.film-explore>.film-explore__keys{grid-column:1}.film-explore>.film-explore__control{grid-column:2;width:min(320px,44vw);margin-top:6px}.film-explore>.film-explore__actions{grid-column:2;align-self:center;margin-top:10px}}.film-explore__control{margin-top:12px}.film-explore__control .dof-slider__readout{font-size:24px}.film-recall{z-index:4;border:1px solid var(--film-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0d12eb;border-radius:16px;width:min(420px,46vw);padding:16px 18px;position:absolute;bottom:132px;left:clamp(24px,5vw,80px)}.film-recall__progress{letter-spacing:.14em;text-transform:uppercase;color:var(--film-ink-3);margin:0;font-size:12px}.film-recall__question{font:600 19px/1.3 var(--film-display);color:var(--film-ink);margin:8px 0 0}.film-recall__prompt{color:var(--film-ink-2);margin:6px 0 0;font-size:14px}.film-recall__options{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.film-recall__option{border:1px solid var(--film-line);min-height:44px;color:var(--film-ink);font:600 14px var(--film-display);cursor:pointer;background:#f2f0ea0f;border-radius:10px;padding:0 14px}.film-recall__option:hover:not(:disabled){background:#f2f0ea24}.film-recall__option.is-right{background:var(--film-warm);color:#10151c;border-color:var(--film-warm)}.film-recall__option.is-right:after{content:" ✓"}.film-recall__option.is-wrong{opacity:.55;border-style:dashed}.film-recall__option.is-wrong:after{content:" ✕"}.film-recall__option:disabled{cursor:default}.film-recall__feedback{min-height:20px;color:var(--film-ink-2);margin:10px 0 0;font-size:14px;line-height:1.45}.film-recall__feedback.is-correct{color:var(--film-ink)}.film-recall__actions{gap:10px;margin-top:12px;display:flex}@media (max-width:900px){.film-recall{width:auto;left:12px;right:12px;bottom:var(--film-player-clear,176px);padding:12px 14px}}