@charset "UTF-8";
:root{--cream:#f9f3d3;--paper:#fffdf2;--orange:#de812b;--amber:#f2a703;--yellow:#f7e158;--gold:#f5c009;--lime:#e3de53;--olive:#c0c128;--ink:#39372a;--muted:#888271;--line:#d7ceb8;--serif:"Noto Serif SC","Songti SC","SimSun",serif}
*{box-sizing:border-box}body{margin:0;background:#eee9d9;color:var(--ink);font:14px/1.8 "Microsoft YaHei",sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}button:disabled{opacity:.25;cursor:default}[hidden]{display:none!important}body:before{content:"";position:fixed;inset:0;filter:url(#paper-grain);opacity:.045;pointer-events:none;z-index:100}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500}.defs{position:absolute}.eyebrow,.mini-label{font:10px/1.8 monospace;letter-spacing:.18em}.topbar{height:75px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:1px solid #cfc6b2}.brand{font-family:var(--serif);font-size:18px;letter-spacing:.12em}.brand span{font:9px monospace;letter-spacing:.14em;margin-left:14px}.edition{font-size:11px;letter-spacing:.12em;color:#797460}.sound{font-size:18px;background:none}.sound span{font-size:10px;margin-left:6px;color:var(--muted)}.scene{position:relative}.cover-scene{min-height:calc(100svh - 75px);display:flex;flex-direction:column;justify-content:center}.cover-layout{width:90%;max-width:1280px;margin:auto;display:grid;grid-template-columns:.87fr 1.13fr;align-items:center;gap:4%;padding:35px 0}.cover-copy{padding-left:2%}.cover-copy h1{font-size:clamp(35px,3.6vw,55px);line-height:1.6;margin:23px 0 15px;letter-spacing:.06em}.cover-copy h1 em{font-style:normal;color:var(--orange)}.cover-copy>p{color:#776d58;letter-spacing:.08em}.cover-form{margin-top:34px;max-width:310px}.cover-form label{font-size:10px;letter-spacing:.12em;color:var(--muted)}.form-line{display:flex;gap:18px;margin-top:10px}.form-line input{width:90px;border:0;border-bottom:1px solid #ada18a;background:transparent;font:24px Georgia;padding:8px 0;color:var(--ink);border-radius:0}.form-line button{padding:10px 22px;background:var(--orange);color:white;font-size:12px;box-shadow:0 3px 5px #80531620}.form-line button span{margin-left:22px}.form-line button:hover{background:#c76e20;transform:translateY(-2px)}#cover-status{min-height:25px;font-size:11px;color:#a25320;margin-top:5px}.written{display:block;color:#928567;font:italic 15px Georgia,var(--serif);transform:rotate(-4deg);margin-top:20px}.written i{display:block;margin:12px 0 0 90px;font-size:12px}.cover-foot{display:flex;justify-content:space-between;width:90%;margin:0 auto 18px;font:10px monospace;letter-spacing:.08em;color:#8c816c}.assemblage{height:570px;position:relative;perspective:1200px;transform:rotate(-2deg);transition:transform .4s}.back-paper{position:absolute;inset:44px 18px 30px 66px;background:var(--olive);transform:rotate(8deg);box-shadow:3px 8px 15px #403f2530}.ruled-paper{position:absolute;inset:27px 80px 22px 6px;background:repeating-linear-gradient(0deg,transparent 0 23px,#a9a28a38 23px 24px),#faf7e9;transform:rotate(-7deg);box-shadow:0 7px 14px #51412618}.ruled-paper>span{position:absolute;bottom:25px;left:20px;font:8px monospace;letter-spacing:.22em;writing-mode:vertical-rl}.gift-book{position:absolute;inset:30px 80px 48px 55px;background:linear-gradient(90deg,#bd7725 0,#dd9631 4%,#efbc55 7%,#f2c25c 30%,#edb746 100%);border-radius:3px 10px 10px 3px;box-shadow:1px 2px 1px #fff5bf inset,7px 12px 15px #52411937,3px 4px 0 #eee6cc,5px 7px 0 #d5ccb0;transform:rotate(3deg);transition:transform .8s,opacity .8s;overflow:hidden}.gift-book:after{content:"";position:absolute;inset:18px;border:1px solid #95602355;pointer-events:none}.book-spine{position:absolute;left:17px;top:0;bottom:0;width:5px;border-inline:1px solid #885a2545}.book-series{position:absolute;top:44px;left:45px;font:8px monospace;letter-spacing:.2em}.book-title{position:absolute;top:85px;left:44px;font:29px/1.7 var(--serif);letter-spacing:.12em}.book-title i{font-style:normal;font-size:42px;white-space:nowrap}.book-small{position:absolute;top:232px;left:45px;font-size:9px;letter-spacing:.12em}.book-bottom{position:absolute;bottom:30px;left:44px;font:7px monospace;letter-spacing:.11em}.ribbon{position:absolute;top:0;bottom:0;right:34px;width:26px;background:linear-gradient(90deg,#8c3f0c,#ba611b 40%,#d77d28 65%,#8c400c);box-shadow:2px 0 4px #0002;transition:transform .7s}.ribbon-horizontal{position:absolute;top:68%;left:0;right:0;height:22px;background:linear-gradient(#9d490f,#d37a25,#ab5115);box-shadow:0 3px 4px #0002;transition:transform .7s}.unwrapping .ribbon{transform:translateY(120%)}.unwrapping .ribbon-horizontal{transform:translateX(120%)}.unwrapping .gift-book{transform:rotateY(-30deg) rotate(3deg)}.seed-label{position:absolute;width:170px;height:290px;bottom:40px;right:-2px;background:#faf7e6;padding:15px;box-shadow:3px 6px 12px #51432236;transform:rotate(11deg);border:1px solid #c6b98c66}.seed-label>span{font:7px monospace;letter-spacing:.12em}.seed-label svg{width:130px;height:221px}.seed-label i{display:block;text-align:center;font:italic 15px Georgia}.birthday-ticket{position:absolute;bottom:4px;left:20px;width:225px;background:var(--cream);padding:12px 15px;transform:rotate(-9deg);box-shadow:0 5px 10px #41351928;border-left:4px dotted #b7a478}.birthday-ticket>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed #b4a775;padding-bottom:7px}.birthday-ticket b{font:32px Georgia}.birthday-ticket i{font:9px monospace;letter-spacing:.18em}.birthday-ticket>span{font:8px/1.6 monospace;letter-spacing:.12em;display:block;padding-top:8px}.seal{position:absolute;right:8px;top:36px;border:3px double var(--orange);border-radius:50%;padding:17px;font:15px/1.25 var(--serif);color:#b66424;transform:rotate(16deg)}.tape{position:absolute;background:#c6bd8270;backdrop-filter:blur(1px);width:115px;height:30px;clip-path:polygon(2% 0,97% 2%,99% 100%,0 96%);box-shadow:0 1px #fff7 inset;z-index:5}.cover-tape{top:12px;left:34%;transform:rotate(-6deg)}.small-note{position:absolute;bottom:-30px;right:20px;font:italic 17px Georgia;color:#a66931}.tabs{display:flex;justify-content:center;gap:7px;padding:14px 10px}.tabs button{font-size:10px;background:transparent;color:#857c68;padding:7px 15px;border-bottom:2px solid transparent}.tabs button[aria-current="page"]{color:#a75820;border-color:var(--orange)}.inside-scene{min-height:calc(100svh - 140px);max-width:1240px;width:90%;margin:auto;padding:25px 0 35px;animation:arrive .5s ease}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.page-caption{font:10px monospace;color:var(--muted)}.next-page{display:block;background:none;border-bottom:1px solid #b2a387;margin:26px auto 0;font-size:12px;padding:10px 3px;letter-spacing:.07em}.next-page span{padding-left:30px}.letter-stack{width:min(730px,90%);margin:28px auto 0;position:relative}.under-letter{position:absolute;inset:10px -10px -7px 15px;background:#d6d18c;transform:rotate(3deg);box-shadow:0 7px 20px #48402220}.intro-letter{position:relative;background:var(--paper);padding:60px 75px 50px;box-shadow:0 7px 18px #55442915;transform:rotate(-1deg)}.intro-letter>.tape{top:-12px;left:42%;transform:rotate(5deg)}.intro-letter h2{font-size:27px;line-height:1.9;margin:32px 0 23px}.intro-letter p{font:22px/2 var(--serif)}.intro-letter em{font-style:normal;background:linear-gradient(transparent 75%,#e3de5377 75%)}.intro-sign{display:block;text-align:right;font:17px var(--serif);margin-top:40px}.intro-flower{position:absolute;width:135px;height:265px;right:-40px;bottom:-10px;transform:rotate(13deg);pointer-events:none}.margin-note{position:absolute;left:-75px;bottom:70px;writing-mode:vertical-rl;font:13px var(--serif);color:#9d7243;letter-spacing:.18em}.chapter-heading{display:flex;justify-content:space-between;align-items:end;margin:4px 0 28px}.chapter-heading h2{font-size:34px;line-height:1.5;margin-top:8px}.chapter-heading>span{font-size:10px;color:var(--muted)}.open-book{position:relative;display:grid;grid-template-columns:1fr 1fr;max-width:1010px;min-height:445px;margin:auto;background:var(--paper);box-shadow:0 22px 28px #41351723,0 2px 1px #c6b991,0 5px 0 #ede7d5,0 6px 0 #bfb496;border-radius:2px 8px 9px 2px;transition:opacity .15s,transform .15s}.open-book.turning{opacity:.3;transform:rotateY(-4deg)}.binding{position:absolute;top:0;bottom:0;left:calc(50% - 15px);width:30px;background:linear-gradient(90deg,transparent,#877b6130 35%,#48371c2b 48%,#fff7 58%,transparent);pointer-events:none;z-index:6}.left-page{padding:30px 50px 42px;position:relative;background:linear-gradient(90deg,#fffdf2,#fffdf2 90%,#f0e9d6)}.right-page{padding:40px 48px 26px;background:linear-gradient(90deg,#eee7d4,#fffdf2 10%);position:relative}.page-top{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:.09em;color:#9b7754}.question-marker{display:block;font:italic 48px Georgia;color:var(--orange);margin-top:20px}#question{font-size:25px;line-height:1.85;min-height:90px;max-width:360px}.answer-flap{display:block;background:#e8deaa;transform:rotate(-2deg);margin-top:23px;width:100%;padding:20px;box-shadow:1px 4px 7px #49321616;transition:.45s;transform-origin:top}.flap-face{display:flex;align-items:center;justify-content:space-between}.flap-face i{font:14px var(--serif)}.flap-face b{font:9px sans-serif;color:#897957}.answer-flap[aria-expanded="true"]{transform:rotate(0);padding:9px 16px;background:#f1ebd4}.answer-flap[aria-expanded="true"] b{font-size:0}.answer-flap[aria-expanded="true"] b:after{content:"收起 ↙";font-size:10px}#answer{font-size:13px;line-height:1.95;margin-top:15px;animation:arrive .35s ease;color:#77694f}#answer b{color:#a86126}.page-bottom{position:absolute;bottom:16px;font:7px monospace;letter-spacing:.2em;color:#a59b88}.empty-photo{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:295px;position:relative;background:#e9e4d6;border:12px solid #fffef7;border-bottom-width:36px;box-shadow:3px 5px 10px #54473328;transform:rotate(4deg);transition:transform .4s}.empty-photo:hover{transform:rotate(0) translateY(-4px)}.empty-photo i{font:13px var(--serif);color:#a59d88}.empty-photo small{font:8px monospace;letter-spacing:.2em;position:absolute;bottom:-26px;color:#9b8e77}.photo-tape{top:27px;left:36%;transform:rotate(9deg)}.photo-caption{display:block;font:15px/1.8 var(--serif);margin:27px 0 0 15px;transform:rotate(-3deg)}.memory-sticker{position:absolute;bottom:20px;right:30px;color:#bb752b;font:italic 15px Georgia}.book-controls{display:flex;gap:22px;align-items:center;justify-content:center;margin-top:22px}.book-controls>button:not(.continue){width:38px;height:38px;background:#f8f2df;border:1px solid #cbbf9b;border-radius:50%}.book-controls>span{font:10px monospace;color:#877452}.book-controls .continue{background:none;margin-left:20px;color:#996b3c;font-size:10px}.object-desk{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;max-width:1000px;margin:50px auto 0;padding-bottom:105px}.keepsake{height:265px;text-align:left;position:relative;box-shadow:3px 7px 12px #4c371725;padding:20px;transition:transform .3s;background:var(--paper)}.keepsake:hover,.keepsake.chosen{transform:translateY(-12px) rotate(0)}.keys{transform:rotate(-6deg);background:#f6f0d9}.keepsake .mini-label{font-size:8px}.keyboard{height:135px;margin-top:20px;background:repeating-linear-gradient(90deg,#fcfbef 0 21px,#c8bfa9 21px 22px);border:1px solid #beb29a;position:relative}.keyboard:after{content:"";position:absolute;inset:0 0 44%;background:repeating-linear-gradient(90deg,transparent 0 15px,#474536 15px 27px,transparent 27px 44px)}.keys>i{position:absolute;right:20px;bottom:15px;font:28px Georgia;color:#ae824b}.keepsake strong{display:block;font:15px var(--serif);margin-top:18px}.ticket-object{background:var(--yellow);transform:rotate(3deg);border-inline:4px dotted #eee9d9}.ticket-object>b{display:block;font:35px/1.4 var(--serif);margin-top:30px}.ticket-rule{display:block;border-bottom:1px dashed #8f8239;margin-top:15px}.rings{transform:rotate(8deg);background:#e3de5390}.ring-art{width:103px;height:103px;border:9px ridge #dbd5bb;border-radius:50%;margin:25px auto 28px;transform:rotateX(35deg) rotate(-28deg);box-shadow:4px 7px 5px #41351e30,inset 2px 5px 4px #554a2c30}.ring-art:after{content:"";position:absolute;width:82px;height:94px;border:6px ridge #e5e1cc;border-radius:50%;left:40px;top:15px}.object-desk aside{position:absolute;bottom:0;left:25%;width:60%;border-left:1px solid #c9bfa6;padding-left:25px;min-height:88px}.object-desk aside p{font:18px/1.8 var(--serif);margin-top:5px}.object-desk aside>span:last-child{font-size:11px;color:#97816a}.film-strip{display:flex;overflow-x:auto;gap:23px;margin:50px -3vw 20px;padding:25px 3vw;background:#39382c;border-top:10px dashed #c6bea8;border-bottom:10px dashed #c6bea8;cursor:grab;scrollbar-color:#ac976c #39382c}.film-strip.dragging{cursor:grabbing}.film-photo{flex:0 0 290px;height:310px;position:relative;background:#e4deca;margin:0;display:flex;align-items:center;justify-content:center}.film-photo i{font:italic 72px Georgia;color:#bbb29e}.film-photo>span{position:absolute;bottom:20px;font:14px var(--serif);color:#95886d}.film-photo:hover{background:#eee9d9}.archive-bottom{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.archive-bottom button{background:none;color:#9e6935}.envelope-wrap{max-width:730px;margin:45px auto 25px}.envelope-closed{position:relative;width:100%;height:345px;background:linear-gradient(32deg,#f5e8bf 49.8%,transparent 50%),linear-gradient(-32deg,#efe1b4 49.8%,transparent 50%),#e2c991;box-shadow:5px 13px 24px #55412326;transform:rotate(-2deg)}.envelope-triangle{position:absolute;inset:0;clip-path:polygon(0 0,100% 0,50% 65%);background:linear-gradient(#f8ecca,#e9d3a0);filter:drop-shadow(0 3px 2px #0002)}.wax{position:absolute;top:50%;left:calc(50% - 30px);height:62px;width:62px;display:grid;place-items:center;background:#c77932;color:#f4cc8c;border-radius:48% 52% 43% 51%;box-shadow:0 4px 6px #78552d44,inset 0 0 0 5px #b5672544;font:italic 28px Georgia}.envelope-address{position:absolute;bottom:40px;left:40px;font:22px var(--serif)}.envelope-closed small{position:absolute;right:35px;bottom:40px;color:#a98451}.personal-letter{background:var(--paper);padding:40px 65px;box-shadow:2px 8px 25px #48381922;animation:arrive .5s}.personal-letter h2{font-size:23px;margin:22px 0}.personal-letter p{font:15px/2.2 var(--serif);margin-bottom:16px}.text-button{display:block;background:none;font-size:10px;color:#9f7950;padding:10px 0}.future-sheet{position:relative;max-width:840px;margin:50px auto 25px;background:var(--paper);padding:30px 45px 40px;transform:rotate(-1deg);box-shadow:5px 8px 15px #41341c20}.future-sheet>.tape{top:-12px;left:43%;transform:rotate(-4deg)}.wish{display:flex;width:100%;align-items:center;gap:28px;background:transparent;text-align:left;border-bottom:1px solid #ddd5c0;padding:24px 0}.wish i{font:italic 23px Georgia;color:#b1936c}.wish span{font:18px var(--serif);flex:1}.wish b{font:27px Georgia;color:#b5a47e}.wish[aria-pressed="true"] span{background:linear-gradient(transparent 60%,#e3de5355 60%)}.wish[aria-pressed="true"] b{color:var(--orange)}.future-sheet>.written{text-align:right;margin-top:30px}.finale{text-align:center;padding-top:35px;overflow:hidden}.finale h2{font-size:44px;margin:25px 0 18px;letter-spacing:.07em}.finale>p{font:17px/2.2 var(--serif)}.finale>.intro-sign{text-align:center;margin-top:25px}.finale>.text-button{margin:20px auto 0}.candle{display:block;position:relative;width:240px;height:150px;margin:30px auto 0;background:none}.candle-body{position:absolute;left:calc(50% - 10px);bottom:33px;width:20px;height:76px;background:repeating-linear-gradient(35deg,#f7e158 0 9px,#de812b 9px 16px);box-shadow:3px 0 5px #0002 inset}.flame{position:absolute;left:calc(50% - 8px);top:12px;width:16px;height:29px;border-radius:60% 40% 50% 50%;background:#f2a703;box-shadow:0 0 22px #f5c00990;animation:flicker 1s alternate infinite}.candle small{position:absolute;bottom:0;left:0;width:100%;font-size:10px;color:#9d845b}.candle.blown .flame{display:none}@keyframes flicker{to{transform:rotate(6deg) scale(.94)}}.reread{display:block;background:none;border-bottom:1px solid #b8a57f;font-size:10px;margin:22px auto}.confetto{position:absolute;top:-20px;width:8px;height:15px;animation:fall 3s ease-in forwards;pointer-events:none}@keyframes fall{to{transform:translate(var(--drift),650px) rotate(600deg);opacity:0}}#joke-reveal{font-size:12px;color:#a9692d}dialog{border:0;padding:30px;background:var(--paper);max-width:90vw;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#35301de0;backdrop-filter:blur(6px)}#close-modal{position:absolute;top:0;right:4px;font-size:25px;background:none}.modal-photo{width:min(480px,72vw);height:50vh;display:grid;place-items:center;background:#e8e1cf;color:#aaa087;font:14px var(--serif)}dialog p{font:16px var(--serif);margin-top:20px;text-align:center}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#39372a;color:#f9f3d3;z-index:150;max-width:90vw;width:max-content;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}
@media(min-width:1500px){.cover-layout{gap:7%}.assemblage{height:620px}}
@media(max-width:760px){.topbar{height:58px;margin:0 5%}.brand{font-size:15px}.brand span,.edition{display:none}.sound span{font-size:9px}.cover-layout{display:flex;flex-direction:column-reverse;gap:0;padding:25px 0}.assemblage{width:min(380px,100%);height:370px;margin-bottom:20px}.gift-book{inset:23px 52px 30px 35px}.back-paper{inset:30px 15px 25px 45px}.ruled-paper{inset:25px 50px 20px 12px}.book-series{top:28px;left:30px;font-size:6px}.book-title{top:54px;left:30px;font-size:21px}.book-title i{font-size:29px}.book-small{top:154px;left:30px;font-size:7px}.book-bottom{bottom:20px;left:30px;font-size:5px}.ribbon{width:17px;right:23px}.ribbon-horizontal{height:16px}.seed-label{width:104px;height:186px;bottom:21px;right:0;padding:8px}.seed-label>span{font-size:5px}.seed-label svg{width:80px;height:145px}.seed-label i{font-size:10px}.birthday-ticket{width:153px;bottom:0;left:15px;padding:8px 10px}.birthday-ticket b{font-size:21px}.birthday-ticket i{font-size:6px}.birthday-ticket>span{font-size:6px}.seal{font-size:10px;padding:12px;top:22px;right:3px}.small-note{font-size:11px;bottom:-15px}.cover-tape{width:80px;height:22px;top:15px}.cover-copy{width:100%;padding:8px 10px 0}.cover-copy>.eyebrow{font-size:8px}.cover-copy h1{font-size:31px;margin:10px 0;line-height:1.5}.cover-copy h1 br{display:none}.cover-copy>p{font-size:12px}.cover-form{margin-top:18px}.written{font-size:12px;margin-top:8px}.written i{display:inline;margin-left:10px}.cover-foot{font-size:8px;gap:20px}.tabs{justify-content:start;overflow-x:auto;gap:0;padding:10px 5%}.tabs button{white-space:nowrap;padding:5px 13px;font-size:9px}.inside-scene{padding-top:15px;min-height:calc(100svh - 105px)}.letter-stack{width:94%;margin-top:45px}.intro-letter{padding:35px 26px 40px}.intro-letter h2{font-size:23px;line-height:1.9}.intro-letter p{font-size:18px;line-height:2.1}.intro-flower{right:-20px;width:80px;height:170px;bottom:-65px}.intro-sign{font-size:14px;margin-top:26px}.margin-note{position:static;writing-mode:horizontal-tb;display:block;font-size:10px;margin-top:25px}.chapter-heading{display:block;margin-bottom:24px}.chapter-heading h2{font-size:26px;margin-top:5px}.chapter-heading>span{display:block;margin-top:8px;font-size:10px}.open-book{grid-template-columns:1fr}.binding{display:none}.left-page{padding:23px 25px 40px}.right-page{padding:28px 35px 48px;border-top:1px solid #ddd3bc;background:#f8f3e4}.question-marker{font-size:34px;margin-top:12px}#question{font-size:23px;min-height:0;line-height:1.7}.answer-flap{margin-top:20px}.empty-photo{height:240px}.photo-tape{top:16px}.photo-caption{font-size:14px;margin-top:22px}.book-controls{gap:16px;flex-wrap:wrap;margin-top:18px}.book-controls .continue{width:100%;margin:0;padding:12px}.object-desk{grid-template-columns:1fr 1fr;gap:17px;margin:30px auto 0;padding-bottom:0}.keepsake{height:230px;padding:12px}.keepsake .mini-label{font-size:6px}.keepsake strong{font-size:12px}.keys{transform:rotate(-3deg)}.keyboard{height:110px}.ticket-object>b{font-size:27px}.rings{height:235px}.object-desk aside{position:static;width:auto;border:0;padding:10px}.object-desk aside p{font-size:16px}.object-desk aside>span:last-child{font-size:10px}.ring-art{width:80px;height:80px;margin-top:32px}.ring-art:after{width:66px;height:70px;left:18px}.film-strip{margin-top:25px}.film-photo{flex-basis:245px;height:280px}.archive-bottom{flex-direction:column;gap:25px}.archive-bottom button{align-self:end}.envelope-wrap{margin-top:40px}.envelope-closed{height:255px}.envelope-address{font-size:19px;left:25px;bottom:25px}.envelope-closed small{bottom:25px;right:25px}.wax{top:44%;height:50px;width:50px;left:calc(50% - 25px)}.personal-letter{padding:30px 25px}.personal-letter p{font-size:14px}.future-sheet{padding:25px 20px}.wish{gap:15px;padding:23px 0}.wish span{font-size:17px;line-height:1.7}.wish i{font-size:16px}.finale h2{font-size:28px}.finale>p{font-size:16px}.finale>p br{display:none}.candle{margin-top:20px}#toast{font-size:11px}.intro-letter h2 br,.intro-letter p br{display:none}}
.wish span{min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}.custom-wish{display:flex;align-items:center;gap:12px}.custom-wish .wish{flex:1;min-width:0}.remove-wish{background:none;color:#92764f;font-size:11px;padding:12px 0}.wish-form{margin-top:30px;padding-top:18px}.wish-form label{display:block;font:18px/1.8 var(--serif)}.wish-form label small{margin-left:12px;font:11px "Microsoft YaHei",sans-serif;color:var(--muted)}.wish-form textarea{display:block;width:100%;min-height:96px;margin-top:15px;padding:8px 10px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:repeating-linear-gradient(transparent 0 31px,#d7ceb866 31px 32px);font:16px/32px var(--serif);color:var(--ink);resize:vertical}.wish-form textarea:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.wish-form textarea::placeholder{color:#9b917e}.wish-form-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px}.wish-form-footer>span{font-size:11px;color:var(--muted)}.wish-form-footer button{flex-shrink:0;padding:10px 12px;background:#f7e15877;color:#885421;font-size:12px}#wish-status{min-height:22px;margin-top:8px;color:#885421;font-size:12px}
@media(max-width:760px){.wish-form label{font-size:17px}.wish-form-footer{align-items:flex-start;flex-direction:column}.wish-form-footer button{align-self:flex-end}.custom-wish{gap:8px}}
/* The collage deliberately extends beyond its paper; keep it inside the viewport. */
main{overflow-x:clip}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}