:root{--ink:#2b2118;--paper:#fbf6e9;--line:#b9a37d;--accent:#c0432b;--font:"Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{height:100%;color:var(--ink);font-family:var(--font);background:#f3e6d0;margin:0;overflow:hidden}[hidden]{display:none!important}#stage{width:100%;height:100%;display:block;position:fixed;inset:0}#tilt-top,#tilt-bottom{pointer-events:none;z-index:1;-webkit-backdrop-filter:blur(3.5px);position:fixed;left:0;right:0}#tilt-top{height:15dvh;top:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}#tilt-bottom{height:20dvh;bottom:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}#vignette{pointer-events:none;z-index:1;background:radial-gradient(at 50% 46%,#0000 58%,#5a371433 100%);position:fixed;inset:0}#cheque{border:1.5px solid var(--line);background:radial-gradient(at 15% 0,#ffffffb3,#0000 60%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45  0 0 0 0 .35  0 0 0 0 .2  0 0 0 .09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),linear-gradient(#fdf9ee,#f5ecd6);border-radius:3px;padding:16px 16px 0;position:relative;overflow:visible;transform:rotate(-1.2deg);box-shadow:inset 0 1px #fffc,0 2px 3px #3c280a40,0 14px 28px #3c280a4d}#cheque:before{content:"";background:#f0ce82b8;width:64px;height:20px;position:absolute;top:-10px;left:18px;transform:rotate(-4deg);box-shadow:0 1px 2px #3c280a40}#cheque:after{content:"";background:#f0ce82b8;width:48px;height:18px;position:absolute;top:-9px;right:22px;transform:rotate(5deg);box-shadow:0 1px 2px #3c280a40}.cq-top{letter-spacing:.06em;color:#6b5a40;justify-content:space-between;font-size:10.5px;display:flex}.cq-top b{letter-spacing:0;color:var(--ink);font-size:13px}.cq-date{font-family:var(--mono);color:var(--ink)}.cq-amount{border:1.5px solid var(--line);background:#fffdf5;align-items:baseline;gap:4px;margin:8px 0 2px;padding:4px 10px;display:flex;box-shadow:inset 0 1px 3px #3c280a1f}.cq-dollar{color:#6b5a40;font-size:22px}#cq-big{font-family:var(--mono);letter-spacing:-.02em;font-size:38px;font-weight:700}.cq-per{color:#6b5a40;margin-left:auto;font-size:13px}.cq-words{color:#6b5a40;min-height:15px;font-size:11px;font-style:italic}.cq-small{color:#4a3d2a;margin-top:4px;font-size:12px}.cq-small b{font-family:var(--mono)}.cq-guilloche{opacity:.7;background:repeating-radial-gradient(circle at 7px 4.5px,#0000 0 1.6px,#b9a37dbf 1.6px 2.4px) 0 0/14px 9px,linear-gradient(#0000 46%,#b9a37d80 46% 54%,#0000 54%) 0 0/100% 100%;height:9px;margin:10px 0 2px}.cq-sign{letter-spacing:.04em;color:#7a6a4e;justify-content:space-between;align-items:flex-end;margin-top:4px;font-size:10px;display:flex}.cq-signature{border-bottom:1px solid #8a7752;padding:0 6px 1px;line-height:0}.cq-micr{font:500 11px var(--mono);letter-spacing:.22em;color:#8a7752;white-space:nowrap;margin-top:6px;overflow:hidden}.cq-stub{background:#d6c49e52;border-top:2px dotted #a58f66;border-radius:0 0 2px 2px;margin:10px -16px 0;padding:10px 16px 12px;font-size:12px}.cq-stub input,.cq-stub select{font:inherit;font-family:var(--mono);border:0;border-bottom:1.5px solid var(--ink);color:var(--ink);background:0 0;padding:1px 2px}.cq-stub input{width:80px}#nav>:is(button,a),.seg :is(button,a){font:600 12px var(--font);border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:999px;padding:5px 12px}#nav>:is(button,a){justify-content:center;align-items:center;line-height:1;display:inline-flex}#nav>:is(button,a):hover{background:var(--ink);color:var(--paper)}#nav>:is(button,a).done,#btn-sound[aria-pressed=true]{color:#fff;background:#2f7f86;border-color:#2f7f86}.nav-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:19px;height:19px;display:none}.nav-icon .fill{fill:currentColor;stroke:none}#btn-about .nav-icon{stroke-width:2.6px}#btn-sound{width:42px;min-width:42px;padding:5px}#btn-sound .nav-icon{display:block}#btn-sound[aria-pressed=true] .sound-off,#btn-sound:not([aria-pressed=true]) .sound-on{display:none}.seg{border:1.5px solid var(--ink);background:var(--paper);border-radius:999px;display:inline-flex;overflow:hidden}.seg :is(button,a){background:0 0;border:0;border-radius:0;padding:5px 11px}.seg :is(button,a).on{background:var(--ink);color:var(--paper)}#headline{text-align:left;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fbf6e9db;border:1.5px solid #b9a37de6;border-radius:4px;padding:12px 16px 14px;box-shadow:0 6px 16px #3c280a33}.hl-main{text-shadow:0 1px #ffffff80;font-size:27px;font-weight:700;line-height:1.15}.hl-main em{color:var(--accent);font-style:normal}.hl-equals{display:inline}.hl-sub{color:#5a4a33;margin-top:5px;font-size:14px}.hl-span{border:1.5px solid var(--ink);background:var(--paper);border-radius:999px;margin-top:12px;display:inline-flex;overflow:hidden}.hl-span :is(button,a){font:600 12px var(--font);color:var(--ink);cursor:pointer;background:0 0;border:0;padding:5px 11px}.hl-span :is(button,a).on{background:var(--ink);color:var(--paper)}.hl-gap{background:#fff3c4;border:1.5px dashed #a98a1d;border-radius:3px;margin-top:10px;padding:5px 9px;font-size:12px;display:inline-block}.fact-card{color:var(--ink);box-shadow:inset 0 2px 0 var(--accent), 0 6px 16px #3c280a33;opacity:0;pointer-events:none;background:#fff9e4f0;border:1.5px solid #b9a37de6;border-radius:3px;padding:9px 13px 10px;font-size:14px;line-height:1.35;transition:opacity .35s,transform .35s;position:absolute;left:0;right:0;transform:translateY(6px)}.fact-card.show{opacity:1;transform:none}#about{width:min(640px,100% - 28px);max-height:min(86vh,100dvh - 32px);color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:4px;padding:22px 28px 24px;font-size:14px;line-height:1.5;overflow:auto;box-shadow:0 20px 50px #3c280a66}#about::backdrop{background:#2b211880}#about h2{margin:0 24px 10px 0;font-size:22px}#about h3{letter-spacing:.06em;text-transform:uppercase;color:#6b5a40;margin:18px 0 4px;font-size:13px}#about p,#about ul{margin:6px 0}#about ul{padding-left:20px}#about li{margin:4px 0}#about code{font:12.5px var(--mono);background:#f0e6cf;border-radius:2px;padding:1px 4px}#about a{color:var(--accent)}#about .ab-note,#about .ab-credit{color:#6b5a40;font-size:12.5px}#about .ab-credit{border-top:1px dashed var(--line);margin-top:18px;padding-top:10px}#about .ab-close{float:right;z-index:1;background:var(--paper);width:40px;height:40px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;margin:-12px -16px 0 8px;font-size:26px;line-height:1;position:sticky;top:-12px}html[lang=zh-CN] .cq-pay,html[lang=zh-CN] .cq-small{font-size:12.5px}#timeline{align-items:center;gap:16px;display:flex}#play.nudge{animation:1.8s ease-out infinite nudge}@keyframes nudge{0%{box-shadow:0 0 #c0392b8c}70%,to{box-shadow:0 0 0 14px #c0392b00}}@media (prefers-reduced-motion:reduce){#play.nudge{animation:none;box-shadow:0 0 0 4px #c0392b59}}#play,#play-back{border:2px solid var(--ink);background:var(--paper);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}#play svg,#play-back svg{fill:currentColor;width:20px;height:20px}#play .i-pause,#play-back .i-pause,#play.running .i-play,#play-back.running .i-back{display:none}#play.running .i-pause,#play-back.running .i-pause{display:block}.tl-month{font:700 30px var(--mono);letter-spacing:-.02em;min-width:190px}#tl{accent-color:var(--accent);flex:1;height:28px}.tl-speed{border:1.5px solid var(--ink);background:var(--paper);border-radius:999px;flex:none;display:inline-flex;overflow:hidden}.tl-speed :is(button,a){font:600 12px var(--font);color:var(--ink);cursor:pointer;background:0 0;border:0;padding:5px 10px}.tl-speed :is(button,a).on{background:var(--ink);color:var(--paper)}#ui{z-index:2;box-sizing:border-box;pointer-events:none;height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));--fact-room:2.6em;grid-template:"top""fact""stage"minmax(0,max-content)"pay""timeline"/minmax(0,1fr);align-content:space-between;gap:8px;display:grid;position:fixed;inset:0}#ui>*,#left>*{pointer-events:auto;min-width:0}#ui .stage-slot{pointer-events:none;aspect-ratio:5/4;grid-area:stage;align-self:center;width:100%;max-height:100%}#left{flex-direction:column-reverse;grid-area:pay;align-items:center;gap:8px;display:flex}#fact{height:var(--fact-room);z-index:3;grid-area:fact;position:relative}.fact-card{top:0}#nav{grid-area:top;justify-self:end;align-items:center;gap:8px;display:flex}.lv-signature{grid-area:top;place-self:center start}#timeline{grid-area:timeline}#src{display:none}.lv-signature{font:600 13px/1 var(--font);letter-spacing:.02em;color:var(--ink);opacity:.7;white-space:nowrap;align-items:baseline;gap:.3em;text-decoration:none;display:inline-flex}.lv-signature .lv-mark{font:700 15px/1 var(--mono);letter-spacing:-.01em}.lv-signature:hover,.lv-signature:focus-visible{opacity:1;color:var(--accent)}#cheque{justify-self:center;width:min(100%,360px);padding:12px 14px 0;transform:rotate(-1deg)}#cheque:before,#cheque:after{display:none}.cq-amount{margin:6px 0 2px;padding:3px 9px}#cq-big{font-size:clamp(28px,8vw,34px)}.cq-dollar{font-size:20px}.cq-small{margin-top:3px;font-size:12px;line-height:1.3}.cq-guilloche{margin:8px 0 2px}.cq-stub{margin:8px -14px 0;padding:6px 14px 8px}.cq-stub label{flex-wrap:wrap;align-items:center;column-gap:4px;display:flex}#headline{text-align:center;justify-self:center;width:min(100%,360px);padding:8px 12px 10px}#fact .fact-card{max-width:520px;margin-inline:auto}.hl-main{font-size:clamp(16px,4.4vw,20px);line-height:1.2}.hl-result{display:inline}.hl-equals{margin:0 .18em}.hl-sub{margin-top:3px;font-size:12px}.hl-span{margin-top:6px}.hl-gap{margin-top:4px;padding:3px 6px;font-size:11px}.fact-card{padding:5px 10px 6px;font-size:12.5px;line-height:1.3}#nav .nav-label{display:none}#nav .nav-icon{display:block}#nav>:is(button,a){width:42px;min-width:42px;padding:5px}.tl-month{white-space:nowrap;min-width:0;font-size:15px}#timeline{gap:6px}#tl{min-width:50px}@media (max-width:420px){#timeline{grid-template-rows:auto auto;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:2px 6px;display:grid}#tl{grid-area:2/1/auto/-1;width:100%}}@media (min-width:680px){#ui{padding-inline:max(20px, env(safe-area-inset-left)) max(20px, env(safe-area-inset-right));gap:12px}#left{grid-template-columns:minmax(0,1fr) minmax(0,340px);align-items:center;gap:24px;display:grid}#headline{text-align:left;grid-area:1/1;width:auto;margin:0}#cheque{grid-area:1/2;width:auto;padding:16px 16px 0;transform:rotate(-1.2deg)}.cq-guilloche,.cq-micr,.cq-sign,.cq-words{display:block}.cq-sign{display:flex}.cq-amount{margin:8px 0 2px;padding:4px 10px}#cq-big{font-size:34px}.cq-dollar{font-size:22px}.cq-small{margin-top:4px}.cq-stub{margin:10px -16px 0;padding:10px 16px 12px}.hl-main{font-size:clamp(19px,2.6vw,27px)}.hl-result{display:block}.hl-equals{margin:0}.hl-sub{margin-top:5px;font-size:14px}.hl-span{margin-top:10px}#headline{padding:12px 16px 14px}.tl-month{font-size:clamp(16px,2.6vw,30px)}#timeline{gap:12px}#ui{grid-template-rows:auto auto minmax(0,max-content) auto auto auto;grid-template-areas:"top""fact""stage""pay""timeline""src"}#src{text-align:center;color:#7a6a4e;grid-area:src;justify-self:center;font-size:10px;display:block}}@media (min-aspect-ratio:23/20) and (min-width:600px){#ui{padding-inline:max(20px, env(safe-area-inset-left), calc((100vw - 1680px) / 2)) max(20px, env(safe-area-inset-right), calc((100vw - 1680px) / 2));grid-template:"left top""left stage"minmax(0,1fr)"sig timeline""src src"/clamp(270px,24vw,380px) minmax(0,1fr);align-content:stretch;column-gap:clamp(16px,3vw,44px)}#fact{grid-area:left;align-self:end}.fact-card{top:auto;bottom:0}#ui .stage-slot{aspect-ratio:auto;align-self:stretch;max-height:none}#cheque{width:auto}#cheque:before,#cheque:after{display:block}#headline{text-align:left;width:auto;margin:0}#left{max-height:100%;padding-top:0;padding-bottom:calc(var(--fact-room) + 8px);scrollbar-width:none;flex-direction:column;grid-area:left;align-self:center;align-items:stretch;gap:clamp(10px,3dvh,28px);display:flex;overflow-y:auto}#ui .stage-slot{grid-area:stage}.lv-signature{grid-area:sig;place-self:center start}#nav>:is(button,a):not(#btn-sound){width:auto;padding:5px 12px}#nav .nav-label{display:inline}#nav>:is(button,a):not(#btn-sound) .nav-icon{display:none}}@media (min-aspect-ratio:23/20) and (min-width:600px) and (max-width:1100px){#nav .nav-label{display:none}#nav>:is(button,a):not(#btn-sound) .nav-icon{display:block}#nav>:is(button,a):not(#btn-sound){width:42px;padding:5px}}@media (max-height:760px) and (min-width:680px){#cheque:before,#cheque:after,.cq-guilloche,.cq-micr,.cq-sign,.cq-words,#src{display:none}#cheque{padding:10px 12px 0}.cq-amount{margin:4px 0 2px;padding:2px 8px}#cq-big{font-size:clamp(24px,4.2dvh,32px)}.cq-stub{margin:6px -12px 0;padding:5px 12px 7px}}@media (max-height:520px){#ui{--fact-room:0px;gap:6px 16px}@media (min-aspect-ratio:23/20) and (min-width:600px){#fact{grid-area:top;place-self:start;width:calc(100% - 240px)}#nav .nav-label{display:none}#nav>:is(button,a):not(#btn-sound) .nav-icon{display:block}#nav>:is(button,a):not(#btn-sound){width:42px;padding:5px}#ui{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"left top""left stage""sig stage""timeline timeline"}#src{display:none}.fact-card{padding:3px 8px 4px;font-size:11px;top:0;bottom:auto}#ui{grid-template-columns:clamp(280px,36vw,340px) minmax(0,1fr)}}.cq-top{font-size:9px}#cq-big{font-size:24px}.cq-dollar{font-size:16px}.cq-small{font-size:11px}.cq-stub{margin-top:4px;padding:3px 12px 5px;font-size:11px}#headline{padding:5px 8px 6px}.hl-main{font-size:15px;line-height:1.15}.hl-result{display:inline}.hl-equals{margin:0 .18em}.hl-sub{display:none}.hl-span{margin-top:4px}.tl-month{font-size:16px}#src,.lv-studio{display:none}}@media (max-height:940px) and (max-width:679px){.cq-guilloche,.cq-micr,.cq-sign{display:none}}@media (max-height:860px) and (max-width:679px){.cq-words{display:none}}@media (max-height:700px) and (max-width:679px){#cheque{padding:10px 12px 0;transform:none}.cq-stub{margin:6px -12px 0;padding:4px 12px 6px}#cq-big{font-size:clamp(26px,7.5vw,30px)}}@media (max-height:340px){.cq-small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hl-span{display:none}#left{gap:6px;padding-top:0}.cq-stub input,.cq-stub select{min-height:34px}.hl-gap{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;display:block;overflow:hidden}#headline{padding:4px 8px 5px}.hl-main{font-size:14px}}@media (max-height:640px) and (max-width:679px){.hl-sub{display:none}.cq-small{font-size:11px}}@media (max-height:600px) and (max-width:679px){#ui{--fact-room:0px;gap:6px}.hl-span{display:none}#headline{padding:5px 10px 6px}.hl-main{font-size:15px}}@media (max-width:360px){#nav{gap:4px}#nav>:is(button,a){width:36px;min-width:36px}.seg :is(button,a){padding-inline:8px}}@media (pointer:coarse){#nav>:is(button,a),#lang :is(button,a),.hl-span :is(button,a),.tl-speed :is(button,a){min-height:40px}.tl-speed :is(button,a){min-width:40px}.cq-stub input,.cq-stub select{min-height:40px;font-size:16px}.cq-stub input{width:76px}}@media (max-width:600px),(max-height:520px){.lv-studio{display:none}}#btn-about{text-decoration:none}#about .ab-close{width:44px;height:44px}#about details{border-bottom:1px solid var(--line);margin-block:12px}#about summary{cursor:pointer;min-height:44px;padding-block:12px;font-weight:600}#about .page-notes summary :is(h1,h2){font:inherit;margin:0;display:inline}#about p,#about li{overflow-wrap:anywhere}#about table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12px}#about th,#about td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:6px 8px 6px 0}#about caption{text-align:left;margin-top:12px}#about{padding:0;overflow:hidden}#about[open]{flex-direction:column;display:flex}#about .ab-header{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:12px;padding:6px 20px;display:flex}#about .ab-header h2{flex:1;margin:0}#about .ab-close{float:none;flex:none;margin:0;position:static}#about .ab-body{min-height:0;padding:12px 28px 24px;overflow:auto}.hl-main .item-link{color:inherit;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.item-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.item-reader{background:var(--paper);width:min(680px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);border:0;border-radius:12px;padding:0;font:14px/1.6 system-ui;overflow:hidden;box-shadow:0 16px 60px #2b211866}.item-reader[open]{flex-direction:column;display:flex}.item-reader::backdrop{background:#2b211880}.item-toolbar{border-bottom:1px solid #2b211822;flex:none;align-items:center;gap:12px;padding:10px 14px 10px 22px;display:flex}.item-toolbar h1{flex:1;min-width:0;margin:0;font-size:20px;line-height:1.3}.item-toolbar button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;font-size:24px}.item-toolbar button:hover{background:#2b211811}.item-body{overscroll-behavior:contain;min-height:0;padding:18px 22px 24px;overflow:auto}.item-body h2{margin:22px 0 10px;font-size:17px}.item-body h2:first-child{margin-top:0}.item-body p{margin:10px 0}.item-body a{color:#805e34}.item-body figure{margin:18px 0}.item-body svg{width:100%;height:auto;display:block}.item-body svg text{fill:#6b5a40;font:18px system-ui}.item-axis{stroke:#2b211844;fill:none}.item-line{stroke:var(--accent);stroke-width:2px;fill:none}.item-body figcaption{color:#6b5a40;font-size:12px}.item-body details{border-bottom:1px solid #2b211822}.item-body summary{cursor:pointer;min-height:44px;padding-block:12px;font-weight:600}.item-table{max-width:100%;overflow:auto}.item-table table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}.item-table th,.item-table td{text-align:right;border-bottom:1px solid #2b211822;padding:8px}.item-table th:first-child{text-align:left}