:root{--bg: #1a0c14;--bg-secondary: #2a1420;--surface: #3a1c2e;--primary: #ff6b9d;--primary-light: #ffa7c4;--primary-dark: #d4567f;--accent: #e8a0b4;--gold: #daa89a;--peach: #ffb5a7;--text: #ffeef5;--text-secondary: #e8c5d4;--text-muted: #b89aa5;--glow: rgba(255, 107, 157, .5);--glow-soft: rgba(255, 167, 196, .25);--font-heading: "Playfair Display", serif;--font-body: "Cormorant Garamond", serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}.app{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,var(--bg-secondary),var(--bg))}.scratch-phase{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:1rem;position:relative;z-index:1}.scratch-container{position:relative;width:280px;height:280px;border-radius:16px;overflow:visible}.scratch-inner{width:100%;height:100%;border-radius:16px;overflow:hidden;position:relative}.scratch-photo{width:100%;height:100%;object-fit:cover;display:block}.scratch-canvas{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;touch-action:none;border-radius:16px}.scratch-hint{font-family:var(--font-body);font-size:1.2rem;color:var(--primary-light);opacity:.7;font-style:italic;letter-spacing:.05em}.scratch-message{font-family:var(--font-body);font-size:1.4rem;color:var(--text);font-style:italic;text-align:center;line-height:1.6}.continue-btn{background:none;border:1px solid var(--primary);color:var(--primary);font-family:var(--font-body);font-size:1.1rem;padding:.8rem 2.5rem;border-radius:50px;cursor:pointer;letter-spacing:.1em;transition:all .3s ease;position:relative;overflow:hidden}.continue-btn:hover{background:var(--primary);color:var(--bg);box-shadow:0 0 30px var(--glow-soft)}.valentine-phase{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;padding:2rem;text-align:center;position:relative;z-index:1}.valentine-title{font-family:var(--font-heading);font-size:2.2rem;font-weight:700;color:var(--text);line-height:1.3}.valentine-buttons{display:flex;gap:1.5rem;align-items:center;justify-content:center;min-height:60px;position:relative}.btn-yes,.btn-no{font-family:var(--font-body);font-size:1.2rem;padding:1rem 2.5rem;border-radius:50px;cursor:pointer;letter-spacing:.05em;border:none}.btn-yes{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--bg);font-weight:600;position:relative;overflow:hidden}.btn-no{background:none;border:1px solid var(--accent);color:var(--accent);transition:all .3s ease}.valentine-response{font-family:var(--font-body);font-size:1.6rem;color:var(--primary-light);font-style:italic}.date-phase{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding:1.5rem 2rem;text-align:center;position:relative;z-index:1}.date-heading{font-family:var(--font-heading);font-size:1.8rem;color:var(--primary-light);font-weight:400;margin-bottom:.3rem}.date-divider{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.date-section{display:flex;flex-direction:column;align-items:center;gap:.25rem}.date-label{font-family:var(--font-body);font-size:.95rem;color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase}.date-value{font-family:var(--font-heading);font-size:1.5rem;color:var(--text);font-weight:700}.date-value-italic{font-family:var(--font-body);font-size:1.3rem;color:var(--primary-light);font-style:italic}.date-sublabel{font-family:var(--font-body);font-size:1.1rem;color:var(--text-secondary)}.date-link{text-decoration:none;color:inherit;border-bottom:1px solid transparent;transition:border-color .3s ease,color .3s ease}.date-link:hover{border-bottom-color:var(--primary);color:var(--primary-light)}.maps-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--bg);font-family:var(--font-body);font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;border-radius:50px;cursor:pointer;border:none;letter-spacing:.05em;text-decoration:none;display:inline-block;margin-top:1rem;position:relative;overflow:hidden}.footer-text{font-family:var(--font-body);font-size:.9rem;color:var(--text-muted);font-style:italic;margin-top:2rem}.floating-hearts{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-heart{position:absolute;color:var(--primary);opacity:.08;animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.08}90%{opacity:.08}to{transform:translateY(-10vh) rotate(360deg);opacity:0}}@media(hover:none){.btn-yes:active,.btn-no:active,.maps-btn:active,.continue-btn:active{transform:scale(.92);transition:transform .1s ease}}