:root{--bg-1: #1b1030;--bg-2: #2a1650;--ink: #fdf7ff;--muted: #c9b8e6;--accent: #ff5d8f;--card-bg: rgba(255, 255, 255, .06);--card-brd: rgba(255, 255, 255, .14)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--ink);background:radial-gradient(120% 100% at 50% 0%,var(--bg-2),var(--bg-1));background-attachment:fixed;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.theme-hearts{--accent: #ff5d8f;--bg-2: #3a1240}body.theme-confetti{--accent: #ffd166;--bg-2: #101d4a}body.theme-stars{--accent: #7ee0ff;--bg-2: #0d1230}#fx{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}#app{position:relative;z-index:10}.stage{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 18px calc(24px + env(safe-area-inset-bottom))}.envelope{position:relative;width:min(78vw,300px);aspect-ratio:3 / 2;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .25s ease;animation:floaty 3.5s ease-in-out infinite}.envelope:active{transform:scale(.97)}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.env-body{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:linear-gradient(160deg,#fff0f5,#ffd9e6);box-shadow:0 20px 50px #00000073;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden}.env-flap{position:absolute;top:0;left:0;right:0;height:62%;background:linear-gradient(160deg,#ffe0ea,#ffc2d6);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top center;transition:transform .55s cubic-bezier(.4,0,.2,1);z-index:3;box-shadow:0 2px 6px #0000001a}.env-heart{font-size:40px;color:var(--accent);z-index:2;animation:beat 1.4s ease-in-out infinite}@keyframes beat{0%,to{transform:scale(1)}30%{transform:scale(1.18)}}.env-hint{margin:0;color:#a24d6b;font-size:14px;z-index:2}.envelope.opened .env-flap{transform:rotateX(180deg)}.envelope.opened{animation:none;transform:translateY(-14px) scale(.9);opacity:0;transition:transform .5s ease,opacity .5s ease .15s}.card{width:min(92vw,440px);background:var(--card-bg);border:1px solid var(--card-brd);border-radius:22px;padding:28px 24px 30px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 24px 60px #0006;text-align:center}.card.reveal{animation:rise .6s cubic-bezier(.2,.8,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}.card-title{margin:0 0 14px;font-size:clamp(22px,6vw,30px);letter-spacing:.5px}.card-message{margin:0 0 8px;font-size:clamp(15px,4.4vw,18px);line-height:1.8;color:var(--ink)}.date-line{margin:14px 0 0;color:var(--accent);font-size:15px}.date-line b{font-size:20px}.card-sign{margin:18px 0 0;color:var(--muted);font-size:14px;font-style:italic}.visit-line{margin:14px 0 0;color:var(--muted);font-size:13px}code{background:#ffffff1f;padding:1px 6px;border-radius:6px;font-size:.9em}.photo-wall{margin:18px 0 4px;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch}.photo{flex:0 0 auto;scroll-snap-align:center}.photo img{height:180px;width:auto;max-width:78vw;border-radius:14px;object-fit:cover;display:block;box-shadow:0 8px 24px #00000059}.card-actions{margin-top:22px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.mini-btn{background:#ffffff1f;color:var(--ink);border:1px solid var(--card-brd);border-radius:999px;padding:9px 18px;font-size:14px;cursor:pointer}.mini-btn:active{transform:scale(.96)}.mini-btn:disabled{opacity:.5}.card.is-loading .card-message{opacity:.55;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.9}}.card.writer{text-align:left}.writer .card-title,.writer .card-message{text-align:center}.field{display:block;margin:18px 0 10px}.field span{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.field input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--card-brd);background:#00000040;color:var(--ink);font-size:16px}.url-preview{font-size:13px;color:var(--muted);word-break:break-all}.cta{width:100%;margin-top:14px;padding:14px;border:none;border-radius:14px;background:var(--accent);color:#2a0f1c;font-size:16px;font-weight:700;cursor:pointer}.cta:disabled{opacity:.5;cursor:not-allowed}.status{margin:14px 0 0;min-height:20px;text-align:center;font-size:14px}.status.busy{color:var(--muted)}.status.ok{color:#7ee787}.status.err{color:#ff9a9a}.hint-fallback{margin-top:16px;font-size:13px;color:var(--muted);line-height:1.7}