:root{--paper:#f4f0e6;--ink:#1a1815;--soft:#6d665c;--line:#1a181524;--panel:#f4f0e6c7;--seal:#b4372b;--inkpond-ink:var(--ink);--serif:"Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", serif;--grotesk:"Space Grotesk", "Helvetica Neue", Arial, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--gutter:max(16px, 4vw);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0f0e0c;--ink:#ebe5d8;--soft:#9a9388;--line:#ebe5d824;--panel:#0f0e0cb8;--seal:#d0624f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#0f0e0c;--ink:#ebe5d8;--soft:#9a9388;--line:#ebe5d824;--panel:#0f0e0cb8;--seal:#d0624f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:15px / 1.65 var(--grotesk);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--seal)}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--seal);outline-offset:3px}code,pre{font-family:var(--mono)}.hero{border-bottom:1px solid var(--line);min-height:100svh;position:relative;overflow:hidden}.bar{padding:14px var(--gutter);font:12px / 1 var(--mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 70%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;inset:0 0 auto}.mark{font-weight:600}.bar-links{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.bar-links a{text-decoration:none}.lang{font-weight:600}.faq dd pre{border:1px solid var(--line);margin:14px 0 0;font-size:12.5px}.theme{border:1px solid var(--line);cursor:pointer;font:inherit;letter-spacing:inherit;background:0 0;border-radius:999px;padding:6px 12px}.hero-title{top:calc(56px + 6vh);right:var(--gutter);align-items:flex-start;gap:18px;display:flex;position:absolute}.hero-title h1{writing-mode:vertical-rl;font:900 clamp(110px, 17vw, 260px) / .92 var(--serif);letter-spacing:-.02em;margin:0}.seal{aspect-ratio:1;background:var(--seal);width:clamp(44px,5vw,68px);color:var(--paper);font:700 clamp(15px, 1.7vw, 22px) / 1.05 var(--serif);text-align:center;box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--paper) 30%, transparent);border-radius:3px;place-items:center;margin-top:8px;display:grid;transform:rotate(-4deg)}.hero-copy{left:var(--gutter);max-width:min(440px, calc(100vw - 2 * var(--gutter)));background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:22px 24px;position:absolute;bottom:12vh}.motto{writing-mode:vertical-rl;font:600 clamp(15px, 1.5vw, 20px) / 1 var(--serif);letter-spacing:.3em;color:var(--soft);margin:10px 0 0}.lede{font:600 clamp(18px, 1.6vw, 21px) / 1.6 var(--serif);margin:0 0 12px}.latin{color:var(--soft);margin:0 0 18px;font-size:13px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.install{border:1px solid var(--ink);font:14px var(--mono);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.install code:before{content:"$ ";color:var(--seal)}.copy{cursor:pointer;font:12px var(--mono);color:var(--soft);background:0 0;border:0;padding:2px 4px}.copy:hover{color:var(--seal)}.facts{font:11px / 1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--soft);flex-wrap:wrap;gap:6px 14px;margin:16px 0 0;padding:0;list-style:none;display:flex}.facts li+li:before{content:"/";color:var(--seal);margin-right:14px}.cue{font:11px var(--mono);letter-spacing:.2em;color:var(--soft);text-decoration:none;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}main section{position:relative}.kicker{font:11px / 1 var(--mono);letter-spacing:.24em;color:var(--seal);margin:0 0 18px}.intro,.use,.stats{padding:14vh var(--gutter) 10vh;border-bottom:1px solid var(--line)}.intro-title{max-width:18em;font:600 clamp(28px, 4.4vw, 64px) / 1.22 var(--serif);letter-spacing:-.01em;margin:0}.scene{border-bottom:1px solid var(--line);height:88svh;min-height:560px;overflow:hidden}.caption{top:9vh;left:var(--gutter);width:min(400px, calc(100vw - 2 * var(--gutter)));background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:22px 24px 20px;position:absolute}.scene-lotus .caption,.scene-beiming .caption{left:auto;right:var(--gutter)}.scene-qingming .caption{top:auto;bottom:9vh}.scene-jieqi .caption{top:auto;bottom:9vh;left:auto;right:var(--gutter)}.numeral{font:700 clamp(72px, 9vw, 128px) / .9 var(--grotesk);color:#0000;-webkit-text-stroke:1.5px var(--ink);letter-spacing:-.04em;margin:-6px 0 4px -3px;display:block}.caption h2{font:700 clamp(36px, 4vw, 54px) / 1.05 var(--serif);margin:0 0 10px}.caption h2 small{font:11px / 1.2 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--soft);margin-top:8px;display:block}.caption p{margin:0 0 14px}.moves{flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex}.moves li{border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:12px}.controls{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 18px;padding-top:14px;font-size:13px;display:flex}.controls label{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.controls input{accent-color:var(--seal)}.controls input[type=range]{width:96px}.controls code{color:var(--soft);margin-left:auto;font-size:12px}.snippets{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px;display:grid}figure{border:1px solid var(--line);margin:0}figcaption{border-bottom:1px solid var(--line);font:12px var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}pre{margin:0;padding:18px;font-size:13px;line-height:1.6;overflow-x:auto}.note{max-width:46em;color:var(--soft);margin:24px 0 0}.note code{color:var(--ink);font-size:.92em}.stats dl{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));column-gap:24px;margin:0;display:grid}.stats dl>div{border-bottom:1px solid var(--line);padding:22px 18px 22px 0}.stats dt{font:300 clamp(44px, 5vw, 76px) / 1 var(--grotesk);letter-spacing:-.04em}.stats dd{color:var(--soft);margin:8px 0 0;font-size:13px}.credits{padding:40px var(--gutter) 56px;font:12px / 1.8 var(--mono);color:var(--soft)}.credits p{max-width:60em;margin:0 0 8px}.faq-bar{padding:14px var(--gutter);font:12px / 1 var(--mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;display:flex}.faq-bar a{text-decoration:none}.faq{max-width:760px;padding:10vh var(--gutter) 8vh}.faq h1{font:700 clamp(36px, 5vw, 60px) / 1.1 var(--serif);margin:0 0 18px}.faq-lead{color:var(--soft);margin:0 0 6vh}.faq dl{border-top:1px solid var(--line);margin:0}.faq-item{border-bottom:1px solid var(--line);padding:24px 0}.faq dt h2{font:600 clamp(20px, 2vw, 24px) / 1.35 var(--serif);margin:0 0 10px}.faq dd{margin:0;line-height:1.8}.faq dd code{border:1px solid var(--line);padding:1px 5px;font-size:.88em}@media (width<=720px){.bar-links a:not(:last-of-type){display:none}.hero-title{top:calc(56px + 3vh)}.hero-copy{bottom:8vh}.scene .caption,.scene-lotus .caption,.scene-qingming .caption,.scene-jieqi .caption,.scene-beiming .caption{top:auto;right:auto;left:var(--gutter);bottom:4vh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}