:root{--film:#0A1113;--film-ink:#EEF3F5;--film-2:rgba(238,243,245,.8);--film-3:rgba(238,243,245,.66);--film-rule:rgba(238,243,245,.18);--film-rule-2:rgba(238,243,245,.34)}.fp{margin:0;display:grid;gap:12px;min-width:0;container-type:inline-size}.fp-box{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:var(--film);border:1px solid var(--rule-2)}.fp-stage .fp-box{border-color:var(--film-rule-2)}.fp-v,.fp-poster{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;max-width:none}.fp-poster{display:none;pointer-events:none}.fp.js .fp-poster{display:block}.fp.on .fp-poster{display:none}.fp-play{position:absolute;inset:0;width:100%;height:100%;margin:0;background:transparent;border:0;cursor:pointer;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 0 4.4% 3.8%;color:var(--film-ink);text-align:left;font:inherit}.fp-chip{display:grid;justify-items:start;gap:12px}.fp.on .fp-play{display:none}.fp-dot{flex:none;width:64px;height:64px;border-radius:50%;background:#f5f7f7;display:grid;place-items:center;box-shadow:0 0 0 7px #eef3f529;transition:box-shadow .2s ease}.fp-dot svg{width:28px;height:28px;fill:var(--film);margin-left:4px}.fp-play:hover .fp-dot,.fp-play:focus-visible .fp-dot{box-shadow:0 0 0 8px #31d6c466,0 0 34px 4px #31d6c480}.fp-play:focus-visible{outline:3px solid #31D6C4;outline-offset:-5px}.fp-pl{display:grid;gap:4px}.fp-pl b{font:700 21px/1.1 var(--display);font-variation-settings:"wdth" 90}.fp-pl small{font:400 14px/1.3 var(--mono);color:var(--film-2)}.fp-hint{display:none}.fp-end{position:absolute;inset:0;background:#0a1113e6;color:var(--film-ink);display:grid;align-content:center;justify-items:start;gap:18px;padding:6% 8%}.fp-end p{margin:0;max-width:44ch;font-size:19px;line-height:1.5}.fp-end-a{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px}.fp-end-a a{color:var(--film-ink);font-weight:500}.fp-end-a .fp-demo{font-weight:700;text-decoration-thickness:2px;text-underline-offset:5px}.fp-again,.fp-bar button{min-height:44px;padding:0 16px;border-radius:8px;border:1px solid var(--rule-2);background:var(--surface);color:var(--ink);font:600 15px/1 var(--body);cursor:pointer;display:inline-flex;align-items:center;gap:8px}.fp-again{background:transparent;color:var(--film-ink);border-color:var(--film-rule-2)}.fp-bar{display:flex;align-items:center;gap:12px}.fp-bar[hidden]{display:none!important}.fp-pause svg{width:18px;height:18px;fill:currentColor}.fp-pause .i-play{display:none}.fp-pause.is-paused .i-play{display:inline}.fp-pause.is-paused .i-pause{display:none}.fp-prog{flex:1;min-width:40px;height:4px;border-radius:2px;background:var(--rule);overflow:hidden}.fp-prog i{display:block;height:100%;background:var(--node);transform-origin:left;transform:scaleX(0)}.fp-time{font:400 13px/1 var(--mono);color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}.fp-stage .fp-bar button{background:transparent;color:var(--film-ink);border-color:var(--film-rule-2)}.fp-stage .fp-prog{background:var(--film-rule)}.fp-stage .fp-prog i{background:#31d6c4}.fp-stage .fp-time{color:var(--film-3)}.fp-cap{display:grid;gap:4px;font-size:14px;line-height:1.5;color:var(--ink-3)}.fp-cap .fp-facts{font:400 13px/1.5 var(--mono)}.fp-stage .fp-cap{color:var(--film-3)}.fp-tx{border-top:1px solid var(--rule);padding-top:2px}.fp-tx summary{min-height:44px;display:flex;align-items:center;gap:10px;cursor:pointer;font:600 16px/1.3 var(--body);color:var(--ink)}.fp-tx summary::marker{color:var(--ink-3)}.fp-lines{list-style:none;margin:6px 0 0;padding:0;display:grid}.fp-lines li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:2px 14px;padding:12px 0;border-top:1px solid var(--rule)}.fp-lines li:first-child{border-top:0}.fp-t{grid-row:span 2;font:500 13px/1.7 var(--mono);color:var(--ink-3)}.fp-say{margin:0;font-size:17px;line-height:1.45;color:var(--ink);font-weight:500}.fp-see{margin:0;font-size:15px;line-height:1.5;color:var(--ink-2)}.fp-see span{font:400 13px/1 var(--mono);color:var(--ink-3)}.fp-mono{font-family:var(--mono)!important;font-size:13px!important}.fp-credit{margin:10px 0 4px;font-size:14px;line-height:1.5;color:var(--ink-3);max-width:80ch}.fp-stage .fp-tx{border-color:var(--film-rule)}.fp-stage .fp-tx summary{color:var(--film-ink)}.fp-stage .fp-lines li{border-color:var(--film-rule)}.fp-stage .fp-t,.fp-stage .fp-see span,.fp-stage .fp-credit{color:var(--film-3)}.fp-stage .fp-say{color:var(--film-ink)}.fp-stage .fp-see{color:var(--film-2)}@media(max-width:760px){.fp-bar{gap:8px}.fp-bar button{padding:0 12px}}@container (max-width:720px){.fp-play{align-items:center;justify-content:center;padding:0}.fp-pl{display:none}.fp-dot{width:58px;height:58px}.fp-dot svg{width:26px;height:26px}.fp.js:not(.on) .fp-hint{display:block;margin:0;font:400 13px/1.4 var(--mono);color:var(--ink-3)}.fp-stage.js:not(.on) .fp-hint{color:var(--film-3)}.fp-end{padding:4% 5%;gap:8px}.fp-end p{font-size:15px;line-height:1.4}.fp-end-a{gap:4px 16px;font-size:15px}}.fp-short{display:none}@container (max-width:420px){.fp-long{display:none}.fp-short{display:inline}.fp-end p,.fp-end-a{font-size:14px}}@media(prefers-reduced-motion:reduce){.fp-dot{transition:none}}.ff-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,280px);gap:24px clamp(24px,3vw,44px);align-items:start}.ff-side{display:grid;gap:14px;align-content:start;padding-top:4px}.ff-side p{margin:0;font-size:16px;color:var(--ink-2)}.ff-side .ff-paths{display:grid;gap:8px}.ff-side .ff-paths a{font-weight:500;color:var(--ink-2);text-underline-offset:4px}.ff-sec{padding:clamp(40px,5vw,72px) 0 0}.ff-sec h2{font-size:clamp(26px,3vw,38px);margin-bottom:8px}.ff-sec>.wrap>p{color:var(--ink-2);max-width:70ch;margin:0 0 20px}.ff-ch{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px 16px}.ff-ch button{width:100%;display:grid;gap:8px;padding:0;margin:0;background:none;border:0;text-align:left;color:var(--ink);cursor:pointer;font:inherit}.ff-ch img{width:100%;height:auto;aspect-ratio:16/9;border:1px solid var(--rule-2);border-radius:4px;display:block;transition:box-shadow .2s ease,border-color .2s ease}.ff-ch button:hover img,.ff-ch button:focus-visible img{border-color:var(--r1);box-shadow:0 0 0 3px color-mix(in srgb,var(--r2) 30%,transparent),0 8px 24px -8px color-mix(in srgb,var(--r2) 60%,transparent)}.ff-ch button:focus-visible{outline:none}.ff-ch .t{font:500 13px/1 var(--mono);color:var(--ink-3)}.ff-ch b{font:600 16px/1.35 var(--body)}.ff-tx>*{max-width:860px}.ff-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px clamp(24px,3vw,44px)}.ff-split h3{font:700 20px/1.2 var(--display);display:flex;align-items:center;gap:10px;margin-bottom:8px}.ff-split ul{margin:0;padding-left:20px;color:var(--ink-2);font-size:16px;display:grid;gap:6px}.ff-split .drawn{border-top:2px dashed var(--ink-3);padding-top:14px}.ff-split .real{border-top:2px solid var(--node);padding-top:14px}@media(max-width:900px){.ff-g,.ff-split{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.ff-ch img{transition:none}}.ff-top{padding-top:24px}.ff-gap{height:clamp(48px,6vw,88px)}.ff-side .btn{justify-self:start}
