:root{color:#f6e8cf;font-synthesis:none;text-rendering:optimizelegibility;background:#101e22;font-family:Noto Serif CJK SC,Source Han Serif SC,STSong,SimSun,serif}@font-face{font-family:Mooncake Brush;src:url(/fonts/ma-shan-zheng-stamps.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #eacb91}button{-webkit-tap-highlight-color:transparent}button:not(:disabled){transition:color .18s,background-color .18s,border-color .18s,transform .18s}button:not(:disabled):active{transform:scale(.98)}.page{isolation:isolate;background:#101e22;width:100%;height:100svh;min-height:620px;position:relative;overflow:hidden}.scene-wrap,.static-scene,.static-scene img{width:100%;height:100%;display:block;position:absolute;inset:0}.static-scene img{object-fit:cover}.scene-wrap canvas{touch-action:none;display:block}.scene-wrap:after{content:"";pointer-events:none;background:linear-gradient(90deg,#08171a6e,#0000 55%),linear-gradient(#0000 59%,#07151996);position:absolute;inset:0}.scene-grain{pointer-events:none;opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.45' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.1'/%3E%3C/svg%3E");position:absolute;inset:0}.site-header,.site-footer,.hero-copy{z-index:2;position:absolute}.site-header{justify-content:space-between;align-items:center;height:96px;padding:0 clamp(28px,5.6vw,92px);display:flex;top:0;left:0;right:0}.brand{white-space:nowrap;text-shadow:0 2px 12px #10272a;align-items:center;gap:12px;font-size:19px;font-weight:600;display:inline-flex}.brand-mark{color:#e8c58d;place-items:center;width:30px;height:30px;display:grid}.header-actions{align-items:center;gap:16px;display:flex}.icon-button,.share-button,.dialog-close,.copy-button,.text-command{color:inherit;background:0 0;border:0}.icon-button{color:#e8d9bd;place-items:center;width:42px;height:42px;display:grid}.icon-button:hover{color:#fff}.share-button{white-space:nowrap;background:#102226a6;border:1px solid #f6e2bf8f;border-radius:2px;justify-content:center;align-items:center;gap:10px;height:43px;padding:0 17px;font:14px/1 Microsoft YaHei,sans-serif;display:inline-flex}.share-button:hover{background:#f6e2bf21}.hero-copy{text-shadow:0 2px 18px #0311186b;width:min(500px,43vw);top:49%;left:clamp(32px,10vw,165px);transform:translateY(-50%)}.eyebrow{color:#e1bf83;letter-spacing:2px;white-space:nowrap;align-items:center;gap:13px;font:11px/1.4 Georgia,serif;display:flex}.eyebrow-line{background:#d9af72;flex:none;width:33px;height:1px}.eyebrow-dot{letter-spacing:0;font-size:10px}.recipient-tag{color:#edcf9b;margin:22px 0 -15px;font-size:15px}h1{letter-spacing:0;white-space:nowrap;margin:25px 0 14px;font-size:clamp(62px,6.2vw,96px);font-weight:500;line-height:1.17}.hero-subtitle{color:#efe2ca;white-space:nowrap;margin:0;font-size:clamp(17px,1.35vw,20px);line-height:1.8}.primary-button{color:#153038;background:#e9c994;border:1px solid #e9c994;border-radius:2px;justify-content:space-between;align-items:center;gap:34px;min-width:225px;height:54px;margin-top:36px;padding:0 18px 0 22px;font-size:16px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 9px 35px #010f152b}.primary-button:hover{background:#f5dba9;transform:translateY(-2px)}.primary-button:active{transform:translateY(0)scale(.98);box-shadow:0 4px 18px #010f152e}.hero-actions{flex-direction:column;align-items:flex-start;gap:13px;margin-top:36px;display:flex}.hero-actions .primary-button{margin-top:0}.lantern-button{color:#e8c58d;background:0 0;border:0;align-items:center;gap:8px;margin:0 0 0 2px;padding:5px 0;font-size:14px;transition:color .2s,transform .2s;display:inline-flex}.lantern-button:hover{color:#fff1ce;transform:translateY(-2px)}.lantern-button:active{transform:translateY(0)scale(.98)}.site-footer{color:#e4d5ba;border-top:1px solid #e2cba15c;align-items:center;gap:32px;padding-top:18px;font-size:13px;display:flex;bottom:30px;left:clamp(28px,5.6vw,92px);right:clamp(28px,5.6vw,92px)}.site-footer p{margin:0}.experience-actions{align-items:center;gap:clamp(19px,3vw,46px);display:flex}.experience-actions button{color:#eacb91;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:4px 0;font-size:14px;display:inline-flex}.experience-actions button:hover,.experience-actions button:focus-visible{color:#fff3ce;transform:translateY(-2px)}.experience-actions button:active{transform:translateY(0)scale(.98)}.footer-ornament{color:#b8b1a0;letter-spacing:3px;margin-left:auto;font-size:12px}.dialog-backdrop{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:1;background:#0210176b;justify-content:flex-end;align-items:stretch;padding:0;transition:opacity .36s;display:flex;position:fixed;inset:0}.dialog-backdrop.is-closing{opacity:0;pointer-events:none}.dialog{background:#192e31 url(/paper-grain.png);border-left:1px solid #e4c5926b;border-radius:0;width:min(100%,540px);max-height:100svh;position:relative;overflow:hidden;box-shadow:-24px 0 90px #00000052}.dialog.is-open{animation:.36s cubic-bezier(.2,.7,.2,1) both panel-in}.dialog.is-closing{animation:.28s cubic-bezier(.4,0,1,1) both panel-out}.dialog-close:active{transform:scale(.92)}.dialog-close{transition:color .18s,transform .18s}.dialog-content{scrollbar-color:#6d817b transparent;scrollbar-width:thin;max-height:100svh;overflow-y:auto}.page-toast{z-index:3;color:#f5dfb7;text-align:center;background:#0c2a30e6;border:1px solid #e9c99473;border-radius:2px;align-items:center;gap:9px;max-width:calc(100% - 40px);padding:12px 18px;font-size:14px;animation:.26s cubic-bezier(.2,.7,.2,1) both toast-in;display:inline-flex;position:absolute;top:111px;left:50%;transform:translate(-50%)}.page-toast.is-hiding{animation:.36s both toast-out}.page-toast svg{flex:none}.wish-lantern{left:var(--lantern-left);top:var(--lantern-top);color:#f5dca8;filter:drop-shadow(0 10px 18px #020d1147);transform-origin:50%;background:0 0;border:0;width:52px;height:56px;padding:0;transition:filter .25s,transform .25s;position:absolute;transform:translate(-50%,-50%)}.wish-lantern:hover:not(:disabled),.wish-lantern:focus-visible{filter:drop-shadow(0 0 20px #f6c46c94);transform:translate(-50%,calc(-50% - 4px))}.wish-lantern:active:not(:disabled){transform:translate(-50%,-50%)scale(.98)}.wish-lantern.is-latest{filter:drop-shadow(0 11px 20px #020d114d)drop-shadow(0 0 8px #f6c46c2e)}.wish-lantern.is-latest .wish-lantern-image{transform:translate(-50%,-50%)scale(1.08)}.wish-lantern:disabled{cursor:default}.wish-lantern-image{object-fit:contain;width:70px;height:70px;transform:translate(-50%, -50%) scale(var(--lantern-scale,1));transform-origin:50%;filter:saturate(.92)sepia(.08)drop-shadow(0 5px 8px #f5aa5347);position:absolute;inset:50% auto auto 50%}.wish-lantern.is-rising{animation:1.6s cubic-bezier(.2,.7,.2,1) both wish-lantern-rise}.wish-lantern.is-rising .wish-lantern-image{animation:1.6s cubic-bezier(.2,.7,.2,1) both wish-lantern-image-rise}@keyframes wish-lantern-rise{0%{opacity:1;transform:translate(-50%,-50%)}62%{opacity:1;transform:translate(-50%,calc(-50% - 190px))}to{opacity:0;transform:translate(-50%,calc(-50% - 320px))}}@keyframes wish-lantern-image-rise{0%{transform:translate(-50%, -50%) scale(var(--lantern-scale,1))}62%{transform:translate(-50%, -50%) scale(calc(var(--lantern-scale,1) * .86))}to{transform:translate(-50%, -50%) scale(calc(var(--lantern-scale,1) * .66))}}.lantern-compose h2{margin-bottom:0}.lantern-compose-note{color:#c8d0c4;margin:14px 0 0;font-size:14px;line-height:1.7}.lantern-compose label{color:#e7d6b6;margin:25px 0 9px;font-size:14px;display:block}.lantern-compose-foot{color:#aebdb5;justify-content:space-between;align-items:center;gap:16px;margin-top:10px;font-size:12px;display:flex}.lantern-compose-foot .solid-command{min-height:44px}.dialog-workshop{width:min(100%,580px)}.dialog:before{content:"";pointer-events:none;border:1px solid #e8cb9b24;position:absolute;inset:12px}.dialog-close{z-index:1;color:#dfcfae;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:25px;right:27px}.dialog-close:hover{color:#fff}.dialog-symbol{color:#d9ad71;position:absolute;top:33px;left:49px}.dialog-content{padding:88px 50px 48px}.dialog-kicker{color:#d9ba85;letter-spacing:2px;align-items:center;gap:9px;font-size:13px;display:inline-flex}.dialog h2{text-wrap:balance;margin:23px 0 0;font-size:clamp(27px,5vw,38px);font-weight:500;line-height:1.4}.greeting-subtitle{color:#dabd8d;margin:11px 0 0}.letter-rule{background:#c89d66;width:39px;height:1px;margin:27px 0 26px}.letter-body{color:#eee5d5;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:18px;line-height:2.05}.letter-signature{color:#f1d6a6;text-align:right;margin:38px 0 0;font-size:17px;line-height:2}.letter-signature span{color:#cbbda5;font-size:14px}.text-command{color:#eacb91;align-items:center;gap:9px;margin-top:31px;padding:6px 0;font-size:14px;display:inline-flex}.text-command:hover{color:#fff}.share-preview{background:linear-gradient(90deg,#dfc08814,#0000);border-left:2px solid #ccad75;margin-top:22px;padding:17px 0 17px 22px}.share-preview span{color:#d7bd91;font:11px Microsoft YaHei,sans-serif;display:block}.share-preview strong{margin-top:12px;font-size:23px;font-weight:500;display:block}.share-preview p{-webkit-line-clamp:2;color:#e4ddcf;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:8px 0;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.share-preview small{text-align:right;color:#d7bd91;font-size:12px;display:block}.share-name-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.share-content label{color:#e7d6b6;margin:20px 0 10px;font-size:14px;display:block}.name-input,.link-row input,.share-message,.wish-input{color:#fff4db;background:#0519218c;border:1px solid #e7d3ae5c;border-radius:2px;outline:none;width:100%;font:15px Microsoft YaHei,sans-serif}.name-input,.link-row input{height:48px;padding:0 14px}.share-message,.wish-input{resize:vertical;min-height:96px;padding:13px 14px;line-height:1.7}.name-input::placeholder,.wish-input::placeholder{color:#8eaaa9}.name-input:focus,.link-row input:focus,.share-message:focus,.wish-input:focus{border-color:#eacb91}.link-row{display:flex}.link-row input{border-right:0;border-radius:2px 0 0 2px;min-width:0;font-size:13px}.copy-button{color:#183039;background:#e8c893;border:1px solid #e8c893;border-radius:0 2px 2px 0;flex:0 0 50px;place-items:center;width:50px;height:48px;display:grid}.copy-button:hover{background:#f8dfb3}.share-footnote{color:#bacbc3;min-height:21px;margin:16px 0 0;font-size:13px}.share-actions{grid-template-columns:1fr auto;align-items:start;gap:10px;margin-top:22px;display:grid}.share-actions .link-row{min-width:0}.share-actions .outline-command{min-height:48px}.share-actions .share-footnote{grid-column:1/-1;margin:0}.share-message{height:112px;min-height:85px}.field-label{color:#e7d6b6;margin:22px 0 11px;font-size:14px;display:block}.field-end{color:#aebdb5;justify-content:space-between;align-items:center;gap:16px;font:12px Microsoft YaHei,sans-serif;display:flex}.message-count{justify-content:flex-end;margin-top:7px}.template-options,.stamp-options{border:1px solid #e7d3ae52;border-radius:2px;display:flex}.template-options button,.stamp-options button{color:#d7d8c8;background:0 0;border:0;border-right:1px solid #e7d3ae33;flex:1;min-width:0;height:38px;font-size:14px}.template-options button:last-child,.stamp-options button:last-child{border-right:0}.template-options button.selected,.stamp-options button.selected{color:#153038;background:#e9c994}.template-options button:hover:not(.selected),.stamp-options button:hover:not(.selected){background:#e8c9931a}.solid-command,.outline-command{white-space:nowrap;border-radius:2px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 17px;font:14px Microsoft YaHei,sans-serif;display:inline-flex}.solid-command{color:#153038;background:#e9c994;border:1px solid #e9c994}.solid-command:hover:not(:disabled){background:#f6dca8}.outline-command{color:#ecd4aa;background:0 0;border:1px solid #e9c994a8}.outline-command:hover:not(:disabled){background:#e9c9941a}.solid-command:disabled,.outline-command:disabled{opacity:.5;cursor:not-allowed}.workshop-content{padding:67px 45px 38px}.workshop-content h2{margin-top:13px;font-size:30px}.workshop-tabs{border-bottom:1px solid #e9c99447;grid-template-columns:repeat(2,1fr);margin-top:23px;display:grid}.workshop-tabs button{color:#bbc9c3;background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:8px;height:46px;font-size:14px;display:inline-flex}.workshop-tabs button[aria-selected=true]{color:#f4dba8;border-bottom-color:#e9c994}.workshop-panel{min-height:290px}.panel-lead{color:#d6d6c9;margin:23px 0 0;font-size:15px}.wish-input{height:105px}.wish-status{color:#e9c994;min-height:20px;margin:12px 0 0;font-size:13px}.wish-history{margin-top:18px}.list-heading{color:#ebd8b6;justify-content:space-between;align-items:center;gap:12px;font-size:15px;display:flex}.list-heading small{color:#aebdb5;font-size:12px}.wish-clear-command{color:#c8b88f;margin:0;padding:3px 0;font-size:12px}.wish-clear-command:hover{color:#ffe9b8}.wish-history ul{margin:9px 0 0;padding:0;list-style:none}.wish-history li{color:#e7e0cf;overflow-wrap:anywhere;border-bottom:1px solid #e9c9942b;align-items:center;gap:8px;padding:7px 0;font-size:14px;line-height:1.6;display:flex}.wish-history-view{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;display:inline-flex}.wish-history-view span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wish-history-view:hover{color:#ffe5ae}.wish-history-delete{color:#aebdb5;background:0 0;border:0;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.wish-history-delete:hover,.wish-history-delete:focus-visible{color:#ffcf9d}.mooncake-stage{background:radial-gradient(at 50% 75%,#ae8f6430,#0000 56%),linear-gradient(145deg,#0e262766,#23383442);border-top:1px solid #e7d3ae3d;border-bottom:1px solid #e7d3ae3d;place-items:center;height:285px;display:grid;position:relative;overflow:hidden}.mooncake-stage:before{content:"";filter:blur(14px);background:#010e138c;border-radius:50%;width:235px;height:30px;position:absolute;bottom:40px}.stage-caption-top{color:#caad79;font-size:12px;position:absolute;top:16px;left:20px}.stage-caption{color:#e2d3b9;font-size:13px;position:absolute;bottom:14px}.mooncake-product{--inside-x:46px;--inside-y:11px;filter:drop-shadow(9px 17px 9px #0411126b);width:192px;height:192px;position:relative;transform:rotate(-8deg)}.mooncake-top,.mooncake-inside{border-radius:50%;place-items:center;transition:transform .42s cubic-bezier(.2,.75,.2,1),opacity .28s;display:grid;position:absolute;inset:0}.mooncake-top{z-index:1;background-image:url(/pastry-grain.png), radial-gradient(circle at 38% 30%, #ffe6a4cc, transparent 53%), repeating-conic-gradient(from 4deg, #bd864a 0deg 7deg, var(--crust) 7deg 14deg);background-blend-mode:multiply, screen, normal;box-shadow:inset 0 0 0 10px #7e4b222e,inset -13px -17px 17px #55311a40}.mooncake-face{background:url(/pastry-grain.png), var(--crust);border:5px double #7743257a;border-radius:50%;place-items:center;width:78%;height:78%;display:grid;box-shadow:0 0 0 3px #fada9954,inset 4px 6px 10px #57351d40}.mooncake-face span{color:#794a2e;text-shadow:1px 2px 1px #512c1b66,-1px -1px 1px #ffe8b1b3;border:2px solid #77432561;border-radius:50%;place-items:center;width:106px;height:106px;font:42px/1 Mooncake Brush,STXingkai,KaiTi,cursive;display:grid;transform:rotate(-6deg)}.mooncake-inside{background:url(/pastry-grain.png),#d2a467;box-shadow:inset 0 0 0 14px #ca9254,inset 0 0 0 19px #ffdf9b52}.mooncake-filling{background:url(/pastry-grain.png), var(--filling);border-radius:50%;place-items:center;width:73%;height:73%;display:grid;box-shadow:inset -8px -8px 13px #2b211552}.mooncake-yolk{background:radial-gradient(circle at 36% 27%,#f8cb71,#d9953d 72%);border-radius:50%;width:69px;height:69px;box-shadow:inset -8px -7px 10px #b57432}.mooncake-core{border:2px solid #ffe9b545;border-radius:50%;width:65px;height:65px;box-shadow:inset 0 0 18px #071a134d}.mooncake-product.is-sliced .mooncake-top{transform:translate(-80px,-16px)rotate(-20deg)scale(.75)}.mooncake-product.is-sliced .mooncake-inside{transform:translate(var(--inside-x), var(--inside-y)) rotate(12deg)}.mooncake-product.is-bitten .mooncake-inside{animation:.55s cubic-bezier(.2,.75,.3,1) both mooncake-bite;-webkit-mask-image:radial-gradient(circle at 93% 19%,#0000 0 29px,#000 31px);mask-image:radial-gradient(circle at 93% 19%,#0000 0 29px,#000 31px)}.bite-effect{z-index:2;pointer-events:none;position:absolute;inset:0}.bite-piece{border:7px solid var(--crust);background:var(--filling) url(/pastry-grain.png);border-radius:55% 45% 48% 52%;width:42px;height:36px;animation:.55s ease-out both bite-away;position:absolute;top:34px;right:-20px;box-shadow:0 3px 8px #14110d38}.bite-crumb{background:var(--crust);opacity:0;border-radius:42%;width:7px;height:6px;animation:.62s ease-out both crumb-fly;position:absolute;top:28%;left:96%}.bite-crumb:nth-child(2){--dx:19px;--dy:-27px}.bite-crumb:nth-child(3){--dx:39px;--dy:-2px;animation-delay:60ms}.bite-crumb:nth-child(4){--dx:9px;--dy:25px;animation-delay:.12s}.bite-crumb:nth-child(5){--dx:59px;--dy:-39px;animation-delay:40ms}.bite-crumb:nth-child(6){--dx:48px;--dy:21px;animation-delay:90ms}.bite-crumb:nth-child(7){--dx:27px;--dy:40px;animation-delay:.15s}@keyframes mooncake-bite{0%,to{transform:translate(var(--inside-x), var(--inside-y)) rotate(12deg) scale(1)}35%{transform:translate(var(--inside-x), var(--inside-y)) rotate(12deg) scale(.92)}}@keyframes bite-away{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(65px,-82px)rotate(32deg)}}@keyframes crumb-fly{0%{opacity:.9;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(110deg)}}.flavor-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.flavor-options button{color:#e5dbc8;white-space:nowrap;background:0 0;border:1px solid #e7d3ae52;border-radius:2px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:13px;display:flex}.flavor-options button.selected{color:#ffe2aa;border-color:#e9c994}.flavor-swatch{border:1px solid #ffffff5c;border-radius:50%;flex:0 0 12px;width:12px;height:12px}.stamp-options{width:100%}.panel-actions{justify-content:space-between;gap:12px;margin-top:24px;display:flex}.panel-actions>button{flex:1}.gift-command{width:100%;margin-top:10px}.sign-stage{background:radial-gradient(at 50% 78%,#ae8f6430,#0000 58%),linear-gradient(145deg,#0e262766,#23383442);border-top:1px solid #e7d3ae3d;border-bottom:1px solid #e7d3ae3d;height:300px;margin-top:16px;position:relative;overflow:hidden}.sign-tube{width:146px;height:190px;transform:translateX(-50%) scale(1.12) rotate(var(--shake-tilt,0deg));transform-origin:bottom;filter:drop-shadow(8px 12px 8px #02111245);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;perspective:700px;transition:transform .38s cubic-bezier(.2,.7,.2,1),opacity .38s;position:absolute;bottom:29px;left:50%}.sign-tube:active{cursor:grabbing}.sign-tube:focus-visible{outline-offset:5px;outline:2px solid #f4cf8be0}.sign-tube-inner{z-index:1;background:radial-gradient(at 50% 35%,#171a18 0%,#29251f 52%,#463322 100%);border-radius:50%;width:126px;height:35px;position:absolute;top:43px;left:10px;box-shadow:inset 0 5px 7px #040a09cc,0 2px 1px #e7ba6c38}.sign-tube-shadow{z-index:0;filter:blur(7px);background:#04141580;border-radius:50%;width:126px;height:15px;position:absolute;bottom:3px;left:10px}.sign-tube-foot{z-index:1;background:linear-gradient(#8e683f 0%,#4a3325 60%,#2b2520 100%);border-radius:50%;width:102px;height:20px;position:absolute;bottom:1px;left:22px;box-shadow:0 2px 3px #02111259}.sign-tube-body{z-index:2;clip-path:polygon(1% 0,99% 0,91% 100%,9% 100%);background-image:url(/paper-grain.png),repeating-linear-gradient(90deg,#0000 0 30px,#49301c1a 31px,#0000 33px),linear-gradient(90deg,#4c3325 0%,#977047 12%,#b68c55 30%,#a67d4d 48%,#7d5938 75%,#3f3026 100%);place-items:center;width:126px;display:grid;position:absolute;top:47px;bottom:7px;left:10px;overflow:hidden;box-shadow:inset 17px 0 20px #2c1b1247,inset -17px 0 22px #1e161259}.sign-tube-body:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffdc9724,#0000 28%,#3c251924 72%,#1216153d);position:absolute;inset:0}.sign-tube-body:after{content:"";opacity:.38;mix-blend-mode:multiply;background:repeating-linear-gradient(96deg,#0000 0 17px,#351f142e 18px 19px,#0000 20px 35px);position:absolute;inset:0 12px}.sign-tube-band{background:linear-gradient(#442b1ba6,#b3824547,#2e201959);border-top:1px solid #ebc67e61;border-bottom:1px solid #36221675;width:100%;height:9px;position:absolute;left:0}.sign-tube-band-top{top:12px}.sign-tube-band-bottom{bottom:13px}.sign-tube-emblem{color:#63452f;text-shadow:-1px -1px 1px #f6d392b3,1px 2px 1px #2a19128c;background:radial-gradient(circle at 35% 25%,#f4c7732e,#3a251a29);border:1px solid #4c2f1d70;border-radius:50%;place-items:center;width:65px;height:65px;font:38px Mooncake Brush,STXingkai,KaiTi,cursive;display:grid;position:relative;box-shadow:inset 1px 2px 4px #341f144d,1px 1px 1px #ffda943b}.sign-tube-rim{z-index:3;background:linear-gradient(#d6ac71 0%,#805937 32%,#aa7949 76%,#d1a46b 100%);border:3px solid #c69b63;border-radius:50%;width:138px;height:36px;position:absolute;top:36px;left:4px;box-shadow:0 4px 4px #331f1673,inset 0 1px 2px #ffde9d73}.sign-tube-rim span{z-index:1;background:radial-gradient(at 50% 45%,#29241e 0%,#3f3429 66%,#59422d 100%);border-radius:50%;position:absolute;inset:6px 8px 8px;box-shadow:inset 0 4px 4px #0c0f0e8f,0 1px 1px #f8d18b59}.sign-tube-rim:after{content:none}.sign-tube-front-lip{z-index:5;pointer-events:none;background:linear-gradient(#c69b63 0%,#d5aa6d 40%,#805634 100%);border-radius:0 0 50% 50%/0 0 82% 82%;width:130px;height:18px;position:absolute;top:56px;left:8px;box-shadow:inset 0 2px 2px #ffdd9b3d,0 2px 2px #311e136b}.sign-tube-front-lip:before{content:"";z-index:-1;background:radial-gradient(at 50% 45%,#24211d 0%,#302820 68%,#59412b 100%);border-radius:50%;width:124px;height:11px;position:absolute;top:-6px;left:3px;box-shadow:inset 0 3px 3px #060a098f}.sign-tube-cord{z-index:6;background:linear-gradient(90deg,#6d372e,#a86047 26%,#9b4f3d 70%,#5f302b);border-radius:0 0 50% 50%;width:122px;height:5px;position:absolute;top:68px;left:12px;box-shadow:0 2px 2px #28191366,0 -1px 1px #ecac7b4d}.sign-tube-cord:before{content:"";background:#ab6046;border:1px solid #6f382d;width:10px;height:10px;position:absolute;top:-3px;right:8px;transform:rotate(45deg);box-shadow:1px 1px 2px #2214105c}.sign-tube-cord:after{content:"";background:#9e503d;border-radius:0 0 2px 2px;width:3px;height:25px;position:absolute;top:8px;right:11px;box-shadow:4px -2px #c0724d,1px 2px 2px #23171259}.sign-sticks{z-index:4;pointer-events:none;transform-style:preserve-3d;position:absolute;inset:0}.sign-sticks span{bottom:var(--stick-bottom,132px);width:var(--stick-width,8px);height:var(--stick-height,82px);opacity:var(--stick-opacity,.9);transform:translate3d(var(--stick-x,0px), 0, var(--stick-depth,0px)) rotate(var(--stick-rotate,0deg));transform-origin:bottom;background:linear-gradient(90deg,#75502f,#dbad6c 35%,#e4bc7e 52%,#91633a 100%);border-radius:3px 3px 0 0;transition:transform .2s ease-out;position:absolute;left:50%;box-shadow:2px 2px 3px #0211124d}.sign-sticks span:before{content:"";background:#ffe0a666;border-radius:2px;width:2px;height:22%;position:absolute;top:3px;left:1px}.sign-sticks span:after{content:"";background:#5c351b40;width:1px;position:absolute;top:8px;bottom:0;left:2px}.sign-sticks .drawn-stick{z-index:3;opacity:0}.sign-stage.is-shaking .sign-tube{will-change:transform;animation:1.6s cubic-bezier(.28,.8,.34,1) both sign-shake}.sign-stage.is-shaking .sign-sticks span:not(.drawn-stick){animation:1.6s cubic-bezier(.25,.72,.3,1) both stick-jostle}.sign-stage.is-revealing .drawn-stick{animation:1.2s cubic-bezier(.2,.82,.3,1) both stick-rise}.sign-stage.has-sign:not(.is-shaking) .sign-tube{opacity:.55;transform:translate(calc(-50% - 124px))scale(.7)}.sign-intro{color:#d6cab2;text-align:center;letter-spacing:.04em;justify-content:center;align-items:center;gap:7px;width:100%;font-size:13px;display:flex;position:absolute;bottom:22px;left:0}.sign-stage.has-sign .sign-intro{bottom:2px}.sign-stage.has-sign .shake-meter{display:none}.sign-collapse-command{color:#ead4a8;min-height:24px;font:inherit;letter-spacing:.04em;background:0 0;border:0;border-bottom:1px solid #e7d3ae6b;border-radius:0;align-items:center;gap:7px;padding:0 8px;display:inline-flex}.sign-collapse-command:hover,.sign-collapse-command:focus-visible{color:#fff0c9;border-bottom-color:#e8c67f}.shake-meter{background:#e7d3ae2e;border-radius:2px;width:92px;height:2px;position:absolute;bottom:13px;left:50%;overflow:hidden;transform:translate(-50%)}.shake-meter span{transform-origin:0;width:100%;height:100%;transform:scaleX(var(--shake-progress,0));background:#d3a361;transition:transform .18s ease-out;display:block}.sign-keyboard-command{opacity:.72;font-size:12px;flex:none!important}.phone-shake-command{display:none!important}.phone-shake-status{color:#d8c5a0;text-align:center;margin:10px 0 0;font-size:12px;line-height:1.6}.poem-paper{z-index:2;pointer-events:none;text-align:center;color:#38413d;transform-origin:top;background:#e6d3ac url(/paper-grain.png);width:min(87%,360px);min-height:254px;padding:33px 23px;animation:.75s cubic-bezier(.2,.75,.3,1) both sign-unroll;position:absolute;top:19px;left:50%;transform:translate(-50%);box-shadow:10px 14px 25px #02111261,inset 0 0 18px #8b63342e}.poem-paper:not(.is-settled){will-change:transform, opacity}.poem-paper:before,.poem-paper:after{content:"";background:#e9c99447;height:1px;position:absolute;left:15%;right:15%}.poem-paper:before{background:#77532b47;top:14px}.poem-paper:after{background:#77532b47;bottom:12px}.poem-index{color:#9c6f4a;font-size:13px}.poem-paper h3{margin:18px 0 12px;font-size:30px;font-weight:500}.poem-paper p{color:#48524a;white-space:pre-line;margin:0;font-size:17px;line-height:1.9}.poem-seal{color:#ae5b47;border:1px solid #a75845;place-items:center;width:30px;height:30px;font:23px Mooncake Brush,KaiTi,cursive;display:grid;position:absolute;bottom:20px;right:9%}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes panel-in{0%{opacity:.65;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@keyframes panel-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(28px)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}@keyframes sign-shake{0%,to{transform:translate(-50%)scale(1.12)rotate(0)}18%{transform:translate(calc(-50% - 5px))scale(1.12)rotate(-8deg)}36%{transform:translate(calc(5px - 50%))scale(1.12)rotate(9deg)}54%{transform:translate(calc(-50% - 4px))scale(1.12)rotate(-7deg)}72%{transform:translate(calc(3px - 50%))scale(1.12)rotate(5deg)}}@keyframes stick-rise{0%{opacity:0;transform:translate3d(var(--stick-x), 0, 5px) rotate(var(--stick-rotate))}18%{opacity:1;transform:translate3d(var(--stick-x), -9px, 5px) rotate(calc(var(--stick-rotate) - 2deg))}58%{opacity:1;transform:translate3d(calc(var(--stick-x) + 7px), -82px, 5px) rotate(8deg)}to{opacity:0;transform:translate3d(calc(var(--stick-x) + 14px), -128px, 5px) rotate(14deg)}}@keyframes stick-jostle{0%,to{transform:translate3d(var(--stick-x), 0, var(--stick-depth)) rotate(var(--stick-rotate))}20%{transform:translate3d(calc(var(--stick-x) - 3px), 2px, var(--stick-depth)) rotate(calc(var(--stick-rotate) - 5deg))}44%{transform:translate3d(calc(var(--stick-x) + 4px), -2px, var(--stick-depth)) rotate(calc(var(--stick-rotate) + 6deg))}68%{transform:translate3d(calc(var(--stick-x) - 2px), 1px, var(--stick-depth)) rotate(calc(var(--stick-rotate) - 3deg))}}@keyframes sign-unroll{0%{opacity:.45;transform:translate(-50%,38px)scaleY(.64)}72%{opacity:1;transform:translate(-50%,-2px)scaleY(1.02)}to{transform:translate(-50%)scaleY(1)}}@media (width<=700px){.page{min-height:600px}.scene-wrap:after{background:linear-gradient(#0000 48%,#071519d1)}.site-header{height:76px;padding:0 23px}.brand{gap:7px;font-size:17px}.brand-mark{width:25px}.header-actions{gap:4px}.share-button{gap:6px;height:39px;padding:0 11px;font-size:13px}.icon-button{width:38px}.hero-copy{width:auto;inset:auto 28px 145px;transform:none}.eyebrow{letter-spacing:1.3px;gap:9px;font-size:10px}.eyebrow-line{width:24px}.recipient-tag{margin:19px 0 -12px;font-size:13px}h1{margin:16px 0 8px;font-size:clamp(48px,12vw,62px)}.hero-subtitle{white-space:normal;font-size:16px}.hero-actions{gap:11px;margin-top:22px}.primary-button{min-width:205px;height:48px;margin-top:0;font-size:15px}.lantern-button{margin-left:2px}.site-footer{left:28px;right:28px;bottom:max(20px, env(safe-area-inset-bottom));justify-content:space-between;gap:8px;padding-top:15px;font-size:11px}.site-footer p{display:none}.experience-actions{justify-content:space-around;gap:6px;width:100%}.experience-actions button{justify-content:center;gap:6px;min-width:62px;font-size:13px}.footer-ornament{display:none}.dialog-backdrop{align-items:flex-end}.dialog,.dialog-workshop{border:1px solid #e4c5926b;border-bottom:0;border-radius:8px 8px 0 0;width:100%;max-height:85svh;animation-name:sheet-in;box-shadow:0 -20px 80px #0000005c}.dialog-content{max-height:85svh;padding:70px 30px calc(36px + env(safe-area-inset-bottom))}.dialog-symbol{top:30px;left:30px}.dialog-close{top:19px;right:22px}.dialog h2{font-size:26px}.letter-body{font-size:16px}.wish-lantern{width:44px;height:44px}.wish-lantern-image{width:52px;height:52px}.wish-lantern.is-rising{animation-name:wish-lantern-rise-mobile}.wish-lantern.is-rising .wish-lantern-image{animation-name:wish-lantern-image-rise-mobile}.wish-lantern:hover:not(:disabled),.wish-lantern:focus-visible{transform:translate(-50%,calc(-50% - 4px))}.lantern-compose-foot{align-items:flex-end}.workshop-content{padding:66px 27px calc(32px + env(safe-area-inset-bottom))}.workshop-content h2{font-size:25px}.workshop-tabs{margin-top:17px}.mooncake-stage{height:240px}.mooncake-product{--inside-x:38px;--inside-y:9px;width:160px;height:160px}.mooncake-face span{width:87px;height:87px;font-size:34px}.mooncake-yolk{width:59px;height:59px}.mooncake-product.is-sliced .mooncake-top{transform:translate(-64px,-13px)rotate(-20deg)scale(.75)}.mooncake-product.is-bitten .mooncake-inside{-webkit-mask-image:radial-gradient(circle at 93% 19%,#0000 0 25px,#000 27px);mask-image:radial-gradient(circle at 93% 19%,#0000 0 25px,#000 27px)}.bite-piece{width:36px;height:32px;right:-16px}.flavor-options button{font-size:12px}.page-toast{font-size:12px;top:85px}.share-actions{grid-template-columns:1fr}.share-actions .outline-command{width:100%}.phone-shake-command{display:inline-flex!important}}@keyframes wish-lantern-rise-mobile{0%{opacity:1;transform:translate(-50%,-50%)}62%{opacity:1;transform:translate(-50%,calc(-50% - 140px))}to{opacity:0;transform:translate(-50%,calc(-50% - 235px))}}@keyframes wish-lantern-image-rise-mobile{0%{transform:translate(-50%, -50%) scale(var(--lantern-scale,1))}62%{transform:translate(-50%, -50%) scale(calc(var(--lantern-scale,1) * .86))}to{transform:translate(-50%, -50%) scale(calc(var(--lantern-scale,1) * .66))}}@media (width<=370px){.hero-copy{bottom:124px}.hero-subtitle{font-size:15px}.share-name-row{grid-template-columns:1fr;gap:0}.flavor-options button{flex-direction:column;gap:3px;padding:4px 0}.panel-actions{flex-direction:column}}@media (height<=700px) and (width>=701px){.site-header{height:78px}.hero-copy{top:46%}h1{margin:17px 0 10px;font-size:64px}.primary-button{margin-top:23px}.site-footer{bottom:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@keyframes sheet-in{0%{opacity:.7;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}