:root{--plum-deep:#0a0518;--plum-mid:#1a0a2e;--plum-warm:#2d1b4e;--plum-wine:#3a1a3f;--cream:#fef6e4;--cream-soft:hsla(42,93%,95%,.7);--cream-mute:hsla(42,93%,95%,.45);--cream-faint:hsla(42,93%,95%,.18);--gold:#f8d180;--gold-bright:#ffd896;--gold-soft:hsla(41,90%,74%,.4);--gold-faint:hsla(41,90%,74%,.15);--pink:#fbc2eb;--pink-soft:rgba(251,194,235,.4);--lavender:#d4baf7;--font-cjk:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif;--font-hand:"Ma Shan Zheng","LXGW WenKai","Kaiti SC","KaiTi","STKaiti",cursive}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:var(--font-cjk);background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(94,38,110,.35) 0,transparent 60%),radial-gradient(ellipse 60% 80% at 100% 100%,rgba(58,26,63,.4) 0,transparent 55%),radial-gradient(ellipse at top,var(--plum-warm) 0,var(--plum-mid) 45%,var(--plum-deep) 100%);color:var(--cream);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html,main{overflow:hidden}main{position:relative;width:100vw;height:100vh;height:100dvh}.scene-3d{position:fixed;inset:0;z-index:1}.scene-3d canvas{display:block}.stage{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;padding:24px;z-index:5}.stage--split{flex-direction:column;justify-content:space-between;padding:3vh 24px 7vh;pointer-events:none}.stage--split>*{pointer-events:auto}.welcome-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:3vh 24px 7vh}.welcome-top{text-align:center;margin-top:.5vh}.welcome-bottom{display:flex;flex-direction:column;align-items:center;gap:18px;margin-bottom:.5vh}.kicker{font-size:10px;letter-spacing:8px;color:var(--gold);margin-bottom:16px;text-transform:uppercase;opacity:.85}.kicker,.title{font-weight:300}.title{font-size:30px;margin-bottom:6px;color:var(--cream);letter-spacing:6px;line-height:1.5;text-shadow:0 0 30px var(--pink-soft)}.title .char{display:inline-block;will-change:transform,opacity}.subtitle-text{color:var(--cream-soft);letter-spacing:4px}.btn,.subtitle-text{font-size:13px;font-weight:300}.btn{background:hsla(0,0%,100%,.04);border:1px solid var(--gold-soft);color:var(--cream);padding:14px 42px;border-radius:28px;cursor:pointer;letter-spacing:5px;font-family:inherit;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 0 hsla(41,90%,74%,0);transition:background .45s ease,border-color .45s ease,box-shadow .45s ease,transform .25s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,hsla(41,90%,74%,.15) 50%,transparent 70%);transform:translateX(-100%);transition:transform .8s ease;pointer-events:none}.btn:hover{background:hsla(41,90%,74%,.08);border-color:hsla(41,90%,74%,.7);box-shadow:0 0 28px hsla(41,90%,74%,.25);transform:translateY(-2px)}.btn:hover:before{transform:translateX(100%)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.open-btn{background:hsla(0,0%,100%,.04);border:1px solid var(--gold-soft);color:var(--cream);padding:14px 42px;border-radius:28px;font-size:13px;cursor:pointer;letter-spacing:5px;font-family:inherit;font-weight:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .4s ease}.open-btn:hover{background:hsla(41,90%,74%,.08);border-color:hsla(41,90%,74%,.7);box-shadow:0 0 28px hsla(41,90%,74%,.25)}.blow-btn{background:hsla(0,0%,100%,.04);border:1px solid var(--gold-soft);color:var(--cream);padding:16px 44px;border-radius:30px;font-size:14px;cursor:pointer;letter-spacing:5px;font-family:inherit;font-weight:300;display:inline-flex;align-items:center;gap:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .4s ease;margin-top:auto}.blow-btn:hover{background:hsla(41,90%,74%,.08);border-color:hsla(41,90%,74%,.7);box-shadow:0 0 28px hsla(41,90%,74%,.25)}.blow-icon{font-size:16px}.blow-text{white-space:nowrap}.cake-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:3vh 20px 7vh}.cake-top{text-align:center;margin-top:.5vh}.cake-bottom{display:flex;flex-direction:column;align-items:center;gap:22px;margin-bottom:.5vh}.cake-title{font-size:26px;color:var(--cream);letter-spacing:10px;text-shadow:0 0 30px hsla(41,90%,74%,.4)}.cake-subtitle,.cake-title{font-weight:300;text-align:center}.cake-subtitle{font-size:13px;color:var(--cream-soft);letter-spacing:4px;line-height:1.9}.gift-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:3vh 20px 7vh}.gift-top{text-align:center;margin-top:.5vh}.gift-bottom{display:flex;flex-direction:column;align-items:center;gap:22px;margin-bottom:.5vh}.gift-title{font-size:26px;color:var(--cream);letter-spacing:8px;text-shadow:0 0 30px hsla(41,90%,74%,.4)}.gift-subtitle,.gift-title{font-weight:300;text-align:center}.gift-subtitle{font-size:13px;color:var(--cream-soft);letter-spacing:4px;line-height:1.9}.blow-loader{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);border-radius:1px;width:0;box-shadow:0 0 20px var(--gold)}.letter-content{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:24px 16px}.letter-card{position:relative;max-width:520px;width:94%;min-height:580px;background-color:#fcf5e6;background-image:radial-gradient(ellipse at 25% 18%,rgba(255,252,240,.55) 0,transparent 55%),radial-gradient(ellipse at 80% 90%,hsla(43,51%,82%,.35) 0,transparent 60%),repeating-linear-gradient(98deg,rgba(160,130,80,.025),rgba(160,130,80,.025) 1px,transparent 0,transparent 3px),repeating-linear-gradient(7deg,rgba(140,110,60,.02),rgba(140,110,60,.02) 1px,transparent 0,transparent 4px),linear-gradient(155deg,#fffbf2,#fcf3df 60%,#f7ebd1);padding:60px 46px 96px;border-radius:3px;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px hsla(37,53%,64%,.35),0 0 60px hsla(37,53%,64%,.18),inset 0 0 80px hsla(37,53%,64%,.07);transform-style:preserve-3d;display:flex;flex-direction:column}.letter-card:after,.letter-card:before{content:"";position:absolute;width:28px;height:28px;border:1px solid rgba(196,154,84,.55);pointer-events:none}.letter-card:before{top:14px;left:14px;border-right:none;border-bottom:none}.letter-card:after{bottom:14px;right:14px;border-left:none;border-top:none}.seal{position:absolute;top:-30px;right:36px;width:64px;height:64px;background:radial-gradient(circle at 32% 30%,#ff7a8d,#c93550 55%,#8a1f37 100%);color:hsla(0,0%,100%,.96);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:400;font-family:var(--font-hand);box-shadow:0 10px 25px rgba(170,50,75,.45),inset 0 -3px 0 rgba(0,0,0,.18),inset 0 3px 0 hsla(0,0%,100%,.18);border:1.5px dashed hsla(0,0%,100%,.45);text-shadow:0 1px 2px rgba(0,0,0,.28)}.letter-corner{position:absolute;font-size:14px;color:rgba(196,154,84,.55);font-family:serif;letter-spacing:2px}.letter-corner.top-left{top:22px;left:28px}.letter-corner.bottom-right{bottom:22px;right:28px}.letter-body{font-family:var(--font-hand);color:#4a3b2c;line-height:2.1;font-size:19px;letter-spacing:1px;word-break:keep-all;overflow-wrap:normal}.line{margin-bottom:10px;display:block}.letter-char,.line{will-change:transform,opacity,filter}.letter-char{display:inline-block}.line-greeting{font-size:22px;color:#6b4a2c;margin-bottom:18px;font-weight:400;letter-spacing:2px}.line-signature{text-align:right;margin-top:32px;color:#95774a;font-size:22px;position:relative;padding-top:12px}.line-signature:before{content:"";position:absolute;top:0;right:0;width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(196,154,84,.6))}.line-signature .name{color:#c93550;font-weight:400;margin:0 4px;letter-spacing:2px}.line-date{text-align:right;font-size:12px;color:#a88865;margin-top:8px;letter-spacing:5px;font-family:"Quicksand",var(--font-cjk),sans-serif}.line-spacer{height:14px}.replay-btn-wrap{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:2}.replay-btn-wrap>*{pointer-events:auto}.replay-btn{background:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(107,74,44,.35);color:#6b4a2c;padding:11px 32px;border-radius:26px;font-size:12px;cursor:pointer;letter-spacing:5px;font-family:inherit;transition:all .3s}.replay-btn:hover{background:hsla(0,0%,100%,.7);border-color:rgba(107,74,44,.55);box-shadow:0 0 16px hsla(37,53%,64%,.35)}.audio-btn{bottom:max(22px,env(safe-area-inset-bottom));right:max(22px,env(safe-area-inset-right));width:42px;height:42px;border-radius:50%;background:rgba(255,245,230,.04);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(41,90%,74%,.25);cursor:pointer;z-index:100;font-size:14px;color:var(--cream);transition:background .3s,border-color .3s,transform .2s;display:flex;align-items:center;justify-content:center;position:fixed}.audio-btn:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:radial-gradient(circle,hsla(41,90%,74%,.5) 0,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:-1}.audio-btn:hover{background:rgba(255,245,230,.1);border-color:hsla(41,90%,74%,.55);transform:scale(1.05)}.audio-btn.is-playing:before{opacity:1;animation:audio-breathe 2.6s ease-in-out infinite}@keyframes audio-breathe{0%,to{opacity:.35;transform:scale(.95)}50%{opacity:1;transform:scale(1.12)}}.music-hint{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:var(--cream-mute);letter-spacing:3px}.music-pulse{display:inline-block;color:var(--gold);font-size:13px;text-shadow:0 0 10px hsla(41,90%,74%,.6)}.mic-panel{flex-direction:column;gap:16px;padding:24px 36px;background:rgba(255,245,230,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(41,90%,74%,.25);border-radius:24px;box-shadow:0 0 50px hsla(41,90%,74%,.15),inset 0 0 30px hsla(0,0%,100%,.04)}.mic-icon-wrap,.mic-panel{display:flex;align-items:center}.mic-icon-wrap{position:relative;width:80px;height:80px;justify-content:center}.mic-icon{font-size:38px;z-index:2;filter:drop-shadow(0 0 16px rgba(248,209,128,.6))}.mic-ripple{position:absolute;inset:0;border-radius:50%;border:2px solid hsla(41,90%,74%,.7);z-index:1}.mic-text{font-size:14px;color:hsla(42,93%,95%,.85);letter-spacing:4px}.mic-meter{width:220px;height:4px;background:rgba(255,245,230,.1);border-radius:2px;overflow:hidden}.mic-meter-fill{height:100%;background:linear-gradient(90deg,var(--gold),#f5576c);box-shadow:0 0 12px var(--gold);width:0}.mic-cancel{background:transparent;border:1px solid hsla(42,93%,95%,.25);color:hsla(42,93%,95%,.6);padding:6px 18px;border-radius:16px;font-size:11px;letter-spacing:4px;cursor:pointer;font-family:inherit;transition:all .2s}.mic-cancel:hover{border-color:hsla(42,93%,95%,.5);color:hsla(42,93%,95%,.9)}.wishes-content{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:24px 16px}.wishes-card{max-width:480px;width:96%;text-align:center}.wishes-kicker{font-size:10px;letter-spacing:8px;color:var(--gold);margin-bottom:32px;text-transform:uppercase}.wishes-lines{display:flex;flex-direction:column;gap:14px;margin-bottom:36px;min-height:280px}.wish-line{font-family:var(--font-hand);font-size:26px;color:var(--cream);letter-spacing:2px;line-height:1.5;text-shadow:0 0 24px var(--pink-soft)}.wish-text{display:inline}.typing-cursor{display:inline-block;margin-left:2px;color:var(--gold);font-weight:100;text-shadow:0 0 8px hsla(41,90%,74%,.8)}.wish-input-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}.wish-input-label{font-size:13px;color:hsla(42,93%,95%,.6);letter-spacing:3px;margin-bottom:4px}.wish-input-row{display:flex;gap:10px;width:100%;max-width:360px}.wish-input{flex:1 1;background:rgba(255,245,230,.04);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(41,90%,74%,.25);color:var(--cream);padding:10px 16px;border-radius:22px;font-size:14px;font-family:inherit;outline:none;letter-spacing:2px;transition:border-color .2s,box-shadow .2s}.wish-input:focus{border-color:hsla(41,90%,74%,.65);box-shadow:0 0 18px hsla(41,90%,74%,.2)}.wish-input::placeholder{color:hsla(42,93%,95%,.35)}.wish-submit{background:hsla(41,90%,74%,.15);border:1px solid var(--gold-soft);color:var(--cream);padding:10px 22px;border-radius:22px;font-size:13px;cursor:pointer;letter-spacing:4px;font-family:inherit;transition:all .2s}.wish-submit:hover:not(:disabled){background:hsla(41,90%,74%,.25);box-shadow:0 0 20px hsla(41,90%,74%,.3)}.wish-submit:disabled{opacity:.4;cursor:not-allowed}.wish-skip{background:transparent;border:none;color:var(--cream-mute);font-size:12px;cursor:pointer;letter-spacing:3px;font-family:inherit;padding:6px 12px;transition:color .2s}.wish-skip:hover{color:var(--cream-soft)}.wish-submitted{display:flex;gap:12px;font-size:16px;color:var(--gold);letter-spacing:4px;margin-top:12px}.wish-check,.wish-submitted{align-items:center;justify-content:center}.wish-check{display:inline-flex;width:28px;height:28px;border-radius:50%;background:hsla(41,90%,74%,.2);border:1px solid hsla(41,90%,74%,.55);font-size:14px}.finale-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:8vh 20px}.finale-card{text-align:center;max-width:700px;width:96%}.finale-kicker{font-size:11px;letter-spacing:12px;color:var(--gold);margin-bottom:32px;text-transform:uppercase;opacity:.85}.finale-title{font-family:var(--font-hand);font-size:60px;font-weight:400;color:var(--cream);letter-spacing:8px;line-height:1.4;margin-bottom:36px;text-shadow:0 0 40px var(--pink-soft),0 0 80px hsla(41,90%,74%,.25)}.finale-char{display:inline-block;will-change:transform,opacity,filter}.finale-sub{font-size:14px;color:var(--cream-soft);letter-spacing:6px;margin-bottom:44px;font-family:var(--font-hand)}.finale-emoji-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:40px;font-family:var(--font-cjk);font-size:22px;letter-spacing:2px;color:var(--cream)}.finale-kaomoji{text-shadow:0 0 18px var(--pink-soft);white-space:nowrap}.finale-heart{display:inline-block;color:#e63946;font-size:28px;line-height:1;text-shadow:0 0 16px rgba(230,57,70,.55)}.transition-flash{position:fixed;inset:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at center,hsla(41,90%,74%,.15) 0,transparent 60%);opacity:0}@media (max-width:480px){.kicker{letter-spacing:6px}.title{font-size:24px;letter-spacing:4px}.subtitle-text{font-size:12px;letter-spacing:2px}.open-btn{padding:12px 34px;letter-spacing:4px}.cake-title{font-size:22px;letter-spacing:6px}.cake-subtitle{font-size:12px}.gift-title{font-size:22px;letter-spacing:5px}.gift-subtitle{font-size:12px}.blow-btn{padding:14px 36px;letter-spacing:4px;font-size:13px}.letter-card{padding:48px 26px 110px;height:580px;min-height:0}.letter-body{font-size:16px;line-height:1.85;letter-spacing:.5px}.line-greeting{font-size:18px;margin-bottom:12px}.line{margin-bottom:6px}.line-signature{font-size:18px;margin-top:18px;padding-top:8px}.line-date{font-size:11px;margin-top:4px;letter-spacing:4px}.line-spacer{height:8px}.replay-btn-wrap{bottom:18px}.replay-btn{padding:9px 28px;font-size:11px;letter-spacing:4px}.seal{width:54px;height:54px;top:-26px;right:22px}.seal,.wish-line{font-size:22px}.finale-title{font-size:40px;letter-spacing:4px}.finale-sub{letter-spacing:4px;font-size:13px}.finale-emoji-row{font-size:18px;gap:10px;margin-bottom:32px}.finale-heart{font-size:24px}.mic-meter{width:180px}}@media (max-height:700px) and (max-width:480px){.cake-subtitle{margin-bottom:0}.blow-btn{padding:12px 30px}.letter-card{height:520px;padding:36px 22px 96px}.letter-body{font-size:15px;line-height:1.8}.wishes-lines{min-height:220px;margin-bottom:24px}.finale-title{font-size:32px}}@media (max-height:600px){.cake-content,.gift-content,.welcome-content{padding:4vh 20px 6vh}.finale-title{font-size:44px}}