@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Great+Vibes&family=Manrope:wght@400;500;600;700&display=swap";:root{color-scheme:light;font-family:Manrope,sans-serif;--bg-top: #f0dbff;--bg-bottom: #e8d2f7;--ink-soft: #6c4a73;--ink-strong: #4f3357;--accent: #ef7da9;--accent-strong: #d25687;--paper: #fff9f2;--paper-edge: #f2e2cb;--shadow: rgba(107, 60, 123, .17)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.76),transparent 24%),radial-gradient(circle at 82% 18%,rgba(255,193,226,.5),transparent 26%),radial-gradient(circle at 16% 78%,rgba(223,210,255,.44),transparent 22%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom));color:var(--ink-strong)}button,input,textarea{font:inherit}.app-shell{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;isolation:isolate}.particle-field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.ambient{position:absolute;border-radius:999px;filter:blur(18px);opacity:.75;z-index:0;animation:ambientFloat 11s ease-in-out infinite}.ambient-left{top:10%;left:-8rem;width:18rem;height:18rem;background:radial-gradient(circle,#ffffffa6,#fff0)}.ambient-right{top:16%;right:-6rem;width:16rem;height:16rem;background:radial-gradient(circle,#ffc6e799,#ffc6e700)}.ambient-center{top:30%;left:50%;width:14rem;height:14rem;transform:translate(-50%);background:radial-gradient(circle,#ffffff61,#fff0);animation-delay:-3s}.ambient-bottom{bottom:-7rem;left:50%;width:28rem;height:16rem;transform:translate(-50%);background:radial-gradient(circle,#ffffff73,#fff0)}.mesh-glow{position:absolute;inset:auto;border-radius:999px;filter:blur(40px);opacity:.62;z-index:0;pointer-events:none;animation:meshDrift 16s ease-in-out infinite}.mesh-glow-top{top:8%;left:10%;width:10rem;height:10rem;background:radial-gradient(circle,#ffffff80,#fff0)}.mesh-glow-side{top:24%;right:-2rem;width:12rem;height:16rem;background:radial-gradient(circle,#f4b2db80,#f4b2db00);animation-delay:-6s}.hero-stage{position:relative;z-index:1;min-height:100vh;min-height:100svh;width:100%;display:flex;flex-direction:column;align-items:center;padding:calc(.9rem + env(safe-area-inset-top)) .9rem 1.4rem}.hero-stage:not(.hero-stage-letter-open){justify-content:center;gap:1.15rem}.headline-wrap{width:min(100%,22rem);max-width:22rem;text-align:center;margin-top:0;margin-inline:auto}.eyebrow{margin:0;color:#5b3867c7;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.scene-title{margin:.35rem 0 0;color:var(--ink-strong);font-family:Cormorant Garamond,serif;font-size:clamp(2.45rem,14vw,3.55rem);line-height:.92;font-weight:600;text-wrap:balance;max-width:10ch;margin-inline:auto}.scene-subtitle{margin:.55rem auto 0;max-width:20rem;color:#5b3867b8;font-size:1.08rem;line-height:1.35}.scene-frame{position:relative;width:min(100%,22rem);max-width:22rem;min-height:21rem;margin-top:0;display:grid;place-items:center;margin-inline:auto}.floating-hint{position:absolute;top:.2rem;left:50%;transform:translate(-50%);padding:.8rem 1.1rem;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:#ffffff6b;box-shadow:0 18px 48px #6c4a7324;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--ink-soft);font-family:Great Vibes,cursive;font-size:1.62rem;width:min(14.8rem,calc(100vw - 1.5rem));text-align:center;pointer-events:none}.tap-feedback{position:absolute;inset:auto;width:9rem;height:9rem;border-radius:999px;z-index:0;pointer-events:none}.tap-feedback-mailbox{background:radial-gradient(circle,#da85c457,#da85c400)}.tap-feedback-letter{background:radial-gradient(circle,#ffe5f075,#ffe5f000)}.tap-feedback-save{background:radial-gradient(circle,#ff9dc957,#ff9dc900)}.mailbox-button,.letter-button{display:block;border:0;background:transparent;padding:0;cursor:pointer;margin-inline:auto;max-width:100%;-webkit-tap-highlight-color:transparent}.mailbox-button:focus-visible,.letter-button:focus-visible,.save-button:focus-visible{outline:3px solid rgba(210,86,135,.35);outline-offset:8px}.mailbox-svg{display:block;width:min(20rem,92vw);max-width:100%;overflow:visible}.letter-svg{display:block;width:min(17rem,84vw);max-width:100%;overflow:visible}.scene-shadow{fill:#5b316d1f;filter:blur(5px)}.paper-screen{width:min(100%,24rem);position:relative;margin-top:.1rem;padding:.35rem 0 1rem;margin-inline:auto}.paper-glow{position:absolute;top:6%;right:12%;bottom:6%;left:12%;border-radius:2rem;background:radial-gradient(circle,#ffffffbf,#fff0);filter:blur(30px);z-index:0}.letter-paper{position:relative;z-index:1;width:min(56rem,100%);margin:0 auto;padding:1.35rem 1.1rem 1.5rem;border-radius:1.9rem;background:linear-gradient(180deg,#ffffff59,#fff0),repeating-linear-gradient(180deg,rgba(168,130,103,.05) 0,rgba(168,130,103,.05) 2px,transparent 2px,transparent 34px),linear-gradient(180deg,var(--paper),#fff6eb);border:1px solid rgba(233,211,186,.9);box-shadow:0 40px 80px #653b7129,inset 0 1px #fffc}.paper-kicker{margin:0;text-align:center;color:#6f497ac7;letter-spacing:.18em;text-transform:uppercase;font-size:.74rem;font-weight:700}.paper-title{margin:.55rem 0 1.2rem;color:#5a335d;text-align:center;font-family:Great Vibes,cursive;font-size:clamp(2.7rem,13vw,3.9rem);line-height:1;font-weight:400}.paper-body{display:grid;gap:.8rem}.paper-body p,.paper-signoff p{margin:0;color:#553959f2;font-family:Cormorant Garamond,serif;font-size:1.22rem;line-height:1.56}.paper-signoff{margin-top:1.35rem}.signature-mark{margin-top:.75rem;color:var(--accent-strong);font-family:Great Vibes,cursive;font-size:clamp(2.2rem,11vw,3rem)}.paper-actions{margin-top:1.4rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.save-button{border:0;border-radius:999px;width:min(100%,18rem);padding:.96rem 1.25rem;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;font-weight:700;letter-spacing:.02em;box-shadow:0 18px 36px #d2568747;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.save-button:hover{transform:translateY(-2px);box-shadow:0 22px 42px #d2568759}.save-status{margin:0;color:#5b3867e0;text-align:center;font-size:.92rem}.hero-stage-letter-open{justify-content:flex-start;gap:.35rem;padding-bottom:.85rem}.hero-stage-letter-open .headline-wrap{max-width:21rem;margin-top:0}.hero-stage-letter-open .scene-title{max-width:none;font-size:clamp(1.95rem,10.8vw,2.75rem);line-height:.96}.hero-stage-letter-open .scene-subtitle{margin-top:.3rem;font-size:.92rem}@keyframes ambientFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-14px,0)}}@keyframes meshDrift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(10px,-18px,0) scale(1.08)}}@media (min-width: 641px){.hero-stage{padding:2.25rem 1.2rem 3rem}.hero-stage:not(.hero-stage-letter-open){justify-content:flex-start;gap:0}.headline-wrap{width:min(42rem,100%);max-width:none;margin-top:1rem}.eyebrow{font-size:.92rem;letter-spacing:.18em}.scene-title{margin-top:.8rem;font-size:clamp(2.7rem,6.4vw,4.6rem);line-height:.95;max-width:13ch}.scene-subtitle{max-width:26rem;margin-top:.8rem;font-size:1.08rem}.scene-frame{width:100%;max-width:none;min-height:25.5rem;margin-top:1.35rem}.floating-hint{top:.2rem;width:auto;min-width:0;padding:.85rem 1.3rem;font-size:clamp(1.7rem,4vw,2.25rem);white-space:nowrap}.mailbox-svg{width:min(25rem,82vw)}.letter-svg{width:min(20rem,74vw)}.paper-screen{width:min(72rem,100%);margin-top:.35rem;padding:1rem 0 2rem}.letter-paper{padding:clamp(1.7rem,4vw,3rem)}.paper-kicker{font-size:.82rem}.paper-title{margin:.75rem 0 1.8rem;font-size:clamp(3rem,8vw,5rem)}.paper-body{gap:1rem}.paper-body p,.paper-signoff p{font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.68}.paper-signoff{margin-top:2rem}.signature-mark{margin-top:1rem;font-size:clamp(2.3rem,6vw,3.4rem)}.paper-actions{margin-top:2rem;gap:.9rem}.save-button{width:auto;padding:.95rem 1.5rem}.save-status{font-size:.95rem}.hero-stage-letter-open{gap:.7rem}.hero-stage-letter-open .scene-title{font-size:clamp(2.6rem,5vw,4rem)}}