:root{--bg: #2a1418;--bg-2: #3b1c22;--paper: #f6efe3;--paper-2: #efe4d2;--ink: #2b2a33;--ink-soft: #5a5560;--rose: #b5323f;--rose-2: #8f2431;--gold: #c9a961;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:Cormorant Garamond,Georgia,serif;overscroll-behavior-y:none;touch-action:manipulation;min-height:100dvh}button{font:inherit;border:0;background:none;padding:0;cursor:pointer;color:inherit}img{display:block;max-width:100%}.hand{font-family:Caveat,cursive}.sig{font-family:Homemade Apple,cursive}.stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,var(--bg-2) 0%,var(--bg) 55%,#1c0c10 100%)}.grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.envelope-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:calc(var(--safe-top) + 24px) 24px calc(var(--safe-bottom) + 24px);perspective:1200px}.env-wrap{position:relative;width:min(86vw,380px);aspect-ratio:1.45 / 1;transform-style:preserve-3d}.env-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:linear-gradient(160deg,#f1e6d3,#e2d2b8);box-shadow:0 30px 60px -20px #0009,0 2px #ffffff59 inset}.env-letter{position:absolute;left:6%;right:6%;top:8%;bottom:6%;background:var(--paper);border-radius:6px;box-shadow:0 6px 18px -6px #00000059;display:grid;place-items:center;text-align:center;padding:16px}.env-letter .peek{color:var(--ink-soft);font-size:22px;line-height:1.1}.env-front{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:linear-gradient(180deg,#ecdfc8,#dcc9aa);clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);box-shadow:0 -1px #0000000d inset}.env-front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.06),transparent 30%,transparent 70%,rgba(0,0,0,.06));clip-path:inherit}.env-flap{position:absolute;left:0;right:0;top:0;height:55%;background:linear-gradient(180deg,#e6d7bd,#d6c3a2);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top center;border-radius:10px 10px 0 0}.seal{position:absolute;left:50%;top:52%;width:66px;height:66px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#d8505c,var(--rose) 45%,var(--rose-2) 75%,#6c1a24);box-shadow:0 6px 14px -4px #0000008c,0 0 0 4px #8f243159,inset 0 -2px 4px #00000059,inset 0 2px 3px #ffffff40;display:grid;place-items:center;color:#f8dcd8;font-size:22px;font-weight:600;letter-spacing:.5px;white-space:nowrap}.seal:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;border:1px dashed rgba(255,255,255,.25)}.env-hint{position:absolute;left:0;right:0;bottom:calc(var(--safe-bottom) + 36px);text-align:center;color:#f6efe3b3;font-style:italic;font-size:18px}.env-title{position:absolute;left:0;right:0;top:calc(var(--safe-top) + 40px);text-align:center;color:#f1dcd6;font-size:40px;line-height:1}.env-title small{display:block;font-family:Cormorant Garamond,serif;font-style:italic;font-size:16px;opacity:.65;margin-top:8px;letter-spacing:2px;text-transform:uppercase}.letter-screen{position:relative;min-height:100dvh;padding:calc(var(--safe-top) + 28px) 16px 40px}.paper{position:relative;margin:0 auto;max-width:620px;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 120px),repeating-linear-gradient(180deg,transparent 0 35px,rgba(43,42,51,.07) 35px 36px),var(--paper);background-attachment:local;border-radius:6px;padding:44px 26px 56px;box-shadow:0 40px 80px -30px #000000b3,0 1px #fff9 inset;color:var(--ink)}.paper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:6px;background:radial-gradient(120% 60% at 50% 0%,transparent 60%,rgba(120,90,50,.12))}.paper .date{text-align:right;color:var(--ink-soft);font-size:22px;margin:0 0 18px}.paper .greeting{font-size:44px;line-height:1;margin:0 0 22px;color:var(--rose-2);font-weight:600}.paper p.line{font-size:27px;line-height:36px;margin:0 0 36px;font-weight:500}.paper p.line.short{font-size:36px;line-height:36px;color:var(--rose-2);font-weight:600;text-align:center;margin:8px 0 44px}@media (min-width: 480px){.paper p.line{font-size:30px}}.word{display:inline-block;white-space:pre}.paper .closing{font-size:34px;line-height:1.15;margin:8px 0 28px;color:var(--rose-2);font-weight:600}.paper .signature{font-size:30px;color:var(--ink);margin-top:6px;transform:rotate(-3deg);transform-origin:left}.polaroid-row{display:flex;justify-content:center;margin:8px 0 40px}.polaroid{position:relative;width:min(72%,260px);background:#fff;padding:10px 10px 34px;box-shadow:0 18px 40px -18px #0000008c,0 1px 3px #00000026}.polaroid img{aspect-ratio:1;object-fit:cover;width:100%;filter:saturate(.92) contrast(1.02)}.polaroid .cap{position:absolute;left:0;right:0;bottom:6px;text-align:center;color:var(--ink-soft);font-size:22px}.tape{position:absolute;top:-12px;left:50%;width:92px;height:26px;transform:translate(-50%) rotate(-3deg);background:#c9a9618c;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px 2px #00000014;clip-path:polygon(2% 0,98% 4%,100% 100%,0 96%)}.counter{margin:10px 0 40px;text-align:center}.counter .big{font-size:64px;line-height:1;color:var(--rose);font-weight:700}.counter .sub{color:var(--ink-soft);font-size:22px;margin-top:6px}.counter .sub b{color:var(--ink);font-weight:600}.heart-draw{display:block;margin:0 auto 10px;width:64px;height:60px}.music-btn{position:fixed;right:18px;bottom:calc(var(--safe-bottom) + 18px);z-index:20;width:56px;height:56px;border-radius:50%;background:#f6efe3eb;color:var(--rose-2);box-shadow:0 12px 30px -10px #0009;display:grid;place-items:center}.music-btn svg{width:26px;height:26px}.petals{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;overflow:hidden}.petal{position:absolute;top:-40px;width:14px;height:14px;will-change:transform}@media (prefers-reduced-motion: reduce){.petals{display:none}}.space-wrap{position:relative;height:420dvh}.space-scene{position:sticky;top:0;height:100dvh;overflow:hidden;background:linear-gradient(180deg,#120a14,#170c16 60%,#120a14)}.space-fade{position:absolute;left:0;right:0;top:0;height:30vh;background:linear-gradient(180deg,var(--bg),transparent);z-index:1;pointer-events:none}.stars{position:absolute;top:-20vh;right:0;bottom:-20vh;left:0;pointer-events:none}.star-dot{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:var(--shadows);animation:twinkle 3.5s ease-in-out infinite}.stars.far .star-dot{opacity:.55;animation-delay:-1.5s}@keyframes twinkle{0%,to{opacity:.55}50%{opacity:1}}.moon{position:absolute;right:8%;top:14%;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fff6dc,#e8d7a8 55%,#c9b27b);box-shadow:0 0 40px 8px #ffecbe2e,inset -10px -8px 20px #785a2840}.planet{position:absolute;left:50%;bottom:-52vw;width:140vw;height:140vw;max-width:900px;max-height:900px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 50% 12%,#7a3a4a,#4a2130 40%,#2a1418 75%);box-shadow:0 -20px 80px #c85a6e40}@media (min-width: 700px){.planet{bottom:-640px}}.rocket-wrap{position:absolute;width:96px;margin:-8px 0 0 -48px;z-index:5;transform-origin:50% 4%}@media (min-width: 640px){.rocket-wrap{width:130px;margin:-11px 0 0 -65px}}.rocket-wrap svg{width:100%;height:auto;display:block;overflow:visible}.flame{transform-origin:55px 152px;animation:flame .16s ease-in-out infinite alternate}@keyframes flame{0%{transform:scaleY(.8) scaleX(.94)}to{transform:scaleY(1.2) scaleX(1.06)}}.spark{animation:spark .7s ease-out infinite;transform-origin:55px 160px}.spark.s2{animation-delay:.18s}.spark.s3{animation-delay:.35s}.spark.s4{animation-delay:.5s}@keyframes spark{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translateY(40px) scale(.2)}}.route{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.route-plan{fill:none;stroke:#f6efe3;stroke-width:2;stroke-dasharray:.006 .012;stroke-linecap:round}.route-trail{fill:none;stroke:#ffd696bf;stroke-width:3;stroke-dasharray:1 1;stroke-linecap:round;filter:blur(1.5px)}.smoke{position:absolute;left:50%;top:88vh;width:0;height:0;z-index:4;pointer-events:none}.smoke span{position:absolute;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#f6efe3e6,#f6efe300 70%)}.smoke span:nth-child(1){left:-70px;top:-30px}.smoke span:nth-child(2){left:10px;top:-36px}.smoke span:nth-child(3){left:-30px;top:-10px;width:80px;height:80px}.saturn{position:absolute;left:-6%;top:26%;width:120px;z-index:2;opacity:.9}@media (min-width: 640px){.saturn{left:6%;width:170px}}.countdown{position:absolute;left:0;right:0;top:40%;display:grid;place-items:center;z-index:7;pointer-events:none}.count{grid-area:1 / 1;font-size:120px;font-weight:700;color:#ffe08a;text-shadow:0 4px 30px rgba(255,200,100,.35)}.count.big{font-size:96px;color:#f6efe3;text-shadow:0 4px 40px rgba(255,255,255,.35)}.burst{position:absolute;left:50%;top:50%;width:220px;height:220px;margin:-110px 0 0 -110px;overflow:visible;pointer-events:none}.big-star{position:absolute;left:62%;top:12%;width:54px;height:54px;z-index:6;margin:-27px 0 0 -27px}.big-star svg{width:100%;height:100%;overflow:visible}.big-star .glow{filter:drop-shadow(0 0 10px rgba(255,230,150,.9)) drop-shadow(0 0 28px rgba(255,210,120,.6))}.space-text{position:absolute;left:0;right:0;padding:0 28px;text-align:center;z-index:6;color:#f6efe3;font-size:34px;line-height:1.12;font-weight:600;text-shadow:0 2px 20px rgba(0,0,0,.5)}@media (min-width: 640px){.space-text{font-size:52px}}.space-text em{display:block;font-family:Cormorant Garamond,serif;font-style:italic;font-weight:400;font-size:.5em;opacity:.75;margin-top:10px}.fan-section{position:relative;padding:60px 0 40px;background:#120a14;overflow:hidden}.fan-title{text-align:center;color:#f6efe3;font-size:40px;margin:0 0 6px;font-weight:600}.fan-sub{text-align:center;color:#f6efe399;font-style:italic;font-size:18px;margin:0 0 20px}.fan-layout{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:22rem;touch-action:pan-y}@media (min-width: 640px){.fan-layout{height:26rem}}@media (min-width: 1024px){.fan-layout{height:34rem}}.fan-card{position:absolute;width:12.5rem;height:16.5rem;border-radius:18px;overflow:hidden;opacity:0;background:#1c1220;box-shadow:0 24px 60px -20px #000000d9,0 0 0 1px #ffffff14;will-change:transform;cursor:pointer;-webkit-user-select:none;user-select:none}@media (min-width: 640px){.fan-card{width:15rem;height:20rem;border-radius:22px}}@media (min-width: 1024px){.fan-card{width:18rem;height:24rem;border-radius:26px}}.fan-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.fan-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 30%,rgba(0,0,0,.18));pointer-events:none}.fan-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px}.fan-arrow{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1.5px solid rgba(246,239,227,.18);background:#f6efe30f;color:#f6efe3bf}.fan-arrow svg{width:18px;height:18px}.fan-dots{display:flex;gap:6px}.fan-dot{width:6px;height:6px;border-radius:50%;background:#f6efe333;transition:transform .3s,background .3s}.fan-dot.on{background:var(--gold);transform:scale(1.4)}.finale{position:relative;background:#120a14;padding:30px 0 calc(var(--safe-bottom) + 90px)}.finale canvas{display:block;width:100%;height:auto}.finale .hint{text-align:center;color:#f6efe373;font-style:italic;font-size:16px;margin:6px 0 0}.finale .end{text-align:center;color:#f6efe3;font-size:44px;margin:24px 0 0;font-weight:600}.finale .end small{display:block;font-family:Cormorant Garamond,serif;font-style:italic;font-weight:400;font-size:18px;opacity:.65;margin-top:6px}.deep-space{position:relative;background:#120a14;overflow:hidden}.deep-space>.stars-bg{position:absolute;top:0;right:0;bottom:0;left:0}.deep-space>*{position:relative}.fan-section,.finale{background:transparent}.polaroid.video{cursor:pointer}.polaroid.video video{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;background:#1c1220}.sound-badge{position:absolute;right:18px;top:18px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#140a0e8c;color:#f6efe3}.sound-badge svg{width:18px;height:18px}