:root{--edit-curve:cubic-bezier(.65, 0, .25, 1)}[data-fx=dash]{--edit-mark:#ff9a3c}[data-fx=drop]{--edit-mark:#e8601c}[data-fx=fire]{--edit-name:#ffc46b}.edit-slot{white-space:nowrap;display:inline-block;position:relative}.edit-piece{white-space:nowrap;display:inline-block}.edit-off{pointer-events:none;position:absolute;top:0;left:0}.edit-strike{pointer-events:none;width:calc(100% + .24em);height:.22em;position:absolute;top:.5em;left:-.12em;overflow:visible}.edit-strike path,.edit-caret path{fill:none;stroke:var(--edit-mark,#e8601c);stroke-width:.095em;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.edit-strike path{stroke-dasharray:1 2;stroke-dashoffset:1px}.edit-strike.is-drawn path{stroke-dashoffset:0;transition:stroke-dashoffset .3s cubic-bezier(.3,.7,.3,1)}.edit-knock{transform-origin:10% 90%;animation:.46s cubic-bezier(.5,0,.85,.45) forwards edit-knock}@keyframes edit-knock{0%{translate:0;rotate:none}22%{animation-timing-function:cubic-bezier(.5,0,.9,.4);translate:0 -.1em;rotate:-3deg}to{opacity:0;translate:.12em .8em;rotate:10deg}}.edit-slot.is-rolling{clip-path:inset(0 -.5em)}.edit-roll-name{color:var(--edit-name,currentColor)}.edit-latin{margin-inline:.16em}.edit-roll-in{animation:edit-roll-in .38s var(--edit-curve) both}.edit-roll-out{animation:edit-roll-out .38s var(--edit-curve) forwards}@keyframes edit-roll-in{0%{translate:0 1.2em}}@keyframes edit-roll-out{to{translate:0 -1.2em}}.edit-shake{animation:.52s linear both fx-shake;display:inline-block}.edit-caret{opacity:0;pointer-events:none;width:.5em;height:.3em;position:absolute;bottom:-.3em;left:50%;overflow:visible;translate:-50%}.edit-caret.is-in{animation:.28s cubic-bezier(.3,1.6,.5,1) forwards edit-caret-in}.edit-caret.is-out{opacity:1;animation:.32s ease-in forwards edit-caret-out}@keyframes edit-caret-in{0%{opacity:0;translate:-50% .3em}to{opacity:1;translate:-50%}}@keyframes edit-caret-out{to{opacity:0;translate:-50% .2em}}.edit-gap{clip-path:inset(-.14em -1em -1em)}.edit-drop{opacity:0;display:inline-block}.edit-drop.is-dropping{opacity:1;animation:.64s linear both fx-drop}
:root{--chapter-gap:80px;--title-bar-reach:20px;--chapter-pad:calc(var(--chapter-gap) + var(--title-bar-reach))}@media (max-width:900px){:root{--chapter-gap:56px}}.chapter{--ch-ink:#fff1d6;--ch-sub:#ffe2bf;--ch-drop:#2a120673;--ch-glow:#2a120673;isolation:isolate;position:relative}.chapter-scene{z-index:-1;pointer-events:none;background:var(--ch-ramp);position:absolute;inset:0 0 -2px;overflow:hidden}.chapter[data-chapter=dawn]{--ch-ink:var(--heading-warm);--ch-sub:#7a5a3a;--ch-drop:transparent;--ch-glow:transparent;--ch-ramp:radial-gradient(ellipse 60% 460px at 50% 0, #ffce8c8c, #ffce8c00 100%), linear-gradient(180deg, #fff4e2 0, #fde7c8 45%, #f8d09c 100%)}.chapter[data-chapter=maple]{--ch-ramp:radial-gradient(ellipse 60% 420px at 50% 0, #ffbe6e59, #ffbe6e00 100%), linear-gradient(180deg, #c9651f 0, #b5521a 45%, #963c14 100%)}.chapter[data-chapter=night]{--ch-ramp:radial-gradient(ellipse 50% 40% at 50% 45%, #cd281266, #960e0c00 100%), radial-gradient(ellipse 90% 200px at 50% 100%, #ff5a1e59, #c81e0c00 100%), linear-gradient(180deg, #5a0e0e 0, #3a0909 18%, #240707 55%, #2e0808 85%, #5a120c 100%)}.chapter[data-chapter=sunrise]{--ch-ramp:radial-gradient(ellipse 60% 420px at 50% 0, #ff6e2847, #ff6e2800 100%), linear-gradient(180deg, #5a120c 0, #6e1f0e 10%, #8e3512 32%, #b9521b 55%, #de7d34 74%, #f6b772 90%, #fde9cc 100%)}.chapter-scene span{width:var(--s,24px);aspect-ratio:1;background:var(--c,#f4a55e);opacity:.38;animation:chapter-drift var(--t,9s) ease-in-out var(--d,0s) infinite alternate;position:absolute;-webkit-mask:url(/images/patterns/maple-leaf.svg) 50%/contain no-repeat;mask:url(/images/patterns/maple-leaf.svg) 50%/contain no-repeat}.chapter[data-chapter=dawn] .chapter-scene span{opacity:.5}.chapter-scene span:first-child{--s:34px;--c:#ffc46b;--t:10s;top:9%;left:7%}.chapter-scene span:nth-child(2){--s:22px;--c:#f37a2b;--t:8s;--d:-3s;top:16%;left:88%}.chapter-scene span:nth-child(3){--s:20px;--c:#ff9a5a;--t:11s;--d:-5s;top:44%;left:4%}.chapter-scene span:nth-child(4){--s:30px;--c:#ffd18a;--t:9s;--d:-1s;top:52%;left:93%}.chapter-scene span:nth-child(5){--s:26px;--c:#e8601c;--t:12s;--d:-7s;top:76%;left:10%}.chapter-scene span:nth-child(6){--s:18px;--c:#fff1d6;--t:10s;--d:-4s;top:82%;left:85%}.chapter[data-chapter=dawn] .chapter-scene span:nth-child(6){--c:#f4a55e}@keyframes chapter-drift{0%{transform:translate(-14px,-10px)rotate(-22deg)}to{transform:translate(16px,14px)rotate(18deg)}}.chapter-heading{text-align:center;max-width:960px;margin:0 auto 56px}.chapter-heading h2{color:var(--ch-ink);font:700 52px/1.15 var(--font-display), var(--font-cjk);letter-spacing:-.01em;text-wrap:balance;text-shadow:0 3px 0 var(--ch-drop), 0 10px 26px var(--ch-glow);margin:-.18em 0 0}.chapter-heading p{max-width:640px;color:var(--ch-sub);font:600 17px/1.6 var(--font-body);margin:18px auto 0}.chapter:not([data-chapter=dawn]) .chapter-heading p{text-shadow:0 1px 2px #2a120680}.tone-gold{--plan-top:#ffe6a0;--plan-mid:#f3c04e;--plan-bottom:#ffdf8c;--plan-ink:#8a5a0c;--plan-border:#dcb461;--plan-soft:#f3e3bd;--plan-gloss:#fff8e0;--plan-wash:#fdf7e8;--plan-body:#6b5226}.tone-maple{--plan-top:#ffd9a8;--plan-mid:#f4a55e;--plan-bottom:#ffcf98;--plan-ink:#9a4a17;--plan-border:#d9a06a;--plan-soft:#f3dfc8;--plan-gloss:#fff4e6;--plan-wash:#fdf5ec;--plan-body:#6f5238}.tone-ember{--plan-top:#ffbca0;--plan-mid:#e8694a;--plan-bottom:#ffae8e;--plan-ink:#8f2a17;--plan-border:#d98a70;--plan-soft:#f3d6cb;--plan-gloss:#fff0ea;--plan-wash:#fdf2ed;--plan-body:#6f4535}.chapter-card.value-isp-card{width:100%;max-width:none;box-shadow:0 2px 0 var(--plan-soft), 0 -10px 30px #2a12062e, 0 22px 44px #2a12063d}.chapter-card .value-card-header{min-height:0;padding:16px 30px}.chapter-card .value-card-header h3{font-size:26px}.chapter-card .value-title-group{justify-content:space-between;width:100%}.chapter-body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:44px;padding:30px 36px 34px;display:grid}.chapter-text{color:var(--plan-body);font:600 19px/1.55 var(--font-body);margin:16px 0 0}.chapter-points{gap:9px;margin:20px 0 0;padding:0;list-style:none;display:grid}.chapter-points li{color:var(--plan-body);font:400 15px/1.6 var(--font-body);align-items:baseline;gap:10px;display:flex}.chapter-points li:before{content:"";background:var(--plan-mid);flex:none;width:7px;height:7px;translate:0 -2px;rotate:45deg}.chapter-demo{border:1px solid var(--plan-soft);border-radius:var(--radius-lg);background:radial-gradient(ellipse 75% 70% at 50% 45%, #fffefa, var(--plan-wash) 60%, color-mix(in srgb, var(--plan-soft) 70%, var(--plan-wash)) 100%);min-height:300px;box-shadow:inset 0 2px 6px color-mix(in srgb, var(--plan-ink) 12%, transparent), inset 0 0 0 1px #fff9;place-items:center;padding:22px;display:grid;position:relative;overflow:hidden}.chapter-demo-label{color:var(--plan-ink);font:700 12px/1.2 var(--font-display), var(--font-cjk);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}.chapter-console.maple-tooltip{--tooltip-rule:#f3c77a3d;--tooltip-muted:#d9b893;color:#fbe9d0;background:#2e160af0;border-color:#f3c77a73;box-shadow:inset 0 0 0 1px #ffe6be0f,0 14px 30px #2a12064d}@media (max-width:900px){.chapter-heading{margin-bottom:36px}.chapter-heading h2{font-size:40px}.chapter-body{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px 22px 26px}.chapter-demo{min-height:0}}@media (max-width:520px){.chapter-heading h2{font-size:32px}.chapter-card .value-card-header{padding:14px 18px}.chapter-card .value-card-header h3{font-size:22px}.chapter-text{font-size:17px}.chapter-demo{padding:16px 12px}}@media (prefers-reduced-motion:reduce){.chapter-scene span{animation:none}}