:root{--ink:#1f2328;--muted:#59636e;--paper:#ffffff;--mist:#f6f8fa;--night:#0d1117;--snow:#f0f6fc;--blue:#0969da;--tint:#b6e3ff;--green:#1f883d;--green-edge:#116329;--amber:#d4a72c;--red:#cf222e;--s1:4px;--s2:8px;--s3:16px;--s4:24px;--s5:32px;--s6:48px;--s7:64px;--t-body:1rem;--t-mid:clamp(1.25rem,0.95rem + 1.5vw,2rem);--t-top:clamp(2.05rem,1.1rem + 4.6vw,3.75rem);--pill:999px;--gutter:clamp(16px,4vw,40px);color-scheme:light;}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:auto}body{margin:0;font-family:"Mona Sans",ui-sans-serif,sans-serif;font-size:var(--t-body);line-height:1.6;color:var(--ink);background:var(--paper);overflow-x:clip;text-wrap:pretty}::selection{background:var(--tint);color:var(--ink)}html{scrollbar-color:var(--muted) var(--mist)}a{color:inherit}a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:var(--pill)}h1,h2,h3{text-wrap:balance;margin:0}h1{font-size:var(--t-top);line-height:1.04;font-weight:800;letter-spacing:-0.03em;max-width:14ch}h2{font-size:var(--t-mid);line-height:1.15;font-weight:800;letter-spacing:-0.02em}p{margin:0}.wrap{width:100%;max-width:1160px;margin:0 auto;padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}.band-light{background:var(--paper);color:var(--ink)}.band-dark{background:var(--night);color:var(--snow)}.hero{padding-top:max(var(--s4),env(safe-area-inset-top));padding-bottom:var(--s5)}.hero-grid{display:grid;gap:var(--s4);align-items:center}.logo-row{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.logo-row img{width:72px;height:72px;display:block;border-radius:50%}.logo-row span{font-weight:600}.lead{margin-top:var(--s3);max-width:34em;color:var(--muted)}.cta-zone{margin-top:var(--s5);margin-bottom:var(--s5)}.key{display:inline-flex;align-items:center;justify-content:center;min-width:240px;min-height:56px;padding:12px 32px 16px;border-radius:var(--pill);background:var(--green);color:#ffffff;font-weight:800;font-size:var(--t-body);text-decoration:none;box-shadow:inset 0 -5px 0 var(--green-edge);-webkit-tap-highlight-color:transparent;user-select:none}.key:active{box-shadow:inset 0 -1px 0 var(--green-edge);transform:translateY(3px)}@media (hover: hover) and (pointer: fine){.key:hover{background:#1a7f37}}.under{margin-top:var(--s3);color:var(--muted)}.figure{margin:0;background:var(--mist);border-radius:40px;padding:var(--s3);display:flex;justify-content:center}.figure svg{width:100%;max-width:400px;height:auto;display:block}.lbl{font-family:"Mona Sans",ui-sans-serif,sans-serif;font-size:15px;font-weight:600;fill:#1f2328}.toc{padding-top:var(--s4);padding-bottom:var(--s6)}.toc h2{font-size:var(--t-body);font-weight:600;color:var(--muted);margin-bottom:var(--s3)}.toc ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4)}.toc a{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;text-decoration:none;font-weight:600}.toc kbd{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--mist);box-shadow:inset 0 -3px 0 #d1d9e0;font-family:inherit;font-size:0.875rem;font-weight:800;color:var(--ink)}@media (hover: hover) and (pointer: fine){.toc a:hover span{text-decoration:underline}}.story{padding-top:var(--s6);padding-bottom:var(--s6)}.story h2{max-width:20ch}.story-grid{display:grid;margin-top:var(--s4)}.stage{position:sticky;top:0;z-index:1;background:var(--night);padding:var(--s2) 0 var(--s3)}.stage .figure{max-width:300px}.steps{list-style:none;margin:0;padding:0}.steps li{min-height:70dvh;display:flex;align-items:center}.steps p{background:#161b22;border-radius:28px;padding:var(--s4);font-size:var(--t-mid);font-weight:600;line-height:1.3;max-width:22ch}.steps b{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--snow);color:var(--night);font-size:0.875rem;font-weight:800;margin-bottom:var(--s2)}.steps p span{display:block}.fx g{transform-box:fill-box;transform-origin:center}.fx .bar-fill{transform-origin:left center;transform-box:fill-box}[data-step="1"] .pc-films{transform:translate(-12px,-12px);opacity:.25}[data-step="1"] .pc-series{transform:translate(12px,-12px);opacity:.25}[data-step="1"] .pc-eps{transform:translate(-12px,12px);opacity:.25}[data-step="1"] .pc-tap{opacity:0}[data-step="1"] .card-in{opacity:.15}[data-step="1"] .bar-fill{transform:scaleX(0)}[data-step="1"] .pick{opacity:0}[data-step="2"] .pc-films,[data-step="2"] .pc-series,[data-step="2"] .pc-eps{opacity:.35}[data-step="2"] .pc-tap{opacity:0}[data-step="2"] .bar-fill{transform:scaleX(0)}[data-step="2"] .pick{opacity:0}[data-step="3"] .pc-tap{opacity:.35}[data-step="3"] .bar-fill{transform:scaleX(.15)}.thread{padding-top:var(--s6);padding-bottom:var(--s6)}.ask{margin-top:var(--s4);background:var(--mist);border-radius:28px;padding:var(--s4);max-width:46em}.ask strong{display:block;font-weight:800;margin-bottom:var(--s1)}.answer{display:grid;grid-template-columns:40px 1fr;gap:var(--s3);margin-top:var(--s5);max-width:46em}.mark{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--paper);font-weight:800}.best{display:inline-flex;align-items:center;gap:var(--s2);font-weight:600;color:var(--green-edge);margin-bottom:var(--s3)}.best svg{width:24px;height:24px}.note{background:var(--tint);border-radius:28px;padding:var(--s4);transform:rotate(-1.5deg);max-width:34em}.note h3,.answer h3{font-size:var(--t-mid);line-height:1.2;font-weight:800;margin-bottom:var(--s3)}.points{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}.points li{display:flex;gap:var(--s3);align-items:flex-start;background:var(--paper);border-radius:22px;padding:var(--s3);cursor:grab;touch-action:pan-y}.points svg{flex:0 0 24px;width:24px;height:24px;margin-top:1px}.hint{margin-top:var(--s3);font-size:0.875rem;color:var(--ink)}.sortable-ghost{opacity:.35}.honest{margin-top:var(--s7);margin-bottom:var(--s5);max-width:40em}.honest .tag{display:block;font-weight:800;color:var(--blue);margin-bottom:var(--s2)}.honest p.say{font-size:var(--t-mid);font-weight:600;line-height:1.35}.flags{padding-top:var(--s6);padding-bottom:var(--s6)}.flags .answer{margin-top:0}.flags .mark{background:var(--snow);color:var(--night)}.rows{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}.rows li{display:flex;gap:var(--s3);align-items:center;background:#161b22;border-radius:var(--pill);padding:12px 24px;min-height:52px}.dot{flex:0 0 14px;width:14px;height:14px;border-radius:50%}.g{background:#3fb950}.a{background:var(--amber)}.r{background:#f85149}.rows .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.closing{padding-top:var(--s6);padding-bottom:var(--s6)}.scene{margin-top:var(--s4);max-width:560px;background:var(--night);border-radius:40px;overflow:hidden}.scene svg{display:block;width:100%;height:auto}.scene .key{display:flex;width:100%;border-radius:0;min-height:64px}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--paper);padding:var(--s2) max(var(--gutter),env(safe-area-inset-right)) calc(var(--s2) + env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));box-shadow:0 -1px 0 #d1d9e0;display:flex;justify-content:center}.bar[hidden]{display:none}.bar .key{width:min(100%,420px)}footer{margin-top:var(--s6);background:var(--mist);padding-top:var(--s5);padding-bottom:calc(var(--s7) + env(safe-area-inset-bottom))}.foot{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);align-items:center;justify-content:space-between}.foot-brand{display:flex;align-items:center;gap:var(--s3)}.foot-brand img{width:48px;height:48px;border-radius:50%}.foot a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}@media (min-width: 900px){.hero{padding-top:var(--s6);padding-bottom:var(--s5)}.hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:var(--s6)}.logo-row img{width:96px;height:96px}.story-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--s6);align-items:start}.stage{grid-column:2;grid-row:1;top:12vh;padding:0}.stage .figure{max-width:400px}.steps{grid-column:1;grid-row:1}.thread-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--s6)}}@media (max-width: 899px){.stage .figure{margin:0 auto}}@media (max-width: 380px){.logo-row img{width:56px;height:56px}.logo-row{margin-bottom:var(--s3)}.cta-zone{margin-top:var(--s4)}.key{padding-left:24px;padding-right:24px}}@media (prefers-reduced-motion: reduce){.key:active{transform:none}}body,html{overflow-x:clip;max-inline-size:100%;}