:root{--bg-1: #200812;--bg-2: #491122;--bg-3: #7f2740;--gold: #f5ddb1;--paper: #fff8ef;--paper-edge: #f0e0ca;--rose: #c93f68;--rose-dark: #8e2344;--pink: #f3a5be;--text: #fff5ea;--shadow: rgba(0, 0, 0, .22)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden;background:radial-gradient(circle at top,rgba(255,223,196,.11),transparent 22%),radial-gradient(circle at 20% 25%,rgba(247,184,208,.17),transparent 25%),radial-gradient(circle at 80% 20%,rgba(244,194,152,.12),transparent 20%),linear-gradient(180deg,var(--bg-2) 0%,var(--bg-1) 38%,#17040c 100%);color:var(--text);font-family:Cormorant Garamond,serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.05) 0%,transparent 30%),radial-gradient(circle at center,transparent 50%,rgba(0,0,0,.18))}#app{position:relative;min-height:100vh}.scene{position:relative;min-height:100vh;display:grid;place-items:center;isolation:isolate}.background-glow{position:fixed;inset:auto;border-radius:50%;filter:blur(60px);opacity:.65;pointer-events:none}.glow-a{width:28rem;height:28rem;left:-7rem;bottom:-7rem;background:#e9598f47}.glow-b{width:32rem;height:32rem;right:-8rem;top:-8rem;background:#ffccab2e}.sparkle-layer,.petal-origin{position:absolute;inset:0;pointer-events:none}.sparkle,.petal,.blossom{position:absolute;will-change:transform,opacity}.sparkle{width:.36rem;height:.36rem;border-radius:999px;background:#fff1dce6;box-shadow:0 0 12px #fff1dcbf}.audio-unlock{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:30;border:1px solid rgba(255,255,255,.22);background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);border-radius:999px;padding:.85rem 1.2rem;font:600 .95rem/1 Cormorant Garamond,serif;letter-spacing:.03em;cursor:pointer;box-shadow:0 10px 25px #00000029}.message-shell{position:absolute;inset:0;display:grid;place-items:center;align-content:start;gap:.6rem;padding:8vh 2rem 2rem;text-align:center;opacity:0;transform:translateY(1.5rem) scale(.96);z-index:50;pointer-events:none}.eyebrow{margin:0;font-size:clamp(1.15rem,2.3vw,1.7rem);letter-spacing:.2em;text-transform:uppercase;color:#ffeedddb}.letter-inner{opacity:0}.message{margin:0;max-width:min(82vw,760px);font-family:Great Vibes,cursive;font-weight:400;font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.08;color:#fff6ef;text-shadow:0 0 30px rgba(255,232,214,.24),0 6px 30px rgba(0,0,0,.18)}.subtext{margin:0;font-size:clamp(1.1rem,2.4vw,1.5rem);letter-spacing:.04em;color:#fff2e6d1}.envelope-wrap{position:relative;width:min(66vw,420px);aspect-ratio:1.2 / 1;display:grid;place-items:center;z-index:10;margin-top:10vh}.envelope-shadow{position:absolute;bottom:1.2rem;width:72%;height:2.6rem;background:radial-gradient(circle,rgba(0,0,0,.32),transparent 70%);filter:blur(10px);opacity:.9}.envelope{position:relative;width:100%;aspect-ratio:1.2 / 1;transform-style:preserve-3d;filter:drop-shadow(0 28px 42px rgba(0,0,0,.22))}.envelope-back,.envelope-front,.envelope-flap,.envelope-paper,.seal{position:absolute}.envelope-back,.envelope-front{inset:0;border-radius:0 0 1.2rem 1.2rem}.envelope-back{background:linear-gradient(145deg,#e8c49d,#d6ab7d)}.envelope-front{z-index:4;clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%);background:linear-gradient(160deg,#e6c19b,#d4a97a);border-radius:0 0 1.2rem 1.2rem}.envelope-flap{inset:0;z-index:7;transform-origin:top center;clip-path:polygon(0 0,50% 62%,100% 0);background:linear-gradient(160deg,#f0cfaa,#d9ad80);border-radius:1rem 1rem 0 0;box-shadow:inset 0 -6px 14px #00000014}.envelope-paper{left:8%;right:8%;bottom:14%;height:72%;z-index:2;border-radius:1rem 1rem .45rem .45rem;background:linear-gradient(180deg,var(--paper) 0%,#fffaf3 72%,#f8ecdc 100%);border:1px solid rgba(163,112,66,.12);box-shadow:inset 0 0 0 1px #ffffff80,0 14px 30px #0000001f;display:grid;place-items:center;overflow:hidden}.letter-inner{width:86%;text-align:center;color:#6b2b3f}.letter-script{display:block;font-family:Great Vibes,cursive;font-size:clamp(1.9rem,4vw,3rem);line-height:1}.letter-small{display:block;margin-top:.35rem;font-size:clamp(.95rem,1.6vw,1.15rem);letter-spacing:.02em}.seal{left:50%;bottom:21%;z-index:8;width:4.4rem;height:4.4rem;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 30% 30%,#f7bfd2,transparent 24%),radial-gradient(circle at center,var(--rose) 0%,var(--rose-dark) 72%);box-shadow:inset 0 2px 8px #ffffff2e,0 10px 16px #0000002e}.seal:after{content:"S";position:absolute;inset:0;display:grid;place-items:center;color:#fff0edf2;font:700 1.6rem/1 Cormorant Garamond,serif}.petal{width:22px;height:30px;background:radial-gradient(circle at 38% 32%,rgba(255,255,255,.42),transparent 18%),linear-gradient(180deg,#f8c5d7,#ea7ea6 35%,#b63667);clip-path:path("M11 0 C17 2 22 8 22 16 C22 24 16 28 11 30 C6 28 0 24 0 16 C0 8 5 2 11 0 Z");filter:drop-shadow(0 8px 10px rgba(0,0,0,.14));opacity:0}.blossom{width:38px;height:38px;opacity:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3CradialGradient id='g' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%23fff1b8'/%3E%3Cstop offset='100%25' stop-color='%23d88aa8'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg fill='url(%23g)'%3E%3Cellipse cx='50' cy='18' rx='16' ry='26'/%3E%3Cellipse cx='78' cy='38' rx='16' ry='26' transform='rotate(72 78 38)'/%3E%3Cellipse cx='68' cy='72' rx='16' ry='26' transform='rotate(144 68 72)'/%3E%3Cellipse cx='32' cy='72' rx='16' ry='26' transform='rotate(216 32 72)'/%3E%3Cellipse cx='22' cy='38' rx='16' ry='26' transform='rotate(288 22 38)'/%3E%3C/g%3E%3Ccircle cx='50' cy='50' r='11' fill='%23f4cf65'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 10px 12px rgba(0,0,0,.16))}@media(max-width:700px){.envelope-wrap{width:min(82vw,380px)}.seal{width:3.5rem;height:3.5rem}}