: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,body{height:100%;color:var(--ink);font-family:var(--font);background:#f3e6d0;margin:0;overflow:hidden}#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:15vh;top:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}#tilt-bottom{height:20vh;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}#left,#timeline,#src{z-index:2}#left{flex-direction:column;gap:30px;width:330px;display:flex;position:fixed;top:48px;left:24px}body.stack #left{flex-flow:wrap;justify-content:center;align-items:flex-start;gap:20px 36px;width:auto;top:60px;left:0;right:0}body.stack #cheque,body.stack #headline{width:330px}#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}#left.narrow .hl-main{font-size:22px}#left.narrow .hl-sub{font-size:13px}#left.narrow #cq-big{font-size:32px}#nav{z-index:2;align-items:center;gap:8px;display:flex;position:fixed;top:16px;right:24px}#nav>button,.seg button{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>button:hover{background:var(--ink);color:var(--paper)}#nav>button.done{color:#fff;background:#2f7f86;border-color:#2f7f86}.seg{border:1.5px solid var(--ink);background:var(--paper);border-radius:999px;display:inline-flex;overflow:hidden}.seg button{background:0 0;border:0;border-radius:0;padding:5px 11px}.seg button.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-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 button{font:600 12px var(--font);color:var(--ink);cursor:pointer;background:0 0;border:0;padding:5px 11px}.hl-span button.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{height:0;margin-top:-16px;position:relative}.fact-card{color:var(--ink);border:1.5px solid #b9a37de6;border-left:5px solid var(--accent);opacity:0;pointer-events:none;background:#fff9e4f0;border-radius:3px;padding:9px 13px 10px;font-size:14px;line-height:1.35;transition:opacity .35s,transform .35s;position:absolute;top:0;left:0;right:0;transform:translateY(6px);box-shadow:0 6px 16px #3c280a33}.fact-card.show{opacity:1;transform:none}body.stack #fact{left:50%;bottom:var(--fact-bottom,90px);z-index:3;width:min(520px,100vw - 24px);margin:0;position:fixed;transform:translate(-50%)}body.stack .fact-card{padding:5px 10px 6px;font-size:12.5px;line-height:1.3;top:auto;bottom:0}#about{width:min(640px,100% - 28px);max-height:86vh;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{width:32px;height:32px;color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:26px;line-height:1;position:absolute;top:8px;right:12px}html[lang=zh-CN] .cq-pay,html[lang=zh-CN] .cq-small{font-size:12.5px}#timeline{background:linear-gradient(#0000,#f3e6d0f2 40%);align-items:center;gap:16px;padding:10px 24px 26px;display:flex;position:fixed;bottom:0;left:0;right:0}#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);cursor:pointer;border-radius:50%;flex:none;width:44px;height:44px;font-size:16px}.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 button{font:600 12px var(--font);color:var(--ink);cursor:pointer;background:0 0;border:0;padding:5px 10px}.tl-speed button.on{background:var(--ink);color:var(--paper)}#src{color:#7a6a4e;max-width:70vw;font-size:10px;position:fixed;bottom:6px;left:24px}@media (max-width:760px){body.stack #left{top:8px}body #left{flex-flow:column;align-items:stretch;gap:10px;width:auto;top:8px;left:8px;right:8px}body.stack #cheque,body.stack #headline{width:auto}#cheque{padding:12px 12px 0;transform:none}#cheque:before,#cheque:after,.cq-guilloche,.cq-micr,.cq-sign,.cq-words{display:none}.hl-span{margin-top:8px}#headline{padding:8px 12px 10px}.cq-stub{margin:8px -12px 0;padding:8px 12px 10px}#cq-big{font-size:28px}#nav{justify-content:center;position:static}#headline{text-align:center}.hl-main{font-size:20px}.tl-month{white-space:nowrap;min-width:0;font-size:15px}#timeline{gap:8px;padding:8px 12px 40px}#play,#play-back{width:38px;height:38px;font-size:14px}#tl{min-width:50px}.tl-speed button{padding:4px 5px;font-size:11px}#src{max-width:none;font-size:8.5px;line-height:1.25;bottom:4px;left:12px;right:12px}}