@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400&family=DM+Serif+Display:ital@0;1&family=Quicksand:wght@300;400;500;600;700&family=Patrick+Hand&display=swap";:root{--font-serif:"DM Serif Display", serif;--font-serif-italic:"Cormorant Garamond", serif;--font-sans:"Quicksand", sans-serif;--font-handwritten:"Patrick Hand", cursive;--text-primary:#fffffff2;--text-secondary:#ffffffb3;--text-accent:#fff6}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:#050814;margin:0;padding:0;overflow:hidden}body:after{content:"";pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml;utf8,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.9\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\" opacity=\"0.06\"/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}.cinematic-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.dialogue-text{font-family:var(--font-serif);letter-spacing:.05em;text-align:center;color:var(--text-primary);text-shadow:0 4px 20px #0006;max-width:800px;padding:0 2rem;font-size:2.2rem;font-weight:300;line-height:1.6}.floating-element{animation:6s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.hero-envelope{cursor:pointer;background:#f4eae1;border-radius:4px;justify-content:center;align-items:center;width:180px;height:120px;transition:all .5s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;box-shadow:0 10px 40px #ffffff1a,0 20px 60px #00000080}.hero-envelope:hover{transform:translateY(-8px)scale(1.05);box-shadow:0 15px 50px #ffffff26,0 30px 80px #0009}.wax-seal{z-index:10;color:#ffffffb3;width:36px;height:36px;font-family:var(--font-serif-italic);background:#9b2226;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;box-shadow:inset 0 3px 6px #fff3,0 4px 10px #0000004d}.envelope-flap-top{transform-origin:top;z-index:5;border-top:70px solid #e3d5c8;border-left:90px solid #0000;border-right:90px solid #0000;width:0;height:0;position:absolute;top:0;left:0}.envelope-text{font-family:var(--font-handwritten);color:#4a383d;z-index:1;opacity:.8;margin-top:40px;font-size:1.6rem}.polaroid-card{background:#fff;border-radius:4px;width:240px;padding:.8rem .8rem 2.2rem;transform:rotate(-3deg);box-shadow:0 10px 40px #0000004d}.handwritten-letter{font-family:var(--font-handwritten);color:#2c2522;background:#fdfbf7;border-radius:2px;max-width:600px;padding:3rem;font-size:2rem;line-height:1.5;box-shadow:0 20px 60px #0006}.w-full{width:100%}.h-full{height:100%}.absolute{position:absolute}.relative{position:relative}.fixed{position:fixed}.inset-0{inset:0}.flex{display:flex}.flex-col{flex-direction:column}.justify-center{justify-content:center}.items-center{align-items:center}.text-center{text-align:center}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.opacity-0{opacity:0}.opacity-100{opacity:1}.choice-btn{color:var(--text-primary);font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:0 0;border:1px solid #fff3;border-radius:40px;padding:1.2rem 3.5rem;font-size:1.1rem;transition:all .4s}.choice-btn:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 10px 30px #ffffff0d}