*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#ec4899;--primary-hover:#db2777;--accent-purple:#8b5cf6;--bg-gradient:linear-gradient(135deg, #090a10 0%, #151828 40%, #1e1333 75%, #0c0a15 100%);--card-bg:#16182abf;--card-shadow:0 20px 50px #00000080, 0 0 30px #8b5cf626;--text-main:#f8fafc;--text-muted:#94a3b8;--border-subtle:#ffffff1f;--border-glow:#ec48994d}body{background:var(--bg-gradient);min-height:100vh;color:var(--text-main);background-attachment:fixed;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;display:flex;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(1.5px 1.5px at 15% 15%,#ffffffe6 100%,#0000),radial-gradient(2px 2px at 35% 65%,#fffc 100%,#0000),radial-gradient(1px 1px at 50% 20%,#ffffffb3 100%,#0000),radial-gradient(2px 2px at 75% 35%,#f472b6e6 100%,#0000),radial-gradient(1.5px 1.5px at 85% 70%,#ffffffd9 100%,#0000),radial-gradient(1px 1px at 25% 80%,#c084fccc 100%,#0000),radial-gradient(2px 2px at 60% 85%,#ffffffbf 100%,#0000),radial-gradient(1.5px 1.5px at 90% 15%,#ffffffe6 100%,#0000),radial-gradient(1px 1px at 10% 45%,#fff9 100%,#0000),radial-gradient(2px 2px at 45% 45%,#a855f7b3 100%,#0000),radial-gradient(1.5px 1.5px at 70% 90%,#fffc 100%,#0000);background-size:550px 550px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#8b5cf61f 0%,#ec489914 45%,#0000 70%);width:600px;height:600px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#app{z-index:1;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem;display:flex;position:relative}.home-card[data-v-ed20af13]{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);text-align:center;width:100%;box-shadow:var(--card-shadow);border-radius:28px;padding:3.5rem 2rem 3rem;position:relative;overflow:hidden}.header-badge[data-v-ed20af13]{letter-spacing:.25em;color:#f472b6;text-transform:uppercase;background:#f472b61f;border:1px solid #f472b640;border-radius:50px;margin-bottom:1.5rem;padding:.4rem 1.2rem;font-size:.75rem;font-weight:700;display:inline-block}.envelope-wrapper[data-v-ed20af13]{justify-content:center;margin-bottom:1.2rem;display:flex}.envelope-icon[data-v-ed20af13]{background:radial-gradient(circle,#ec48992e 0%,#0000 70%);border-radius:50%;padding:.8rem;font-size:4.5rem;line-height:1;animation:5s ease-in-out infinite floatSoft-ed20af13;display:inline-block}.letter-title[data-v-ed20af13]{background:linear-gradient(135deg,#fff 0%,#f472b6 60%,#c084fc 100%);-webkit-text-fill-color:transparent;letter-spacing:.08em;-webkit-background-clip:text;margin-bottom:.6rem;font-size:2.3rem;font-weight:800;line-height:1.3}.letter-subtitle[data-v-ed20af13]{color:var(--text-muted);letter-spacing:.2em;margin-bottom:2rem;font-size:.95rem}.divider[data-v-ed20af13]{background:linear-gradient(90deg,#0000,#f472b699,#0000);width:60px;height:2px;margin:0 auto 2rem}.open-btn[data-v-ed20af13]{color:#fff;cursor:pointer;letter-spacing:.05em;background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);border:none;border-radius:50px;justify-content:center;align-items:center;gap:.6rem;width:100%;max-width:280px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 8px 25px #ec489959}.btn-icon[data-v-ed20af13]{transition:transform .3s}.open-btn[data-v-ed20af13]:hover{background:linear-gradient(135deg,#f472b6 0%,#a855f7 100%);transform:translateY(-3px)scale(1.02);box-shadow:0 14px 35px #ec489980}.open-btn:hover .btn-icon[data-v-ed20af13]{transform:scale(1.15)rotate(-6deg)}.open-btn[data-v-ed20af13]:active{transform:translateY(1px)scale(.98);box-shadow:0 6px 18px #ec489959}@keyframes floatSoft-ed20af13{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=480px){.home-card[data-v-ed20af13]{padding:2.5rem 1.5rem 2rem}.letter-title[data-v-ed20af13]{font-size:1.85rem}.envelope-icon[data-v-ed20af13]{font-size:3.8rem}}.prank-card[data-v-13387edb]{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);text-align:center;width:100%;box-shadow:var(--card-shadow);border-radius:28px;padding:3.5rem 2rem 3rem;position:relative;overflow:hidden}.header-badge[data-v-13387edb]{letter-spacing:.25em;color:#f472b6;text-transform:uppercase;background:#f472b61f;border:1px solid #f472b640;border-radius:50px;margin-bottom:1.5rem;padding:.4rem 1.2rem;font-size:.75rem;font-weight:700;display:inline-block}.emoji-wrapper[data-v-13387edb]{justify-content:center;margin-bottom:1.2rem;display:flex}.prank-emoji[data-v-13387edb]{background:radial-gradient(circle,#ec48992e 0%,#0000 70%);border-radius:50%;padding:.8rem;font-size:4.5rem;line-height:1;animation:4s ease-in-out infinite floatSoft-13387edb;display:inline-block}.prank-text[data-v-13387edb]{background:linear-gradient(135deg,#fff 0%,#f472b6 60%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.8rem;font-size:1.65rem;font-weight:800;line-height:1.6}.divider[data-v-13387edb]{background:linear-gradient(90deg,#0000,#f472b699,#0000);width:60px;height:2px;margin:0 auto 1.8rem}.next-btn[data-v-13387edb]{color:#fff;cursor:pointer;letter-spacing:.05em;background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);border:none;border-radius:50px;justify-content:center;align-items:center;gap:.6rem;width:100%;max-width:280px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 8px 25px #ec489959}.btn-icon[data-v-13387edb]{transition:transform .3s}.next-btn[data-v-13387edb]:hover{background:linear-gradient(135deg,#f472b6 0%,#a855f7 100%);transform:translateY(-3px)scale(1.02);box-shadow:0 14px 35px #ec489980}.next-btn:hover .btn-icon[data-v-13387edb]{transform:scale(1.2)rotate(12deg)}.next-btn[data-v-13387edb]:active{transform:translateY(1px)scale(.98);box-shadow:0 6px 18px #ec489959}@keyframes floatSoft-13387edb{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (width<=480px){.prank-card[data-v-13387edb]{padding:2.5rem 1.5rem 2rem}.prank-text[data-v-13387edb]{font-size:1.35rem}.prank-emoji[data-v-13387edb]{font-size:3.8rem}}.confetti-card[data-v-7f4c2c02]{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);text-align:center;width:100%;box-shadow:var(--card-shadow);border-radius:28px;padding:3rem 1.8rem 2.5rem;position:relative;overflow:hidden}.header-badge[data-v-7f4c2c02]{letter-spacing:.25em;color:#f472b6;text-transform:uppercase;background:#f472b61f;border:1px solid #f472b640;border-radius:50px;margin-bottom:1.2rem;padding:.4rem 1.2rem;font-size:.75rem;font-weight:700;display:inline-block}.emoji-wrapper[data-v-7f4c2c02]{justify-content:center;margin-bottom:1rem;display:flex}.final-emoji[data-v-7f4c2c02]{background:radial-gradient(circle,#ec48992e 0%,#0000 70%);border-radius:50%;padding:.8rem;font-size:4rem;line-height:1;animation:4.5s ease-in-out infinite floatSoft-7f4c2c02;display:inline-block}.letter-body[data-v-7f4c2c02]{color:#f1f5f9;letter-spacing:.04em;text-align:justify;background:#ffffff0a;border:1px solid #f472b633;border-radius:20px;margin-bottom:1.8rem;padding:1.3rem 1.2rem;font-size:.98rem;line-height:1.85;box-shadow:inset 0 0 20px #ec48990a}.timer-section[data-v-7f4c2c02]{margin-bottom:1.8rem}.timer-title[data-v-7f4c2c02]{color:#f472b6;letter-spacing:.1em;justify-content:center;align-items:center;gap:.4rem;margin-bottom:.2rem;font-size:1.05rem;font-weight:800;display:flex}.timer-subtitle[data-v-7f4c2c02]{color:var(--text-muted);letter-spacing:.1em;margin-bottom:1rem;font-size:.75rem}.timer-grid[data-v-7f4c2c02]{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.timer-card[data-v-7f4c2c02]{background:#ffffff0d;border:1px solid #f472b640;border-radius:16px;flex-direction:column;align-items:center;padding:.7rem .2rem;display:flex;box-shadow:0 4px 15px #0003}.timer-number[data-v-7f4c2c02]{background:linear-gradient(135deg,#fff 0%,#f472b6 60%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.45rem;font-weight:800;line-height:1.2}.timer-unit[data-v-7f4c2c02]{color:var(--text-muted);margin-top:.25rem;font-size:.7rem;font-weight:600}.divider[data-v-7f4c2c02]{background:linear-gradient(90deg,#0000,#f472b699,#0000);width:60px;height:2px;margin:0 auto 1.6rem}.travel-btn[data-v-7f4c2c02]{color:#fff;cursor:pointer;letter-spacing:.05em;background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);border:none;border-radius:50px;justify-content:center;align-items:center;gap:.6rem;width:100%;max-width:280px;padding:.95rem 2rem;font-size:1.1rem;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 8px 25px #ec489959}.btn-icon[data-v-7f4c2c02]{transition:transform .3s}.travel-btn[data-v-7f4c2c02]:hover{background:linear-gradient(135deg,#f472b6 0%,#a855f7 100%);transform:translateY(-3px)scale(1.02);box-shadow:0 14px 35px #ec489980}.travel-btn:hover .btn-icon[data-v-7f4c2c02]{transform:translateY(-2px)translate(2px)scale(1.15)}.travel-btn[data-v-7f4c2c02]:active{transform:translateY(1px)scale(.98);box-shadow:0 6px 18px #ec489959}@keyframes floatSoft-7f4c2c02{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (width<=480px){.confetti-card[data-v-7f4c2c02]{padding:2.2rem 1.2rem 2rem}.letter-body[data-v-7f4c2c02]{padding:1.1rem 1rem;font-size:.9rem}.final-emoji[data-v-7f4c2c02]{font-size:3.5rem}.timer-number[data-v-7f4c2c02]{font-size:1.25rem}}.journey-card[data-v-be51a467]{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);text-align:center;width:100%;box-shadow:var(--card-shadow);border-radius:28px;padding:3.8rem 2rem 3.2rem;position:relative;overflow:hidden}.header-badge[data-v-be51a467]{letter-spacing:.25em;color:#f472b6;text-transform:uppercase;background:#f472b61f;border:1px solid #f472b640;border-radius:50px;margin-bottom:1.8rem;padding:.4rem 1.2rem;font-size:.75rem;font-weight:700;display:inline-block}.emoji-wrapper[data-v-be51a467]{justify-content:center;margin-bottom:1.5rem;display:flex}.journey-emoji[data-v-be51a467]{background:radial-gradient(circle,#ec489933 0%,#0000 70%);border-radius:50%;padding:1rem;font-size:4.8rem;line-height:1;animation:5s ease-in-out infinite floatSoft-be51a467;display:inline-block}.journey-title[data-v-be51a467]{background:linear-gradient(135deg,#fff 0%,#f472b6 50%,#c084fc 100%);-webkit-text-fill-color:transparent;letter-spacing:.05em;-webkit-background-clip:text;margin-bottom:.8rem;font-size:2.1rem;font-weight:800;line-height:1.5}.journey-subtext[data-v-be51a467]{color:var(--text-muted);letter-spacing:.18em;margin-bottom:2rem;font-size:.95rem}.divider[data-v-be51a467]{background:linear-gradient(90deg,#0000,#f472b699,#0000);width:60px;height:2px;margin:0 auto 2rem}.restart-btn[data-v-be51a467]{color:#fff;cursor:pointer;letter-spacing:.05em;background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);border:none;border-radius:50px;justify-content:center;align-items:center;gap:.6rem;width:100%;max-width:280px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 8px 25px #ec489959}.btn-icon[data-v-be51a467]{transition:transform .3s}.restart-btn[data-v-be51a467]:hover{background:linear-gradient(135deg,#f472b6 0%,#a855f7 100%);transform:translateY(-3px)scale(1.02);box-shadow:0 14px 35px #ec489980}.restart-btn:hover .btn-icon[data-v-be51a467]{transform:scale(1.2)}.restart-btn[data-v-be51a467]:active{transform:translateY(1px)scale(.98);box-shadow:0 6px 18px #ec489959}@keyframes floatSoft-be51a467{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=480px){.journey-card[data-v-be51a467]{padding:2.8rem 1.5rem 2.2rem}.journey-title[data-v-be51a467]{font-size:1.7rem}.journey-emoji[data-v-be51a467]{font-size:4rem}}.app-container{justify-content:center;align-items:center;width:100%;max-width:520px;display:flex;position:relative}.romantic-toast{z-index:200;-webkit-backdrop-filter:blur(16px);color:#fff;letter-spacing:.05em;pointer-events:none;white-space:nowrap;background:#17192deb;border:1px solid #f472b666;border-radius:50px;padding:.85rem 1.8rem;font-size:.95rem;font-weight:600;position:fixed;top:2rem;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #00000080,0 0 25px #ec48994d}.toast-fade-enter-active{transition:all .4s cubic-bezier(.16,1,.3,1)}.toast-fade-leave-active{transition:all .35s cubic-bezier(.7,0,.84,0)}.toast-fade-enter-from{opacity:0;filter:blur(4px);transform:translate(-50%,-20px)scale(.9)}.toast-fade-leave-to{opacity:0;filter:blur(4px);transform:translate(-50%,-15px)scale(.95)}.star-fade-enter-active{transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),filter .5s cubic-bezier(.16,1,.3,1)}.star-fade-leave-active{transition:opacity .35s cubic-bezier(.7,0,.84,0),transform .35s cubic-bezier(.7,0,.84,0),filter .35s cubic-bezier(.7,0,.84,0)}.star-fade-enter-from{opacity:0;filter:blur(4px);transform:translateY(20px)scale(.96)}.star-fade-leave-to{opacity:0;filter:blur(4px);transform:translateY(-16px)scale(1.02)}