.music-player[data-v-276d9c64]{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:999}.music-button[data-v-276d9c64]{width:60px;height:60px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.music-button[data-v-276d9c64]:hover{transform:scale(1.1);box-shadow:0 8px 32px #b8d8e866}.music-button.playing[data-v-276d9c64]{animation:pulse-276d9c64 2s infinite}@keyframes pulse-276d9c64{0%,to{box-shadow:var(--shadow-lg)}50%{box-shadow:0 8px 32px #b8d8e880}}@media(max-width:768px){.music-player[data-v-276d9c64]{bottom:var(--spacing-md);right:var(--spacing-md)}.music-button[data-v-276d9c64]{width:50px;height:50px}}.navigation[data-v-4048b7ae]{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.nav-container[data-v-4048b7ae]{max-width:1200px;margin:0 auto;padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.nav-logo[data-v-4048b7ae]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:1.25rem;font-weight:600;color:var(--primary-blue);text-decoration:none;transition:transform var(--transition-base)}.nav-logo[data-v-4048b7ae]:hover{transform:scale(1.05)}.heart[data-v-4048b7ae]{color:var(--pale-pink);font-size:1.5rem}.nav-toggle[data-v-4048b7ae]{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--spacing-xs)}.nav-toggle span[data-v-4048b7ae]{width:25px;height:3px;background:var(--primary-blue);border-radius:2px;transition:all var(--transition-base)}.nav-links[data-v-4048b7ae]{display:flex;gap:var(--spacing-lg);align-items:center}.nav-links a[data-v-4048b7ae]{color:var(--text-dark);text-decoration:none;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);position:relative}.nav-links a[data-v-4048b7ae]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--primary-blue);transition:width var(--transition-fast)}.nav-links a[data-v-4048b7ae]:hover:after,.nav-links a.router-link-active[data-v-4048b7ae]:after{width:80%}.nav-links a.router-link-active[data-v-4048b7ae]{color:var(--primary-blue)}@media(max-width:768px){.nav-toggle[data-v-4048b7ae]{display:flex}.nav-links[data-v-4048b7ae]{position:absolute;top:100%;left:0;right:0;background:#fffffffa;flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-sm);box-shadow:var(--shadow-md);transform:translateY(-100%);opacity:0;pointer-events:none;transition:all var(--transition-base)}.nav-links.active[data-v-4048b7ae]{transform:translateY(0);opacity:1;pointer-events:all}.nav-links a[data-v-4048b7ae]{width:100%;text-align:center;padding:var(--spacing-sm)}}:root{--primary-blue: #B8D8E8;--secondary-blue: #A8C8E0;--light-blue: #D8E8F8;--pale-pink: #FFD1DC;--pale-lavender: #E0D8F0;--pale-mint: #D8F0E8;--cream: #FFF8F0;--white: #FFFFFF;--text-dark: #4A4A4A;--text-light: #8A8A8A;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(184, 216, 232, .15);--shadow-md: 0 4px 16px rgba(184, 216, 232, .2);--shadow-lg: 0 8px 32px rgba(184, 216, 232, .25);--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,var(--cream) 0%,var(--light-blue) 100%);color:var(--text-dark);line-height:1.6;min-height:100vh;overflow-x:hidden}#app{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem;color:var(--primary-blue)}h2{font-size:2rem;color:var(--secondary-blue)}h3{font-size:1.5rem}p{margin-bottom:var(--spacing-sm)}a{color:var(--primary-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--secondary-blue)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.btn-primary{background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--pale-pink);color:var(--text-dark)}.btn-secondary:hover{background:var(--pale-lavender);transform:translateY(-2px)}.card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .6s ease-out}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.container{padding:0 var(--spacing-sm)}}.spinner{width:50px;height:50px;border:4px solid var(--light-blue);border-top:4px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}.main-content{flex:1;width:100%;padding-top:80px}.home[data-v-aa782ca4]{min-height:100vh}.hero[data-v-aa782ca4]{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--cream) 0%,var(--light-blue) 50%,var(--pale-lavender) 100%)}.hero-content[data-v-aa782ca4]{text-align:center;z-index:2;max-width:800px;padding:var(--spacing-xl)}.hero-title[data-v-aa782ca4]{font-size:4rem;background:linear-gradient(135deg,var(--primary-blue),var(--pale-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-md);font-weight:700}.hero-subtitle[data-v-aa782ca4]{font-size:1.5rem;color:var(--text-light);margin-bottom:var(--spacing-sm)}.hero-date[data-v-aa782ca4]{font-size:1.2rem;color:var(--text-dark);margin-bottom:var(--spacing-xl);font-weight:500}.quick-links[data-v-aa782ca4]{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.floating-hearts[data-v-aa782ca4]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.floating-hearts .heart[data-v-aa782ca4]{position:absolute;bottom:-50px;font-size:2rem;color:var(--pale-pink);opacity:.6;animation:floatUp-aa782ca4 5s ease-in infinite;animation-delay:var(--delay)}@keyframes floatUp-aa782ca4{0%{bottom:-50px;transform:translate(0) rotate(0);opacity:.6}50%{transform:translate(20px) rotate(180deg)}to{bottom:110%;transform:translate(-20px) rotate(360deg);opacity:0}}.features[data-v-aa782ca4]{padding:var(--spacing-xxl) 0;background:#fff}.features-grid[data-v-aa782ca4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.feature-card[data-v-aa782ca4]{background:linear-gradient(135deg,var(--light-blue) 0%,white 100%);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.feature-card[data-v-aa782ca4]:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.feature-icon[data-v-aa782ca4]{font-size:3rem;margin-bottom:var(--spacing-md)}.feature-card h3[data-v-aa782ca4]{color:var(--primary-blue);margin-bottom:var(--spacing-sm)}.feature-card p[data-v-aa782ca4]{color:var(--text-light);margin-bottom:var(--spacing-md)}.feature-link[data-v-aa782ca4]{color:var(--primary-blue);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.feature-link[data-v-aa782ca4]:hover{color:var(--secondary-blue)}@media(max-width:768px){.hero-title[data-v-aa782ca4]{font-size:2.5rem}.hero-subtitle[data-v-aa782ca4]{font-size:1.2rem}.hero-date[data-v-aa782ca4]{font-size:1rem}.quick-links[data-v-aa782ca4]{flex-direction:column;align-items:stretch}.features-grid[data-v-aa782ca4]{grid-template-columns:1fr}}.timeline-page[data-v-48f28043]{padding:var(--spacing-xxl) 0;min-height:100vh}.page-header[data-v-48f28043]{text-align:center;margin-bottom:var(--spacing-xxl)}.page-header h1[data-v-48f28043]{font-size:3rem;background:linear-gradient(135deg,var(--primary-blue),var(--pale-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p[data-v-48f28043]{font-size:1.25rem;color:var(--text-light)}.loading[data-v-48f28043],.error[data-v-48f28043]{text-align:center;padding:var(--spacing-xxl)}.timeline[data-v-48f28043]{position:relative;max-width:1200px;margin:0 auto;padding:var(--spacing-lg) 0}.timeline[data-v-48f28043]:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:4px;height:100%;background:linear-gradient(to bottom,var(--primary-blue),var(--pale-pink));border-radius:2px}.timeline-item[data-v-48f28043]{position:relative;width:50%;padding:0 var(--spacing-xl);margin-bottom:var(--spacing-xxl)}.timeline-item.left[data-v-48f28043]{left:0;text-align:right}.timeline-item.right[data-v-48f28043]{left:50%}.timeline-content[data-v-48f28043]{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative}.timeline-content[data-v-48f28043]:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.timeline-year[data-v-48f28043]{display:inline-block;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm)}.timeline-date[data-v-48f28043]{color:var(--text-light);font-size:.9rem;margin-bottom:var(--spacing-sm)}.timeline-content h3[data-v-48f28043]{color:var(--primary-blue);margin-bottom:var(--spacing-sm)}.timeline-content p[data-v-48f28043]{color:var(--text-dark);line-height:1.6}.timeline-photo[data-v-48f28043]{margin-top:var(--spacing-md);border-radius:var(--radius-md);overflow:hidden}.timeline-photo img[data-v-48f28043]{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-slow)}.timeline-photo img[data-v-48f28043]:hover{transform:scale(1.05)}.timeline-marker[data-v-48f28043]{position:absolute;top:20px;width:24px;height:24px;background:var(--pale-pink);border:4px solid white;border-radius:50%;box-shadow:var(--shadow-md);z-index:1}.timeline-item.left .timeline-marker[data-v-48f28043]{right:-12px}.timeline-item.right .timeline-marker[data-v-48f28043]{left:-12px}@media(max-width:768px){.timeline[data-v-48f28043]:before{left:20px}.timeline-item[data-v-48f28043]{width:100%;padding-left:var(--spacing-xl);padding-right:0;left:0!important;text-align:left!important}.timeline-marker[data-v-48f28043]{left:12px!important;right:auto!important}.page-header h1[data-v-48f28043]{font-size:2rem}}.our-story-page[data-v-686a6a91]{padding:var(--spacing-xxl) 0;min-height:100vh}.page-header[data-v-686a6a91]{text-align:center;margin-bottom:var(--spacing-xxl)}.page-header h1[data-v-686a6a91]{font-size:3rem;background:linear-gradient(135deg,var(--primary-blue),var(--pale-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p[data-v-686a6a91]{font-size:1.25rem;color:var(--text-light)}.loading[data-v-686a6a91]{text-align:center;padding:var(--spacing-xxl)}.years-container[data-v-686a6a91]{max-width:1000px;margin:0 auto}.year-section[data-v-686a6a91]{margin-bottom:var(--spacing-xxl);background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.year-header[data-v-686a6a91]{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:3px solid var(--light-blue)}.year-header h2[data-v-686a6a91]{font-size:2.5rem;color:var(--primary-blue);margin:0}.year-badge[data-v-686a6a91]{background:linear-gradient(135deg,var(--pale-pink),var(--pale-lavender));color:var(--text-dark);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.9rem;font-weight:600}.year-summary[data-v-686a6a91]{margin-bottom:var(--spacing-lg);font-size:1.1rem;color:var(--text-light);font-style:italic;padding:var(--spacing-md);background:var(--light-blue);border-radius:var(--radius-md);border-left:4px solid var(--primary-blue)}.events-grid[data-v-686a6a91]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.event-card[data-v-686a6a91]{background:linear-gradient(135deg,var(--cream) 0%,white 100%);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.event-card[data-v-686a6a91]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.event-photo[data-v-686a6a91]{width:100%;height:100%;overflow:hidden}.event-photo img[data-v-686a6a91]{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.event-card:hover .event-photo img[data-v-686a6a91]{transform:scale(1.1)}.event-details[data-v-686a6a91]{padding:var(--spacing-md)}.event-details h3[data-v-686a6a91]{color:var(--primary-blue);margin-bottom:var(--spacing-xs);font-size:1.2rem}.event-date[data-v-686a6a91]{color:var(--text-light);font-size:.9rem;margin-bottom:var(--spacing-sm)}.event-description[data-v-686a6a91]{color:var(--text-dark);font-size:.95rem;line-height:1.5}@media(max-width:768px){.page-header h1[data-v-686a6a91]{font-size:2rem}.year-header[data-v-686a6a91]{flex-direction:column;align-items:flex-start}.year-header h2[data-v-686a6a91]{font-size:2rem}.events-grid[data-v-686a6a91]{grid-template-columns:1fr}}.quiz-page[data-v-2e9d982e]{padding:var(--spacing-xxl) 0;min-height:100vh}.page-header[data-v-2e9d982e]{text-align:center;margin-bottom:var(--spacing-xxl)}.page-header h1[data-v-2e9d982e]{font-size:2.5rem;background:linear-gradient(135deg,var(--primary-blue),var(--pale-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading[data-v-2e9d982e]{text-align:center;padding:var(--spacing-xxl)}.quiz-intro[data-v-2e9d982e],.quiz-active[data-v-2e9d982e],.quiz-results[data-v-2e9d982e]{max-width:800px;margin:0 auto}.intro-card[data-v-2e9d982e],.results-card[data-v-2e9d982e]{background:#fff;padding:var(--spacing-xxl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center}.intro-card h2[data-v-2e9d982e],.results-card h2[data-v-2e9d982e]{color:var(--primary-blue);margin-bottom:var(--spacing-md)}.intro-card p[data-v-2e9d982e]{color:var(--text-light);font-size:1.1rem;margin-bottom:var(--spacing-lg)}.quiz-progress[data-v-2e9d982e]{background:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.progress-text[data-v-2e9d982e]{text-align:center;color:var(--text-dark);font-weight:600;margin-bottom:var(--spacing-xs)}.progress-bar[data-v-2e9d982e]{width:100%;height:8px;background:var(--light-blue);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-xs)}.progress-fill[data-v-2e9d982e]{height:100%;background:linear-gradient(90deg,var(--primary-blue),var(--pale-pink));transition:width var(--transition-base)}.score[data-v-2e9d982e]{text-align:center;color:var(--primary-blue);font-weight:600}.question-card[data-v-2e9d982e]{background:#fff;padding:var(--spacing-xxl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.question-card h2[data-v-2e9d982e]{color:var(--text-dark);font-size:1.5rem;margin-bottom:var(--spacing-xl);text-align:center}.options[data-v-2e9d982e]{display:grid;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.option-button[data-v-2e9d982e]{padding:var(--spacing-md) var(--spacing-lg);background:var(--light-blue);border:2px solid transparent;border-radius:var(--radius-md);font-size:1rem;cursor:pointer;transition:all var(--transition-base);text-align:left}.option-button[data-v-2e9d982e]:hover:not(:disabled){background:var(--primary-blue);color:#fff;transform:translate(8px)}.option-button.selected[data-v-2e9d982e]{border-color:var(--primary-blue);background:var(--primary-blue);color:#fff}.option-button.incorrect[data-v-2e9d982e]{border-color:#f44336!important;border-width:3px!important;background:#ffebee!important;color:#c62828!important}.option-button.correct[data-v-2e9d982e]{border-color:#4caf50!important;border-width:3px!important;background:#e8f5e9!important;color:#2e7d32!important;font-weight:600!important}.option-button[data-v-2e9d982e]:disabled{cursor:not-allowed}.result[data-v-2e9d982e]{margin-top:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-md)}.correct-result[data-v-2e9d982e]{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.incorrect-result[data-v-2e9d982e]{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}.result-content h3[data-v-2e9d982e]{margin-bottom:var(--spacing-sm)}.result-photo[data-v-2e9d982e]{margin:var(--spacing-md) 0;border-radius:var(--radius-md);overflow:hidden}.result-photo img[data-v-2e9d982e]{width:100%;height:auto;max-height:300px;object-fit:cover}.final-score[data-v-2e9d982e]{margin:var(--spacing-xl) 0}.score-circle[data-v-2e9d982e]{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,var(--primary-blue),var(--pale-pink));color:#fff;margin-bottom:var(--spacing-md)}.score-value[data-v-2e9d982e]{font-size:3rem;font-weight:700}.score-total[data-v-2e9d982e]{font-size:1.2rem}.score-message[data-v-2e9d982e]{font-size:1.25rem;color:var(--primary-blue);font-weight:600}.perfect-score-message[data-v-2e9d982e]{margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:var(--radius-md);border-left:4px solid #4CAF50}.unlock-message[data-v-2e9d982e]{font-size:1.1rem;color:#2e7d32;font-weight:600;margin-bottom:var(--spacing-xs)}.action-buttons[data-v-2e9d982e]{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}@media(max-width:768px){.page-header h1[data-v-2e9d982e]{font-size:1.75rem}.question-card[data-v-2e9d982e],.intro-card[data-v-2e9d982e],.results-card[data-v-2e9d982e]{padding:var(--spacing-lg)}.action-buttons[data-v-2e9d982e]{flex-direction:column}}.love-letter-page[data-v-0d398d6e]{padding:var(--spacing-xxl) 0;min-height:100vh;display:flex;align-items:center;justify-content:center}.loading[data-v-0d398d6e]{text-align:center;padding:var(--spacing-xxl)}.locked-message[data-v-0d398d6e]{max-width:600px;margin:0 auto}.locked-card[data-v-0d398d6e]{background:#fff;padding:var(--spacing-xxl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center}.lock-icon[data-v-0d398d6e]{font-size:4rem;margin-bottom:var(--spacing-md);animation:shake-0d398d6e 2s ease-in-out infinite}@keyframes shake-0d398d6e{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.locked-card h2[data-v-0d398d6e]{color:var(--primary-blue);margin-bottom:var(--spacing-md)}.locked-card p[data-v-0d398d6e]{color:var(--text-light);margin-bottom:var(--spacing-lg)}.letter-container[data-v-0d398d6e]{max-width:800px;margin:0 auto}.letter-envelope[data-v-0d398d6e]{position:relative;width:100%;max-width:400px;height:250px;margin:0 auto var(--spacing-xxl);perspective:1000px}.envelope-body[data-v-0d398d6e]{position:absolute;bottom:0;width:100%;height:180px;background:linear-gradient(135deg,var(--light-blue),var(--pale-lavender));border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.envelope-flap[data-v-0d398d6e]{position:absolute;top:60px;width:100%;height:150px;background:linear-gradient(135deg,var(--primary-blue),var(--pale-pink));clip-path:polygon(0 0,50% 60%,100% 0);transform-origin:top center;transition:transform var(--transition-slow);z-index:2;box-shadow:var(--shadow-md)}.letter-envelope.opened .envelope-flap[data-v-0d398d6e]{transform:rotateX(-180deg)}.open-prompt[data-v-0d398d6e]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.letter-content[data-v-0d398d6e]{margin-top:var(--spacing-xl)}.letter-paper[data-v-0d398d6e]{background:#fff;padding:var(--spacing-xxl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--light-blue);position:relative}.letter-paper[data-v-0d398d6e]:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,var(--primary-blue),var(--pale-pink),var(--pale-lavender));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.letter-header[data-v-0d398d6e]{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--light-blue)}.letter-header h1[data-v-0d398d6e]{font-size:2rem;background:linear-gradient(135deg,var(--primary-blue),var(--pale-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm);font-family:Georgia,serif}.date[data-v-0d398d6e]{color:var(--text-light);font-style:italic;font-size:.95rem}.letter-body[data-v-0d398d6e]{font-family:Georgia,serif;font-size:1.1rem;line-height:1.8;color:var(--text-dark)}.paragraph[data-v-0d398d6e]{margin-bottom:var(--spacing-lg);text-align:justify}.letter-footer[data-v-0d398d6e]{margin-top:var(--spacing-xl);text-align:center;padding-top:var(--spacing-lg);border-top:2px solid var(--light-blue)}.hearts[data-v-0d398d6e]{display:flex;gap:var(--spacing-sm);justify-content:center}.hearts .heart[data-v-0d398d6e]{color:var(--pale-pink);font-size:1.5rem;animation:heartbeat-0d398d6e 1.5s ease-in-out infinite}.hearts .heart[data-v-0d398d6e]:nth-child(1){animation-delay:0s}.hearts .heart[data-v-0d398d6e]:nth-child(2){animation-delay:.2s}.hearts .heart[data-v-0d398d6e]:nth-child(3){animation-delay:.4s}.hearts .heart[data-v-0d398d6e]:nth-child(4){animation-delay:.6s}.hearts .heart[data-v-0d398d6e]:nth-child(5){animation-delay:.8s}@keyframes heartbeat-0d398d6e{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}}.letter-actions[data-v-0d398d6e]{margin-top:var(--spacing-xl);text-align:center}@media(max-width:768px){.letter-paper[data-v-0d398d6e]{padding:var(--spacing-lg)}.letter-header h1[data-v-0d398d6e]{font-size:1.5rem}.letter-body[data-v-0d398d6e]{font-size:1rem}.letter-envelope[data-v-0d398d6e]{max-width:300px;height:200px}.envelope-body[data-v-0d398d6e]{height:140px}.envelope-flap[data-v-0d398d6e]{height:120px}}.kisses-page[data-v-97401413]{min-height:100vh;background:linear-gradient(135deg,var(--light-blue) 0%,var(--pale-lavender) 50%,var(--pale-pink) 100%);padding:var(--spacing-xxl) 0}.page-header[data-v-97401413]{text-align:center;margin-bottom:var(--spacing-xxl)}.page-header h1[data-v-97401413]{font-size:3rem;color:var(--primary-blue);text-shadow:2px 2px 4px rgba(0,0,0,.1);margin-bottom:var(--spacing-sm)}.subtitle[data-v-97401413]{font-size:1.2rem;color:var(--text-light);font-style:italic}.game-container[data-v-97401413]{max-width:800px;margin:0 auto}.stats-container[data-v-97401413]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card[data-v-97401413]{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;transition:transform var(--transition-base)}.stat-card[data-v-97401413]:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.stat-card.kisses-stat[data-v-97401413]{background:linear-gradient(135deg,#ffe5e5,#ffb3ba)}.stat-icon[data-v-97401413]{font-size:3rem;margin-bottom:var(--spacing-sm)}.stat-value[data-v-97401413]{font-size:2.5rem;font-weight:700;color:var(--primary-blue);margin-bottom:var(--spacing-xs)}.kisses-stat .stat-value[data-v-97401413]{color:#c62828}.stat-label[data-v-97401413]{font-size:1rem;color:var(--text-light);font-weight:500}.info-box[data-v-97401413]{background:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);text-align:center;margin-bottom:var(--spacing-xxl);box-shadow:var(--shadow-sm)}.info-box p[data-v-97401413]{margin:0;font-size:1.1rem;color:var(--primary-blue);font-weight:600}.heart-container[data-v-97401413]{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-xxl);min-height:400px}.heart-button[data-v-97401413]{background:none;border:none;cursor:pointer;width:250px;height:250px;transition:transform .2s ease;filter:drop-shadow(0 10px 20px rgba(255,105,135,.3))}.heart-button[data-v-97401413]:hover{transform:scale(1.1)}.heart-button.heart-clicked[data-v-97401413]{animation:heartPulse-97401413 .3s ease}.heart-svg[data-v-97401413]{width:100%;height:100%}.heart-svg path[data-v-97401413]{fill:var(--pale-pink);stroke:#ff69b4;stroke-width:2;transition:fill .2s ease}.heart-button:hover .heart-svg path[data-v-97401413]{fill:#ff69b4}@keyframes heartPulse-97401413{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.floating-heart[data-v-97401413]{position:absolute;font-size:2rem;pointer-events:none;animation:floatUp-97401413 1s ease-out forwards}@keyframes floatUp-97401413{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100px) scale(1.5)}}.actions[data-v-97401413]{text-align:center;margin-top:var(--spacing-xxl)}.btn-reset[data-v-97401413]{padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.btn-reset[data-v-97401413]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.modal-overlay[data-v-97401413]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content[data-v-97401413]{background:#fff;padding:var(--spacing-xxl);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;text-align:center}.modal-content h3[data-v-97401413]{color:var(--primary-blue);margin-bottom:var(--spacing-md);font-size:1.8rem}.modal-content p[data-v-97401413]{color:var(--text-dark);margin-bottom:var(--spacing-sm);font-size:1.1rem}.warning-text[data-v-97401413]{color:#f44336;font-weight:600;font-size:1rem!important}.modal-actions[data-v-97401413]{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.btn-danger[data-v-97401413]{background:#f44336;color:#fff}.btn-danger[data-v-97401413]:hover{background:#d32f2f}.fade-enter-active[data-v-97401413],.fade-leave-active[data-v-97401413]{transition:opacity .3s ease}.fade-enter-from[data-v-97401413],.fade-leave-to[data-v-97401413]{opacity:0}@media(max-width:768px){.page-header h1[data-v-97401413]{font-size:2rem}.heart-button[data-v-97401413]{width:200px;height:200px}.kiss-text[data-v-97401413]{font-size:2.5rem}.modal-content[data-v-97401413]{margin:var(--spacing-lg)}}.login-page[data-v-c729d705]{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--cream) 0%,var(--light-blue) 50%,var(--pale-lavender) 100%)}.floating-hearts[data-v-c729d705]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.heart[data-v-c729d705]{position:absolute;bottom:-50px;font-size:2rem;color:var(--pink);opacity:.3;animation:float-up-c729d705 linear infinite;animation-delay:var(--delay)}@keyframes float-up-c729d705{0%{transform:translateY(0) rotate(0);opacity:0}50%{opacity:.3}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}.login-container[data-v-c729d705]{position:relative;z-index:10;width:100%;max-width:450px;padding:20px}.login-card[data-v-c729d705]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:50px 40px;box-shadow:0 20px 60px #0000001a;text-align:center}.lock-icon[data-v-c729d705]{font-size:4rem;margin-bottom:20px;animation:pulse-c729d705 2s ease-in-out infinite}@keyframes pulse-c729d705{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.login-title[data-v-c729d705]{font-size:2.5rem;color:var(--dark-text);margin-bottom:10px;font-weight:700}.login-subtitle[data-v-c729d705]{font-size:1.1rem;color:var(--text-secondary);margin-bottom:40px;line-height:1.6}.login-form[data-v-c729d705]{margin-bottom:30px}.input-group[data-v-c729d705]{margin-bottom:20px;text-align:left}.input-group label[data-v-c729d705]{display:block;font-size:.95rem;font-weight:500;color:var(--dark-text);margin-bottom:8px}.password-input[data-v-c729d705]{width:100%;padding:16px 20px;font-size:1rem;border:2px solid var(--light-blue);border-radius:12px;background:#fff;transition:all .3s ease;font-family:inherit}.password-input[data-v-c729d705]:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 4px #ffd1dc33}.password-input[data-v-c729d705]:disabled{background:#f5f5f5;cursor:not-allowed}.error-message[data-v-c729d705]{background:#fee;color:#c33;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.95rem;border:1px solid #fcc}.btn-login[data-v-c729d705]{width:100%;padding:16px 32px;font-size:1.1rem;font-weight:600;color:#000;background:linear-gradient(135deg,var(--pink) 0%,#ff9fc4 100%);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd1dc66}.btn-login[data-v-c729d705]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffd1dc99}.btn-login[data-v-c729d705]:active:not(:disabled){transform:translateY(0)}.btn-login[data-v-c729d705]:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-footer[data-v-c729d705]{margin-top:30px;padding-top:20px;border-top:1px solid rgba(0,0,0,.1)}.login-footer p[data-v-c729d705]{color:var(--pink);font-size:1.1rem;font-weight:500}.fade-in[data-v-c729d705]{animation:fadeIn-c729d705 .6s ease-out}@keyframes fadeIn-c729d705{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.login-card[data-v-c729d705]{padding:40px 30px}.login-title[data-v-c729d705]{font-size:2rem}.login-subtitle[data-v-c729d705]{font-size:1rem}.lock-icon[data-v-c729d705]{font-size:3rem}}