:root{--rose: #e8456b;--rose-light: #ff6b9d;--blush: #fce4ec;--cream: #fff5f5;--deep-rose: #c2185b;--gold: #d4a373;--wine: #880e4f;--soft-pink: #f8bbd0;--bg-start: #fff5f5;--bg-end: #fce4ec;--text-dark: #3d1020;--text-medium: #6d3a4a;--text-light: #9e6070;--card-bg: rgba(255, 255, 255, .75);--card-border: rgba(232, 69, 107, .15);--shadow-soft: 0 4px 24px rgba(232, 69, 107, .1);--shadow-medium: 0 8px 40px rgba(232, 69, 107, .15);--shadow-glow: 0 0 30px rgba(232, 69, 107, .2);--radius: 16px;--radius-lg: 24px;--radius-pill: 100px;--transition: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-script: "Dancing Script", cursive}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--text-dark);background:linear-gradient(160deg,var(--bg-start) 0%,var(--bg-end) 40%,var(--soft-pink) 100%);min-height:100vh;overflow-x:hidden;line-height:1.6}.app{position:relative;min-height:100vh;display:flex;flex-direction:column}.header{text-align:center;padding:2rem 1rem 1rem;position:relative;z-index:10}.header-title{display:flex;align-items:center;justify-content:center;gap:.75rem}.header-name{font-family:var(--font-script);font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--rose),var(--deep-rose),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-heart{font-size:1.5rem;animation:heartbeat 1.5s ease-in-out infinite}.tab-nav{display:flex;justify-content:center;gap:.5rem;padding:.75rem 1rem;position:sticky;top:0;z-index:100;background:#fff5f5d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border)}.tab-btn{font-family:var(--font-body);font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;border:2px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--text-medium);cursor:pointer;transition:all var(--transition);position:relative;white-space:nowrap}.tab-btn:hover{color:var(--rose);background:#e8456b0f;border-color:#e8456b26}.tab-btn:focus-visible{outline:2px solid var(--rose);outline-offset:2px}.tab-btn--active{color:#fff;background:linear-gradient(135deg,var(--rose),var(--deep-rose));border-color:transparent;box-shadow:var(--shadow-soft),0 2px 8px #e8456b4d;transform:translateY(-1px)}.tab-btn--active:hover{color:#fff;background:linear-gradient(135deg,var(--rose-light),var(--rose))}.tab-content{flex:1;position:relative;z-index:5;padding:2rem 1.5rem 4rem;max-width:900px;margin:0 auto;width:100%}.tab-panel-enter{animation:fadeSlideIn .5s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.footer{text-align:center;padding:2rem 1rem;color:var(--text-light);font-size:.875rem;font-style:italic;position:relative;z-index:5}.home-tab{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;opacity:0;transition:opacity .8s ease}.home-tab--visible{opacity:1}.home-heading{margin-top:1rem}.home-heading-text{font-family:var(--font-display)!important;font-size:clamp(1.75rem,5vw,3rem)!important;font-weight:700!important;color:var(--text-dark)!important;line-height:1.3!important}.home-name-wrapper{display:flex;flex-direction:column;align-items:center;gap:.25rem}.home-for{font-family:var(--font-script);font-size:1.25rem;color:var(--text-light)}.home-name{font-family:var(--font-script);font-size:clamp(2.5rem,8vw,4rem);font-weight:700;line-height:1.2}.gradient-text{background:linear-gradient(135deg,var(--rose),var(--deep-rose),var(--gold),var(--rose-light));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.home-heart-pulse{padding:1rem}.heart-icon{font-size:3rem;display:inline-block;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}}.home-note{max-width:600px;padding:2rem;background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--card-border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-note-text{font-family:var(--font-body)!important;font-size:1.05rem!important;line-height:1.8!important;color:var(--text-medium)!important;white-space:pre-line}.home-sparkles{display:flex;gap:1rem;font-size:1.5rem}.sparkle{display:inline-block;animation:sparkleFloat 2.5s ease-in-out infinite}@keyframes sparkleFloat{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-12px) scale(1.2);opacity:1}}.valentine-tab{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2.5rem;padding-top:2rem;min-height:50vh}.valentine-prompt{display:flex;flex-direction:column;align-items:center;gap:1rem}.valentine-ring{font-size:3rem;animation:ringBounce 2s ease-in-out infinite}@keyframes ringBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-5px) rotate(5deg)}}.valentine-prompt-text{font-family:var(--font-display)!important;font-size:clamp(1.5rem,5vw,2.5rem)!important;font-weight:700!important;color:var(--text-dark)!important}.valentine-buttons{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;justify-content:center}.btn{font-family:var(--font-body);font-size:1.125rem;font-weight:600;padding:.875rem 2.5rem;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-bounce);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity var(--transition)}.btn:hover:after{opacity:1}.btn:active{transform:scale(.95)!important}.btn--yes{color:#fff;background:linear-gradient(135deg,var(--rose),var(--deep-rose));box-shadow:var(--shadow-medium),0 0 20px #e8456b40;transition:all var(--transition-bounce)}.btn--yes:hover{box-shadow:var(--shadow-glow),0 0 40px #e8456b59;transform:scale(1.05)}.btn--no{color:var(--text-medium);background:var(--card-bg);border:2px solid var(--card-border);box-shadow:var(--shadow-soft)}.btn--no:hover{border-color:var(--rose);color:var(--rose)}.btn--celebrate{color:#fff;background:linear-gradient(135deg,var(--gold),var(--rose));box-shadow:var(--shadow-soft);margin-top:1rem}.btn--celebrate:hover{box-shadow:var(--shadow-glow)}.btn-link{background:none;border:none;color:var(--text-light);font-family:var(--font-body);font-size:.8rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color var(--transition);padding:.5rem}.btn-link:hover{color:var(--rose)}.btn-link:focus-visible{outline:2px solid var(--rose);outline-offset:2px;border-radius:4px}.valentine-a11y{margin-top:.5rem}.valentine-reset-msg{color:var(--text-light);font-style:italic;font-size:.9rem;animation:fadeSlideIn .4s ease-out}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d102080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;padding:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(160deg,#fff,var(--blush));border-radius:var(--radius-lg);padding:2.5rem 2rem;max-width:480px;width:100%;text-align:center;box-shadow:0 24px 80px #e8456b4d,0 0 60px #e8456b1a;animation:modalPop .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.modal:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(232,69,107,.05) 0%,transparent 60%);animation:modalGlow 3s ease-in-out infinite}@keyframes modalGlow{0%,to{transform:translate(0)}50%{transform:translate(5%,5%)}}@keyframes modalPop{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-emoji{font-size:3rem;margin-bottom:1rem;position:relative}.modal-title{font-family:var(--font-display);font-size:1.75rem;color:var(--deep-rose);margin-bottom:1rem;position:relative}.modal-message{font-size:1rem;line-height:1.7;color:var(--text-medium);margin-bottom:1.5rem;position:relative}.modal-hearts{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.modal-heart-float{font-size:1.5rem;display:inline-block;animation:modalHeartFloat 2s ease-in-out infinite}@keyframes modalHeartFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.15)}}.memories-tab{display:flex;flex-direction:column;gap:2rem}.memories-header{text-align:center}.memories-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.25rem);color:var(--text-dark);margin-bottom:.5rem}.memories-subtitle{font-family:var(--font-script);font-size:1.15rem;color:var(--text-light)}.memories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.memory-spotlight-card{border-radius:var(--radius)!important;background:var(--card-bg)!important;border:1px solid var(--card-border)!important;transition:all var(--transition)!important}.memory-spotlight-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)!important}.memory-card{padding:1.75rem 1.5rem;text-align:center;transition:all var(--transition)}.memory-emoji{font-size:2.5rem;margin-bottom:.75rem;transition:transform var(--transition-bounce)}.memory-card--hovered .memory-emoji{transform:scale(1.2) rotate(5deg)}.memory-title{font-family:var(--font-display);font-size:1.1rem;color:var(--text-dark);margin-bottom:.5rem}.memory-caption{font-size:.9rem;color:var(--text-medium);line-height:1.5}.memory-divider{margin-top:1rem;color:var(--rose);font-size:.75rem;opacity:.5}.memory-image-wrapper{width:100%;height:160px;border-radius:12px;overflow:hidden;margin-bottom:.75rem}.memory-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition)}.memory-card--hovered .memory-image{transform:scale(1.05)}.memory-card-title{font-family:var(--font-display);font-size:1.1rem;color:var(--text-dark);margin-bottom:.5rem}.memory-link{text-decoration:none;color:inherit;display:block}.memory-link:hover .memory-card{background:#e8456b08}.memory-link-hint{display:inline-block;margin-top:.5rem;font-size:.75rem;color:var(--rose);opacity:.7;transition:opacity var(--transition)}.memory-link:hover .memory-link-hint{opacity:1}.floating-hearts{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.floating-heart{position:absolute;bottom:-40px;animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translateY(0) rotate(0) scale(1);opacity:var(--float-opacity, .3)}50%{opacity:var(--float-opacity, .3)}to{transform:translateY(-110vh) rotate(360deg) scale(.5);opacity:0}}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none}@media (max-width: 640px){.tab-nav{gap:.25rem;padding:.5rem}.tab-btn{font-size:.75rem;padding:.5rem .75rem}.tab-content{padding:1.5rem 1rem 3rem}.valentine-buttons{flex-direction:column;gap:1rem}.btn{font-size:1rem;padding:.75rem 2rem;width:100%;max-width:280px}.memories-grid{grid-template-columns:1fr}.home-note{padding:1.5rem 1rem}.modal{padding:2rem 1.5rem}.header-name{font-size:1.5rem}}@media (max-width: 380px){.tab-btn-text{font-size:.7rem}.home-heading-text{font-size:1.5rem!important}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}#root{max-width:100%;margin:0;padding:0;text-align:left}