@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Inter:wght@300;400;500&display=swap";@media (max-width: 768px){.snowflake{font-size:1rem}.star{font-size:.8rem}}.intro-screen{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,182,193,.15) 0%,transparent 50%),linear-gradient(135deg,#e63946,#c41e3a,#d62828);z-index:1000;overflow:hidden}.intro-screen .snowflakes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.intro-screen .snowflake{position:absolute;top:-10px;font-size:1.2rem;color:#fffc;animation:snowfall linear infinite;-webkit-user-select:none;user-select:none;pointer-events:none}.intro-screen .stars{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.intro-screen .star{position:absolute;font-size:1rem;color:#fff9;animation:twinkle ease-in-out infinite;-webkit-user-select:none;user-select:none;pointer-events:none}.intro-content{text-align:center;padding:2rem;position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:2rem}.heart-lock-container{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:all .5s ease}.heart-icon{font-size:8rem;animation:heartBeat 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,192,203,.6));position:relative;z-index:2}.lock-icon{position:absolute;font-size:3rem;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;transition:all .6s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.lock-icon.open{transform:translate(-50%,-50%) scale(0) rotate(180deg);opacity:0}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.heart-lock-container.shake{animation:shake .5s ease-in-out}.heart-lock-container.shake .heart-icon{filter:drop-shadow(0 0 30px rgba(255,0,0,.8))}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.heart-lock-container.unlocked .heart-icon{animation:unlockGlow 1s ease-out;filter:drop-shadow(0 0 40px rgba(255,192,203,1))}@keyframes unlockGlow{0%{transform:scale(1);filter:drop-shadow(0 0 20px rgba(255,192,203,.6))}50%{transform:scale(1.2);filter:drop-shadow(0 0 60px rgba(255,192,203,1))}to{transform:scale(1);filter:drop-shadow(0 0 40px rgba(255,192,203,1))}}.intro-message{font-size:clamp(1.3rem,3vw,1.8rem);color:var(--color-white);font-weight:300;letter-spacing:1px;line-height:1.6;text-shadow:0 2px 10px rgba(0,0,0,.3);animation:fadeInUp 1s ease-out;margin:0}.intro-submessage{font-size:clamp(1rem,2.5vw,1.3rem);color:#ffffffe6;font-weight:300;font-style:italic;letter-spacing:.5px;text-shadow:0 1px 5px rgba(0,0,0,.2);animation:fadeInUp 1s ease-out .3s backwards;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.password-form{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem;width:100%;max-width:350px;animation:fadeInUp 1s ease-out .6s backwards}.password-input{width:100%;padding:1rem 1.5rem;border:2px solid rgba(255,255,255,.3);border-radius:50px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-white);font-size:1.1rem;text-align:center;transition:all .3s ease;outline:none}.password-input::placeholder{color:#fff9}.password-input:focus{border-color:#fff9;background:#ffffff26;box-shadow:0 0 20px #ffc0cb66}.password-input:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#ffffffe6;font-size:.95rem;margin:0;animation:fadeIn .3s ease;text-shadow:0 1px 3px rgba(0,0,0,.3)}.unlock-button{width:100%;padding:1rem 2rem;border:2px solid rgba(255,255,255,.4);border-radius:50px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-white);font-size:1.1rem;font-weight:400;cursor:pointer;transition:all .3s ease;text-shadow:0 1px 3px rgba(0,0,0,.2)}.unlock-button:hover:not(:disabled){background:#ffffff40;border-color:#fff9;transform:translateY(-2px);box-shadow:0 5px 20px #ffc0cb66}.unlock-button:active:not(:disabled){transform:translateY(0)}.unlock-button:disabled{opacity:.5;cursor:not-allowed}.welcome-message{animation:fadeInUp .8s ease-out}.welcome-text{font-size:clamp(1.5rem,4vw,2.5rem);color:var(--color-white);font-weight:300;letter-spacing:2px;text-shadow:0 2px 15px rgba(255,192,203,.6);margin:0;animation:welcomeGlow 2s ease-in-out infinite}@keyframes welcomeGlow{0%,to{text-shadow:0 2px 15px rgba(255,192,203,.6)}50%{text-shadow:0 2px 25px rgba(255,192,203,.9),0 0 40px rgba(255,192,203,.5)}}@media (max-width: 768px){.intro-screen .snowflake{font-size:1rem}.intro-screen .star{font-size:.8rem}.heart-icon{font-size:6rem}.lock-icon{font-size:2.5rem}.intro-content{padding:1.5rem;gap:1.5rem}.password-form{max-width:100%}}.love-map{min-height:100vh;width:100%;padding:2rem 1rem;position:relative;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,182,193,.15) 0%,transparent 50%),linear-gradient(135deg,#e63946,#c41e3a,#d62828);overflow-x:hidden}.module-title{font-size:clamp(1.8rem,4vw,2.5rem);text-align:center;color:var(--color-white);margin-top:3rem;margin-bottom:.5rem;font-weight:400;text-shadow:0 2px 10px rgba(0,0,0,.2)}.journey-subtitle{text-align:center;color:#ffffffe6;font-size:1rem;font-style:italic;margin-bottom:3rem;text-shadow:0 1px 5px rgba(0,0,0,.2)}.back-button{background:var(--color-white);color:var(--color-text);padding:.8rem 1.5rem;border-radius:var(--border-radius-small);font-size:1rem;margin-bottom:2rem;box-shadow:var(--shadow-soft);transition:var(--transition)}.back-button:hover{transform:translate(-5px);box-shadow:var(--shadow-hover)}.journey-container{position:relative;padding:2rem 0;width:100%;height:250vh;min-height:3500px}.organic-path{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:250vh;min-height:3500px;z-index:1;pointer-events:none;opacity:0;animation:pathReveal 2s ease-out forwards}@keyframes pathReveal{0%{opacity:0;transform:translate(-50%) scaleY(0)}to{opacity:1;transform:translate(-50%) scaleY(1)}}.path-stroke{stroke-dasharray:2000;stroke-dashoffset:2000;animation:pathDraw 3s ease-out forwards;animation-delay:.5s}.path-shadow{stroke-dasharray:2000;stroke-dashoffset:2000;animation:pathDraw 3.5s ease-out forwards;animation-delay:.3s;opacity:.5}.path-inner{stroke-dasharray:2000;stroke-dashoffset:2000;animation:pathDraw 2.5s ease-out forwards;animation-delay:.8s}@keyframes pathDraw{to{stroke-dashoffset:0}}.organic-decorations{position:absolute;top:0;left:0;width:100%;height:250vh;min-height:3500px;z-index:2;pointer-events:none}.organic-decoration{position:absolute;font-size:1rem;transform:translate(-50%,-50%);animation:organicFloat 4s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,255,255,.6));opacity:0;animation-fill-mode:forwards}.organic-decoration:nth-child(odd){animation-delay:.8s}.organic-decoration:nth-child(2n){animation-delay:1.2s}@keyframes organicFloat{0%{opacity:0;transform:translate(-50%,-50%) translateY(0) scale(.8) rotate(0)}50%{opacity:.9;transform:translate(-50%,-50%) translateY(-15px) scale(1.1) rotate(5deg)}to{opacity:.7;transform:translate(-50%,-50%) translateY(0) scale(1) rotate(0)}}.journey-months{position:absolute;top:0;left:0;z-index:3;width:100%;height:250vh;min-height:3500px}.month-journey-point{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:4;opacity:0;animation:pointAppear 1s ease-out forwards}@keyframes pointAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.point-circle{width:60px;height:60px;border-radius:50%;background:#fff;border:4px solid rgba(255,192,203,1);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #ffffffe6,0 0 35px #ffc0cbb3,0 0 50px #ffc0cb80,inset 0 0 15px #ffc0cb4d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.point-number{font-size:1.4rem;font-weight:700;color:var(--color-primary);text-shadow:0 2px 4px rgba(0,0,0,.2)}.month-journey-point.past .point-circle{opacity:.7;transform:scale(.9);background:#ffffffe6;border-color:#ffc0cbb3;box-shadow:0 0 15px #ffffff80,0 0 25px #ffc0cb66,inset 0 0 10px #ffc0cb33}.month-journey-point.past:hover .point-circle{opacity:.8;transform:scale(1)}.month-journey-point.current .point-circle{width:75px;height:75px;border-width:5px;border-color:#fff;background:#fff;box-shadow:0 0 30px #fff,0 0 50px #ffc0cbcc,0 0 70px #ffc0cb99,0 0 90px #ffc0cb66,inset 0 0 20px #ffc0cb66;animation:currentPulse 2.5s ease-in-out infinite}.month-journey-point.current .point-number{font-size:1.8rem;color:var(--color-primary);font-weight:800}@keyframes currentPulse{0%,to{box-shadow:0 0 30px #fff,0 0 50px #ffc0cbcc,0 0 70px #ffc0cb99,0 0 90px #ffc0cb66,inset 0 0 20px #ffc0cb66;transform:scale(1)}50%{box-shadow:0 0 40px #fff,0 0 60px #ffc0cbe6,0 0 90px #ffc0cbb3,0 0 110px #ffc0cb80,inset 0 0 25px #ffc0cb80;transform:scale(1.05)}}.point-ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75px;height:75px;border-radius:50%;border:3px solid rgba(255,255,255,.7);animation:ripple 2s ease-out infinite}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.month-journey-point.future .point-circle{opacity:.5;transform:scale(.85);background:#ffffffb3;border-color:#ffc0cb80;box-shadow:0 0 10px #fff6,0 0 20px #ffc0cb4d,inset 0 0 8px #ffc0cb26}.month-journey-point.future:hover .point-circle{opacity:.5;transform:scale(.9)}.month-journey-point:hover .point-circle{transform:scale(1.15);box-shadow:0 0 25px #fffc,0 0 40px #ffc0cb99,inset 0 0 15px #ffc0cb4d}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:var(--color-white);border-radius:var(--border-radius);padding:2rem 1rem;max-width:700px;width:95%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;font-size:2rem;color:var(--color-text-light);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition);cursor:pointer;border:none}.modal-month{font-size:2rem;color:var(--color-text);margin-bottom:.5rem}.modal-title{font-size:1.3rem;color:var(--color-accent);margin-bottom:1.5rem;font-weight:400}.modal-photo-carousel{position:relative;width:100%;margin-bottom:1.5rem;border-radius:var(--border-radius-small);overflow:hidden}.modal-photo-container{position:relative;width:100%;min-height:400px;overflow:hidden}.modal-photo-slide{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .4s ease-in-out;display:flex;align-items:center;justify-content:center}.modal-photo-slide.active{opacity:1;z-index:1;position:relative}.modal-photo-slide img{width:100%;height:auto;max-height:70vh;object-fit:contain;display:block}.modal-photo-placeholder{width:100%;min-height:400px;background:var(--color-secondary);border-radius:var(--border-radius-small);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--color-text-light)}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;padding:.5rem 0}.carousel-button{background:#8b6f47e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(139,111,71,.5);color:var(--color-white);width:45px;height:45px;border-radius:50%;font-size:1.8rem;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #0003}.carousel-button:hover{background:#8b6f47;transform:scale(1.1);box-shadow:0 6px 20px #0000004d}.carousel-indicators{display:flex;justify-content:center;gap:.5rem;align-items:center}.carousel-indicator{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#ffffff4d;cursor:pointer;transition:all .3s ease;padding:0}.carousel-indicator:hover{background:#fff9;transform:scale(1.2)}.carousel-indicator.active{background:#ffffffe6;border-color:#ffffffe6;transform:scale(1.3)}.modal-note{font-size:1.1rem;color:var(--color-text);line-height:1.8;font-style:italic}@media (max-width: 768px){.journey-container{padding:1rem 0;height:280vh;min-height:3800px;max-width:100%}.organic-path{width:100%;left:50%;height:280vh;min-height:3800px}.organic-decorations,.journey-months{height:280vh;min-height:3800px}.month-journey-point{transform:translate(-50%,-50%)}.point-circle{width:55px;height:55px}.point-number{font-size:1.2rem}.month-journey-point.current .point-circle{width:70px;height:70px}.month-journey-point.current .point-number{font-size:1.6rem}.organic-decoration{font-size:.9rem}.journey-subtitle{font-size:.9rem;margin-bottom:2rem}.modal-content{padding:1.5rem}.modal-content{padding:1.5rem .75rem;width:98%}.modal-photo-container{min-height:300px}.modal-photo-slide img{max-height:60vh}.modal-photo-placeholder{min-height:300px;font-size:2rem}.carousel-button{width:40px;height:40px;font-size:1.5rem}}@media (prefers-reduced-motion: no-preference){.month-journey-point{transition:all .5s cubic-bezier(.4,0,.2,1)}.organic-decoration{transition:all .6s cubic-bezier(.4,0,.2,1)}}.organic-path path{filter:drop-shadow(0 0 3px rgba(255,255,255,.3))}.puzzle-game{min-height:100vh;width:100%;padding:2rem 1rem}.image-select-container{display:flex;justify-content:center;align-items:center;min-height:60vh}.image-select-wrapper{background:var(--color-white);border-radius:var(--border-radius);padding:3rem;box-shadow:var(--shadow-soft);max-width:800px;width:100%;text-align:center;max-height:80vh;overflow-y:auto;margin-top:2rem;margin-bottom:2rem}.image-select-title{font-size:2rem;color:var(--color-text);margin-bottom:.5rem;font-weight:400}.image-select-subtitle{font-size:1.1rem;color:var(--color-text-light);margin-bottom:2rem}.image-select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.image-select-card{background:var(--color-secondary);border-radius:var(--border-radius);padding:1rem;cursor:pointer;transition:var(--transition);border:2px solid transparent;position:relative}.image-select-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:var(--color-primary);background:var(--color-white)}.image-select-preview{width:100%;aspect-ratio:1;border-radius:var(--border-radius-small);overflow:hidden;background:var(--color-secondary);position:relative}.image-select-preview img{width:100%;height:100%;object-fit:cover}.delete-image-button{position:absolute;top:.5rem;right:.5rem;background:#ffffffe6;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:var(--transition);opacity:.8;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;z-index:10}.delete-image-button:hover{opacity:1;background:#ff0000e6;transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.upload-section{margin-bottom:2rem;padding:1.5rem;background:var(--color-secondary);border-radius:var(--border-radius-small)}.upload-button{background:var(--color-primary);color:var(--color-white);padding:1rem 2rem;border-radius:var(--border-radius-small);font-size:1rem;font-weight:500;border:none;cursor:pointer;transition:var(--transition);width:100%}.upload-button:hover:not(:disabled){background:var(--color-accent);transform:scale(1.02)}.upload-button:disabled{opacity:.6;cursor:not-allowed}.upload-form{margin-top:1rem;display:flex;gap:1rem;flex-wrap:wrap}.file-select-button{flex:1;background:var(--color-white);color:var(--color-text);padding:.8rem 1.5rem;border-radius:var(--border-radius-small);font-size:1rem;border:2px solid var(--color-primary);cursor:pointer;transition:var(--transition);min-width:150px}.file-select-button:hover:not(:disabled){background:var(--color-primary);color:var(--color-white)}.file-select-button:disabled{opacity:.6;cursor:not-allowed}.cancel-upload-button{background:transparent;color:var(--color-text);padding:.8rem 1.5rem;border-radius:var(--border-radius-small);font-size:1rem;border:2px solid var(--color-text-light);cursor:pointer;transition:var(--transition)}.cancel-upload-button:hover:not(:disabled){background:var(--color-text-light);color:var(--color-white)}.cancel-upload-button:disabled{opacity:.6;cursor:not-allowed}.loading-message,.empty-message{text-align:center;padding:3rem 1rem;color:var(--color-text-light);font-size:1.1rem;font-style:italic}.crop-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.crop-wrapper{background:var(--color-white);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow-soft);width:100%;max-width:600px}.crop-area{position:relative;width:100%;height:400px;background:var(--color-secondary);border-radius:var(--border-radius-small);overflow:hidden;margin-bottom:1.5rem}.crop-controls{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.zoom-control{display:flex;align-items:center;gap:1rem;width:100%;max-width:400px}.zoom-control label{font-size:1rem;color:var(--color-text);font-weight:500;min-width:100px}.zoom-control input[type=range]{flex:1;height:6px;border-radius:3px;background:var(--color-secondary);outline:none;-webkit-appearance:none}.zoom-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer}.zoom-control input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none}.zoom-control span{font-size:1rem;color:var(--color-text);font-weight:500;min-width:50px;text-align:right}.crop-confirm-button{background:var(--color-primary);color:var(--color-white);padding:1rem 2rem;border-radius:var(--border-radius-small);font-size:1.1rem;font-weight:500;transition:var(--transition);width:100%;max-width:400px}.crop-confirm-button:hover{background:var(--color-accent);transform:scale(1.05)}.crop-instruction{text-align:center;color:var(--color-text-light);font-style:italic;font-size:1rem;max-width:600px}.difficulty-selector{background:var(--color-white);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-soft);text-align:center}.difficulty-label{font-size:1.1rem;color:var(--color-text);margin-bottom:1rem;font-weight:500}.difficulty-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.difficulty-button{background:var(--color-secondary);border:2px solid transparent;border-radius:var(--border-radius-small);padding:1rem 1.5rem;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:100px}.difficulty-button:hover{background:var(--color-primary);transform:translateY(-3px);box-shadow:var(--shadow-soft)}.difficulty-button.active{background:var(--color-primary);border-color:var(--color-accent);box-shadow:var(--shadow-hover);transform:scale(1.05)}.difficulty-emoji{font-size:2rem}.difficulty-text{font-size:1rem;font-weight:500;color:var(--color-text)}.difficulty-size{font-size:.85rem;color:var(--color-text-light);font-weight:400}.puzzle-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.puzzle-board{position:relative;width:100%;max-width:600px;aspect-ratio:1;background:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-soft);overflow:hidden}.puzzle-piece{position:absolute;border:2px solid var(--color-white);cursor:grab;transition:all .2s ease;background-color:var(--color-secondary);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.puzzle-piece:active{cursor:grabbing}.puzzle-piece:hover:not(.dragging){transform:scale(1.05);z-index:10;box-shadow:0 0 10px #0000004d}.puzzle-piece.placed{border-color:#4caf50;opacity:1;cursor:default}.puzzle-piece.dragging{z-index:1000;pointer-events:none}.puzzle-actions{display:flex;justify-content:center;margin:1.5rem 0}.show-image-button{background:var(--color-primary);color:var(--color-white);padding:.8rem 1.5rem;border-radius:var(--border-radius-small);font-size:1rem;font-weight:500;transition:var(--transition);box-shadow:var(--shadow-soft)}.show-image-button:hover{background:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.puzzle-instruction{text-align:center;color:var(--color-text-light);font-style:italic;font-size:1rem}.image-preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .3s ease}.image-preview-modal{background:var(--color-white);border-radius:var(--border-radius);padding:2rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease}.image-preview-close{position:absolute;top:1rem;right:1rem;background:transparent;font-size:2rem;color:var(--color-text-light);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition);cursor:pointer}.image-preview-close:hover{background:var(--color-secondary);color:var(--color-text)}.image-preview-title{font-size:1.5rem;color:var(--color-text);margin-bottom:1.5rem;text-align:center;font-weight:400}.image-preview-container{width:100%;aspect-ratio:1;border-radius:var(--border-radius-small);overflow:hidden;background:var(--color-secondary);box-shadow:var(--shadow-soft)}.image-preview-image{width:100%;height:100%;object-fit:cover}.puzzle-complete{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.celebration-message{text-align:center;background:var(--color-white);padding:3rem;border-radius:var(--border-radius);box-shadow:var(--shadow-soft);max-width:600px}.celebration-message h2{font-size:2.5rem;color:var(--color-text);margin-bottom:1rem}.celebration-message p{font-size:1.2rem;color:var(--color-text);line-height:1.8;margin-bottom:2rem}.completed-puzzle-container{display:flex;justify-content:center;margin:2rem 0}.completed-puzzle-board{position:relative;width:100%;max-width:400px;aspect-ratio:1;background:var(--color-white);border-radius:var(--border-radius-small);box-shadow:var(--shadow-soft);overflow:hidden;border:3px solid #4CAF50}.completed-puzzle-piece{position:absolute;border:1px solid rgba(255,255,255,.3);opacity:1}.restart-button{background:var(--color-primary);color:var(--color-white);padding:1rem 2rem;border-radius:var(--border-radius-small);font-size:1rem;font-weight:500;transition:var(--transition)}.restart-button:hover{background:var(--color-accent);transform:scale(1.05)}@media (max-width: 768px){.image-select-wrapper{padding:2rem 1.5rem}.image-select-title{font-size:1.5rem}.image-select-grid{grid-template-columns:1fr;gap:1.5rem}.crop-wrapper{padding:1rem}.crop-area{height:300px}.zoom-control{flex-direction:column;gap:.5rem}.zoom-control label{min-width:auto}.difficulty-selector{padding:1rem}.difficulty-buttons{gap:.5rem}.difficulty-button{padding:.8rem 1rem;min-width:80px}.difficulty-emoji{font-size:1.5rem}.difficulty-text{font-size:.9rem}.difficulty-size{font-size:.75rem}.puzzle-board{max-width:100%}.celebration-message{padding:2rem 1.5rem;max-width:100%}.celebration-message h2{font-size:2rem}.celebration-message p{font-size:1rem}.completed-puzzle-board{max-width:100%}.image-preview-modal{padding:1.5rem}.image-preview-title{font-size:1.2rem}}.story-book{position:fixed;top:0;left:0;width:100%;height:100vh;background:#f5e6d3;overflow:hidden;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.story-close-button{position:fixed;top:1.5rem;right:1.5rem;z-index:1000;width:45px;height:45px;border-radius:50%;background:#8b6f47e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:2rem;font-weight:300;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);line-height:1;pointer-events:auto}.story-close-button:hover{background:#8b6f47;transform:scale(1.1);box-shadow:0 6px 20px #0006}.book-container{position:relative;width:100%;height:100vh;perspective:2000px;perspective-origin:center center;display:flex;align-items:center;justify-content:center;touch-action:none;background:#f5e6d3;overflow:hidden;z-index:1}.book-page{position:absolute;width:100%;height:100vh;background:#f5e6d3;background-image:linear-gradient(90deg,rgba(139,111,71,.05) 0%,transparent 2%),linear-gradient(90deg,transparent 98%,rgba(139,111,71,.05) 100%),repeating-linear-gradient(0deg,transparent,transparent 29px,rgba(139,111,71,.06) 29px,rgba(139,111,71,.06) 30px);cursor:grab;user-select:none;-webkit-user-select:none;padding:4rem 5rem;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;transform-style:preserve-3d;backface-visibility:hidden;scrollbar-width:thin;scrollbar-color:rgba(139,111,71,.3) transparent;touch-action:pan-y;-webkit-overflow-scrolling:touch}.book-page::-webkit-scrollbar{width:8px}.book-page::-webkit-scrollbar-track{background:transparent}.book-page::-webkit-scrollbar-thumb{background:#8b6f474d;border-radius:4px}.book-page::-webkit-scrollbar-thumb:hover{background:#8b6f4780}.book-page:active{cursor:grabbing}.page-content{max-width:100%;margin:0 auto;width:100%;display:flex;flex-direction:column;min-height:min-content;padding-top:4rem;padding-bottom:4rem;justify-content:flex-start}.page-title{font-size:clamp(2rem,4vw,3rem);color:#8b4513;margin-bottom:2.5rem;text-align:center;font-weight:500;font-family:Georgia,serif;text-shadow:1px 1px 2px rgba(0,0,0,.1);letter-spacing:1px}.page-text{font-size:clamp(1rem,2vw,1.3rem);line-height:2;color:#4a4a4a;text-align:justify;font-family:Georgia,serif;text-shadow:.5px .5px 1px rgba(0,0,0,.05);-webkit-hyphens:auto;hyphens:auto;white-space:pre-line}.highlight-word{color:#8b4513;font-weight:600;cursor:pointer;transition:var(--transition);padding:2px 4px;border-radius:4px;position:relative;text-shadow:none}.highlight-word:hover{background:#8b451326;transform:scale(1.05);box-shadow:0 2px 5px #8b451333}.book-controls{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;background:#8b6f47e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;border-radius:50px;box-shadow:0 4px 20px #0000004d;z-index:200}.page-indicator{font-size:1rem;color:#fffffff2;font-weight:600;min-width:60px;text-align:center}@media (max-width: 768px){.story-close-button{top:1rem;right:1rem;width:40px;height:40px;font-size:1.8rem}.book-page{width:100%;height:100vh;padding:2rem 1.5rem}.page-title{font-size:1.8rem;margin-bottom:1.5rem}.page-text{font-size:1rem;line-height:1.8}.book-controls{bottom:3rem;padding:.8rem 1.5rem}.page-indicator{font-size:.9rem}}@media (max-width: 480px){.book-page{padding:1.5rem 1rem}.book-controls{flex-direction:column;gap:.5rem;width:90%;padding:1rem}.page-button{width:100%}}.new-year-tasks{min-height:100vh;width:100%;padding:2rem 1rem}.progress-section{background:var(--color-white);border-radius:var(--border-radius);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-soft)}.progress-bar-container{width:100%;height:30px;background:var(--color-secondary);border-radius:15px;margin-bottom:1rem;position:relative;overflow:visible}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:15px;transition:width .5s ease;position:relative;overflow:visible;min-width:40px}.progress-bar:after{content:"❤️";position:absolute;right:-5px;transform:translateY(-50%);font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;width:30px;height:30px;animation:pulse 1s ease-in-out infinite;z-index:10}@keyframes pulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.2)}}.progress-text{text-align:center;font-size:1.1rem;color:var(--color-text);font-weight:500}.task-input-section{display:flex;gap:1rem;margin-bottom:2rem}.task-input{flex:1;padding:1rem;border:2px solid var(--color-secondary);border-radius:var(--border-radius-small);font-size:1rem;background:var(--color-white);color:var(--color-text);transition:var(--transition)}.task-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ffb6c133}.add-task-button{background:var(--color-primary);color:var(--color-white);padding:1rem 2rem;border-radius:var(--border-radius-small);font-size:1rem;font-weight:500;transition:var(--transition)}.add-task-button:hover{background:var(--color-accent);transform:scale(1.05)}.tasks-section{margin-bottom:3rem}.tasks-section-title{font-size:1.5rem;color:#d4af37;margin-bottom:1.5rem;font-weight:600;padding-bottom:.5rem;border-bottom:2px solid rgba(212,175,55,.4);text-shadow:0 0 15px rgba(212,175,55,.6),0 2px 6px rgba(0,0,0,.3)}.completed-section{margin-top:3rem;padding-top:2rem;border-top:2px dashed rgba(212,175,55,.4)}.completed-title{color:#c9a961;opacity:.95;text-shadow:0 0 15px rgba(201,169,97,.6),0 2px 6px rgba(0,0,0,.3)}.tasks-list{display:flex;flex-direction:column;gap:1rem}.empty-tasks-message{text-align:center;padding:3rem 1rem;color:var(--color-text-light);font-size:1.1rem;font-style:italic}.task-item{background:var(--color-white);border-radius:var(--border-radius-small);padding:1.5rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-soft);transition:var(--transition);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.task-item.completed{opacity:.7;background:var(--color-secondary)}.task-item.completed .task-text{text-decoration:line-through;color:var(--color-text-light)}.task-checkbox-label{display:flex;align-items:center;gap:1rem;flex:1;cursor:pointer}.task-checkbox{width:24px;height:24px;cursor:pointer;accent-color:var(--color-primary)}.task-text{font-size:1.1rem;color:var(--color-text);-webkit-user-select:none;user-select:none}.delete-task-button{background:transparent;font-size:1.2rem;padding:.5rem;border-radius:var(--border-radius-small);transition:var(--transition);opacity:.5}.delete-task-button:hover{opacity:1;background:var(--color-secondary);transform:scale(1.1)}.complete-message-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease}.complete-message{background:var(--color-white);border-radius:var(--border-radius);padding:3rem;max-width:500px;text-align:center;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease}.complete-message h2{font-size:2.5rem;color:var(--color-text);margin-bottom:1rem}.complete-message p{font-size:1.2rem;color:var(--color-text);line-height:1.8;margin-bottom:2rem}.complete-message button{background:var(--color-primary);color:var(--color-white);padding:1rem 2rem;border-radius:var(--border-radius-small);font-size:1rem;font-weight:500;transition:var(--transition)}.complete-message button:hover{background:var(--color-accent);transform:scale(1.05)}@media (max-width: 768px){.task-input-section{flex-direction:column}.add-task-button{width:100%}.complete-message{padding:2rem 1.5rem}.complete-message h2{font-size:2rem}.complete-message p{font-size:1rem}}.romantic-quiz{min-height:100vh;width:100%;padding:2rem 1rem}.quiz-container{margin-top:2rem}.quiz-progress{text-align:center;color:var(--color-text-light);font-size:1rem;margin-bottom:2rem;font-weight:500}.question-card{background:var(--color-white);border-radius:var(--border-radius);padding:2.5rem;box-shadow:var(--shadow-soft)}.question-text{font-size:1.5rem;color:var(--color-text);margin-bottom:2rem;text-align:center;line-height:1.6;font-weight:400}.options-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.option-button{background:var(--color-white);border:2px solid var(--color-secondary);color:var(--color-text);padding:1.2rem;border-radius:var(--border-radius-small);font-size:1.1rem;text-align:left;transition:var(--transition);cursor:pointer}.option-button:hover:not(:disabled){background:var(--color-secondary);border-color:var(--color-primary);transform:translate(10px)}.option-button:disabled{cursor:not-allowed}.option-button.correct{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.option-button.incorrect{background:#ffebee;border-color:#f44336;color:#c62828}.option-button.correct-answer{background:#e8f5e9;border-color:#4caf50;color:#2e7d32;animation:pulse .5s ease}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.feedback{padding:1.5rem;border-radius:var(--border-radius-small);margin-top:1rem;animation:slideIn .3s ease}.feedback-correct{background:#e8f5e9;color:#2e7d32}.feedback-wrong{background:#fff3e0;color:#e65100}.feedback p{font-size:1.1rem;margin-bottom:1rem;text-align:center}.next-question-button{background:var(--color-primary);color:var(--color-white);padding:1rem 2rem;border-radius:var(--border-radius-small);font-size:1rem;font-weight:500;width:100%;transition:var(--transition)}.next-question-button:hover{background:var(--color-accent);transform:scale(1.05)}.quiz-final{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;background:var(--color-white);border-radius:var(--border-radius);padding:3rem;box-shadow:var(--shadow-soft)}.final-heart{font-size:5rem;animation:heartbeat 1s ease-in-out infinite;margin-bottom:2rem}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.final-title{font-size:2.5rem;color:var(--color-text);margin-bottom:2rem;font-weight:400}.final-message{font-size:1.3rem;color:var(--color-text);line-height:2;margin-bottom:2rem;max-width:600px}.restart-quiz-button{background:var(--color-primary);color:var(--color-white);padding:1rem 2rem;border-radius:var(--border-radius-small);font-size:1rem;font-weight:500;transition:var(--transition)}.restart-quiz-button:hover{background:var(--color-accent);transform:scale(1.05)}@media (max-width: 768px){.question-card{padding:1.5rem}.question-text{font-size:1.2rem}.option-button{padding:1rem;font-size:1rem}.quiz-final{padding:2rem 1.5rem}.final-title{font-size:2rem}.final-message{font-size:1.1rem}.final-heart{font-size:4rem}}.year-highlights{min-height:100vh;padding:2rem 1rem;position:relative;background:linear-gradient(135deg,#ff6b9d,#c44569,#8b2e5f);color:var(--color-white);overflow-y:auto}.back-button{position:fixed;top:1.5rem;left:1.5rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:var(--color-white);padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;font-size:1rem;transition:all .3s ease;z-index:100}.back-button:hover{background:#ffffff4d;transform:translate(-5px)}.progress-bar{width:100%;max-width:600px;height:4px;background:#fff3;border-radius:2px;margin:2rem auto 1rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,gold,#ffed4e);border-radius:2px;transition:width .5s ease;box-shadow:0 0 10px #ffd70080}.progress-text{text-align:center;font-size:.9rem;opacity:.8;margin-bottom:2rem}.highlights-container{max-width:700px;margin:0 auto;padding:2rem 0}.question-card{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:3rem 2rem;box-shadow:0 8px 32px #0000001a,0 0 0 1px #fff3 inset;animation:cardSlideIn .6s ease-out;border:1px solid rgba(255,255,255,.2)}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.question-title{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:500;margin-bottom:1rem;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.2)}.question-description{font-size:1.1rem;opacity:.9;text-align:center;margin-bottom:2.5rem;font-style:italic;line-height:1.6}.options-list{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.option-button{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);color:var(--color-white);padding:1.2rem 2rem;border-radius:20px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-align:left;font-weight:400}.option-button:hover{background:#ffffff4d;transform:translate(10px);box-shadow:0 4px 15px #0003}.option-button:active{transform:translate(5px)}.option-button.selected{background:#fff6;border-color:#fff9;box-shadow:0 4px 20px #ffffff4d;font-weight:500}.continue-container{margin-top:2rem;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.continue-button{width:100%;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.5);color:var(--color-white);padding:1.2rem 2rem;border-radius:20px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;font-weight:500}.continue-button:hover{background:#fff6;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.no-options-message{text-align:center;padding:2rem;opacity:.8;font-style:italic}.options-hint{font-size:.9rem;margin-top:.5rem;opacity:.6}.special-question-container{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2rem}.special-photo-preview{width:250px;height:250px;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px #0000004d;position:relative;border:3px solid rgba(255,255,255,.4);transition:all .3s ease}.special-photo-preview img{width:100%;height:100%;object-fit:cover}.special-photo-preview .photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.special-photo-preview.heart-pulse{animation:heartPulse .6s ease}@keyframes heartPulse{0%,to{transform:scale(1);box-shadow:0 8px 30px #0000004d}50%{transform:scale(1.05);box-shadow:0 8px 40px #ff69b499}}.heart-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;animation:heartFloat 2s ease-out;pointer-events:none;z-index:10}@keyframes heartFloat{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-70%) scale(1.2)}to{opacity:0;transform:translate(-50%,-100%) scale(.8)}}.special-button{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);color:var(--color-white);padding:1.2rem 3rem;border-radius:25px;font-size:1.3rem;cursor:pointer;transition:all .3s ease;font-weight:500}.special-button:hover{background:#ffffff59;transform:scale(1.05);box-shadow:0 6px 20px #0000004d}.special-button.selected{background:#fff6;border-color:#fff9;box-shadow:0 6px 25px #fff6}.prev-button{margin-top:2rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:var(--color-white);padding:.75rem 1.5rem;border-radius:20px;cursor:pointer;font-size:1rem;transition:all .3s ease;display:block;margin-left:auto;margin-right:auto}.prev-button:hover{background:#ffffff40;transform:translate(-5px)}.summary-container{max-width:800px;margin:0 auto;padding:2rem 1rem;animation:fadeIn .6s ease-out}.summary-title{font-size:clamp(2rem,5vw,3rem);text-align:center;margin-bottom:3rem;font-weight:400;text-shadow:0 2px 15px rgba(0,0,0,.3)}.summary-content{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem}.summary-item{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;box-shadow:0 4px 20px #0000001a,0 0 0 1px #fff3 inset;border:1px solid rgba(255,255,255,.2);animation:itemSlideIn .5s ease-out backwards}@keyframes itemSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.summary-item:nth-child(1){animation-delay:.1s}.summary-item:nth-child(2){animation-delay:.2s}.summary-item:nth-child(3){animation-delay:.3s}.summary-item:nth-child(4){animation-delay:.4s}.summary-item:nth-child(5){animation-delay:.5s}.summary-item:nth-child(6){animation-delay:.6s}.summary-item:nth-child(7){animation-delay:.7s}.summary-item:nth-child(8){animation-delay:.8s}.summary-item:nth-child(9){animation-delay:.9s}.summary-item:nth-child(10){animation-delay:1s}.summary-question{font-size:1.2rem;font-weight:500;margin-bottom:1rem;opacity:.9}.summary-answer{font-size:1.4rem;font-weight:400;line-height:1.6}.special-answer-couple,.special-answer-girl{display:flex;justify-content:center;margin-top:1rem}.special-photo-wrapper{width:200px;height:200px;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #0003;border:2px solid rgba(255,255,255,.3)}.special-photo-wrapper img{width:100%;height:100%;object-fit:cover}.special-photo-wrapper .photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.summary-footer{text-align:center;margin:4rem 0;padding:3rem 2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;border:1px solid rgba(255,255,255,.2)}.summary-message{font-size:clamp(1.3rem,3vw,1.8rem);font-weight:400;line-height:1.8;margin-bottom:2rem;font-style:italic}.summary-future{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:300;opacity:.9;line-height:1.6}.summary-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.edit-button,.reset-button{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:var(--color-white);padding:.75rem 2rem;border-radius:20px;cursor:pointer;font-size:1rem;transition:all .3s ease}.edit-button:hover{background:#ffffff4d;transform:translateY(-2px)}.reset-button{background:#ff646433;border-color:#ff646466}.reset-button:hover{background:#ff64644d;transform:translateY(-2px)}@media (max-width: 768px){.question-card{padding:2rem 1.5rem}.question-title{font-size:1.5rem}.question-description{font-size:1rem}.special-photo-preview{width:200px;height:200px}.summary-item{padding:1.5rem}.summary-question{font-size:1.1rem}.summary-answer{font-size:1.2rem}}.places-2026{min-height:100vh;width:100%;padding:2rem 1rem}.module-subtitle{text-align:center;color:var(--color-white);font-size:1.1rem;font-style:italic;margin-bottom:2rem;opacity:.9;text-shadow:0 1px 3px rgba(0,0,0,.2)}.controls-section{background:#fffffff2;border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-soft)}.add-place-button{width:100%;background:var(--color-primary);color:var(--color-white);padding:1rem 2rem;border-radius:var(--border-radius-small);font-size:1.1rem;font-weight:500;margin-bottom:1.5rem;transition:var(--transition)}.add-place-button:hover{background:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.filters-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.9rem;color:var(--color-text);font-weight:500}.filter-group select{padding:.75rem;border:2px solid var(--color-secondary);border-radius:var(--border-radius-small);font-size:1rem;background:var(--color-white);color:var(--color-text);transition:var(--transition);cursor:pointer}.filter-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ffb6c133}.places-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.place-card{background:var(--color-white);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-soft);transition:var(--transition);cursor:pointer;position:relative;overflow:hidden;background-size:cover;background-position:center;min-height:250px;display:flex;flex-direction:column}.place-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#00000080,#000c);z-index:1}.place-card-content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;color:var(--color-white)}.place-card-content.no-photo{color:var(--color-text)}.place-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover)}.place-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.place-title{font-size:1.3rem;font-weight:600;color:var(--color-white);text-shadow:0 2px 8px rgba(0,0,0,.8),0 1px 3px rgba(0,0,0,.6);flex:1}.place-card-content.no-photo .place-title{color:var(--color-text);text-shadow:none}.place-type-badge{padding:.4rem .8rem;border-radius:20px;font-size:.85rem;white-space:nowrap;background:#ffffffe6;color:var(--color-text);font-weight:500}.place-card-body{flex:1;display:flex;flex-direction:column;gap:.4rem}.place-card-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:.75rem}.place-date{font-size:.9rem;opacity:.95;text-shadow:0 1px 4px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.6)}.place-card-content.no-photo .place-date{opacity:1;text-shadow:none;color:var(--color-text)}.place-location{font-size:.9rem;opacity:.95;text-shadow:0 1px 4px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.6)}.place-card-content.no-photo .place-location{opacity:1;text-shadow:none;color:var(--color-text)}.place-rating{font-size:1.5rem;font-weight:600;display:flex;align-items:baseline;gap:.3rem;text-shadow:0 2px 8px rgba(0,0,0,.9),0 1px 4px rgba(0,0,0,.7);white-space:nowrap}.place-card-content.no-photo .place-rating{text-shadow:none}.place-card-content.no-photo .place-rating .rating-value-large,.place-card-content.no-photo .place-rating .rating-out-of{color:var(--color-text)}.rating-stars,.rating-value-large{font-size:1.5rem}.rating-out-of{font-size:1rem;opacity:.8}.place-would-go{font-size:.95rem;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.6)}.place-card-content.no-photo .place-would-go{text-shadow:none;color:var(--color-text)}.place-notes-preview{font-size:.9rem;opacity:.9;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.6)}.place-card-content.no-photo .place-notes-preview{opacity:1;text-shadow:none;color:var(--color-text)}.place-price{font-size:1rem;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.6)}.place-card-content.no-photo .place-price{text-shadow:none;color:var(--color-text)}.empty-message{text-align:center;padding:4rem 1rem;background:#fffffff2;border-radius:var(--border-radius);color:var(--color-text-light);font-size:1.2rem;font-style:italic;box-shadow:var(--shadow-soft)}.place-form{background:#fffffff2;border-radius:var(--border-radius);padding:2rem;max-width:800px;margin:0 auto;box-shadow:var(--shadow-soft)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--color-text);font-weight:500;font-size:1rem}.form-group input[type=text],.form-group input[type=date],.form-group input[type=url],.form-group input[type=number],.form-group textarea{width:100%;padding:.75rem;border:2px solid var(--color-secondary);border-radius:var(--border-radius-small);font-size:1rem;font-family:inherit;background:var(--color-white);color:var(--color-text);transition:var(--transition)}.form-group input[type=file]{display:none}.custom-upload-button{width:100%;padding:1rem 2rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--border-radius-small);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem}.custom-upload-button:hover:not(:disabled){background:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.custom-upload-button:disabled{opacity:.6;cursor:not-allowed}.photos-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem}.photo-preview-container{position:relative;display:inline-block;border-radius:var(--border-radius-small);overflow:hidden;box-shadow:var(--shadow-soft);aspect-ratio:1}.photo-preview{width:100%;height:100%;object-fit:cover;display:block}.remove-photo-button{position:absolute;top:.5rem;right:.5rem;width:30px;height:30px;background:#f44336e6;color:#fff;border:none;border-radius:50%;font-size:1.2rem;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;line-height:1}.remove-photo-button:hover{background:#f44336;transform:scale(1.1)}.modal-photos{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ffb6c133}.type-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.type-button{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:2px solid var(--color-secondary);border-radius:var(--border-radius-small);background:var(--color-white);cursor:pointer;transition:var(--transition)}.type-button:hover{border-color:var(--color-primary);transform:translateY(-2px)}.type-button.active{border-color:var(--color-primary);background:var(--color-secondary)}.type-icon{font-size:1.5rem}.type-label{font-size:.85rem;color:var(--color-text)}.rating-section{background:var(--color-secondary);border-radius:var(--border-radius-small);padding:1.5rem;margin-bottom:1.5rem}.rating-section h3{margin-bottom:.75rem;color:var(--color-text);font-size:1.2rem}.rating-group{margin-bottom:1.5rem}.rating-group:last-child{margin-bottom:0}.rating-label{display:block;margin-bottom:.5rem;color:var(--color-text);font-weight:600;font-size:1.1rem}.rating-controls{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.rating-slider{flex:1;height:8px;border-radius:4px;background:var(--color-white);outline:none;-webkit-appearance:none}.rating-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;transition:var(--transition)}.rating-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:var(--color-accent)}.rating-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none;transition:var(--transition)}.rating-slider::-moz-range-thumb:hover{transform:scale(1.2);background:var(--color-accent)}.rating-value{font-size:1.2rem;font-weight:600;color:var(--color-primary);min-width:50px;text-align:right}.rating-comment{width:100%;padding:.75rem;border:2px solid var(--color-secondary);border-radius:var(--border-radius-small);font-size:.95rem;font-family:inherit;background:var(--color-white);color:var(--color-text);resize:vertical}.would-go-buttons{display:flex;gap:1rem;flex-wrap:wrap}.would-go-button{flex:1;min-width:120px;padding:1rem;border:2px solid var(--color-secondary);border-radius:var(--border-radius-small);background:var(--color-white);color:var(--color-text);font-size:1rem;transition:var(--transition);cursor:pointer}.would-go-button:hover{border-color:var(--color-primary);transform:translateY(-2px)}.would-go-button.active.yes{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.would-go-button.active.no{background:#ffebee;border-color:#f44336;color:#c62828}.would-go-button.active.maybe{background:#fff3e0;border-color:#ffa726;color:#e65100}.would-go-button.clear-button{flex:0 0 auto;min-width:auto;padding:1rem 1.5rem;background:var(--color-secondary);border-color:var(--color-secondary);opacity:.8}.would-go-button.clear-button:hover{background:#ffc1c7;border-color:var(--color-text-light);opacity:1}.form-actions{display:flex;gap:1rem;margin-top:2rem}.submit-button{flex:1;background:var(--color-primary);color:var(--color-white);padding:1rem 2rem;border-radius:var(--border-radius-small);font-size:1.1rem;font-weight:500;transition:var(--transition)}.submit-button:hover{background:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.cancel-button{padding:1rem 2rem;background:var(--color-secondary);color:var(--color-text);border-radius:var(--border-radius-small);font-size:1rem;transition:var(--transition)}.cancel-button:hover{background:#ffc1c7;transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease}.modal-content{background:var(--color-white);border-radius:var(--border-radius);padding:2rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:2rem;color:var(--color-text-light);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.modal-close:hover{background:var(--color-secondary);color:var(--color-text)}.modal-photo-grid-2x2{width:100%;margin-bottom:1.5rem;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.5rem;height:400px}.modal-photo-grid-item{position:relative;border-radius:var(--border-radius-small);overflow:hidden;cursor:pointer;transition:var(--transition);background:var(--color-secondary)}.modal-photo-grid-item:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.modal-photo-grid-img{width:100%;height:100%;object-fit:cover;display:block}.modal-photo-full{grid-column:1 / 3;grid-row:1 / 3}.modal-photo-left{grid-column:1 / 2;grid-row:1 / 3}.modal-photo-right{grid-column:2 / 3;grid-row:1 / 3}.modal-photo-right-top{grid-column:2 / 3;grid-row:1 / 2}.modal-photo-right-bottom{grid-column:2 / 3;grid-row:2 / 3;position:relative}.modal-photo-overlay-count{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:2rem;font-weight:700;z-index:5}.modal-title{font-size:1.8rem;color:var(--color-text);margin-bottom:1.5rem;font-weight:600}.modal-info{display:flex;flex-direction:column;gap:1rem}.modal-info-item{font-size:1rem;color:var(--color-text);line-height:1.6}.modal-info-item strong{color:var(--color-primary);margin-right:.5rem}.modal-ratings{background:var(--color-secondary);border-radius:var(--border-radius-small);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.modal-rating-item{padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.modal-rating-item:last-of-type{border-bottom:none;padding-bottom:0}.modal-rating-item strong{color:var(--color-text);font-size:1rem}.rating-comment-text{margin-top:.5rem;font-size:.9rem;color:var(--color-text-light);font-style:italic;padding-left:1rem}.modal-rating-average{margin-top:.5rem;padding-top:1rem;border-top:2px solid var(--color-primary);font-size:1.1rem}.modal-rating-average strong{color:var(--color-text)}.modal-notes{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-secondary)}.modal-notes strong{display:block;margin-bottom:.5rem;color:var(--color-text)}.modal-notes p{color:var(--color-text-light);line-height:1.6;font-style:italic}.modal-links{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.modal-link{display:inline-block;padding:.75rem 1.5rem;background:var(--color-primary);color:var(--color-white);text-decoration:none;border-radius:var(--border-radius-small);transition:var(--transition);font-weight:500}.modal-link:hover{background:var(--color-accent);transform:translateY(-2px)}.modal-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-secondary)}.edit-button,.delete-button{flex:1;padding:.75rem 1.5rem;border-radius:var(--border-radius-small);font-size:1rem;font-weight:500;transition:var(--transition);cursor:pointer}.edit-button{background:var(--color-primary);color:var(--color-white)}.edit-button:hover{background:var(--color-accent);transform:translateY(-2px)}.delete-button{background:#ffebee;color:#c62828;border:2px solid #F44336}.delete-button:hover{background:#ffcdd2;transform:translateY(-2px)}@media (max-width: 768px){.places-2026{padding:1rem .5rem}.filters-section,.places-grid{grid-template-columns:1fr}.type-buttons{grid-template-columns:repeat(2,1fr)}.would-go-buttons{flex-direction:column}.would-go-button{width:100%}.form-actions{flex-direction:column}.modal-content{padding:1.5rem}.modal-links{flex-direction:column}.modal-link{text-align:center}.modal-actions{flex-direction:column}}.fullscreen-photo-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:2000;display:flex;align-items:center;justify-content:center;padding:2rem}.fullscreen-photo-close{position:absolute;top:2rem;right:2rem;background:#ffffffe6;border:none;width:50px;height:50px;border-radius:50%;font-size:2rem;font-weight:700;color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);z-index:2001;box-shadow:0 2px 8px #0000004d}.fullscreen-photo-close:hover{background:var(--color-white);transform:scale(1.1)}.fullscreen-photo-container{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.fullscreen-photo{max-width:100%;max-height:90vh;object-fit:contain;border-radius:var(--border-radius-small)}.fullscreen-photo-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:60px;height:60px;border-radius:50%;font-size:2rem;font-weight:700;color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);z-index:2001;box-shadow:0 2px 8px #0000004d}.fullscreen-photo-nav:hover{background:var(--color-white);transform:translateY(-50%) scale(1.1)}.fullscreen-photo-nav-prev{left:2rem}.fullscreen-photo-nav-next{right:2rem}.fullscreen-photo-indicators{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;z-index:2001}.fullscreen-photo-indicator{width:10px;height:10px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;transition:var(--transition);padding:0}.fullscreen-photo-indicator.active{background:var(--color-white);width:30px;border-radius:5px}@media (max-width: 768px){.modal-photo-grid-2x2{max-height:300px}.modal-photo-nav{width:35px;height:35px;font-size:1.2rem}.fullscreen-photo-nav{width:50px;height:50px;font-size:1.5rem}.fullscreen-photo-nav-prev{left:1rem}.fullscreen-photo-nav-next{right:1rem}.fullscreen-photo-close{top:1rem;right:1rem;width:40px;height:40px;font-size:1.5rem}}.womens-day{min-height:100vh;background:linear-gradient(180deg,#fff5f7,#ffe8ec 30%,#f5e6e8);padding:2rem 1rem 4rem;position:relative;overflow-x:hidden}.wd-deco{position:fixed;font-size:1.8rem;opacity:.25;pointer-events:none;animation:wdFloat 4s ease-in-out infinite;z-index:0}.wd-deco-1{top:12%;left:6%;animation-delay:0s}.wd-deco-2{top:18%;right:8%;font-size:1.4rem;animation-delay:.8s}.wd-deco-3{bottom:30%;left:4%;font-size:1.2rem;animation-delay:1.6s}.wd-deco-4{bottom:20%;right:8%;font-size:1.5rem;animation-delay:2.4s}.wd-deco-5{top:45%;right:3%;font-size:1.3rem;animation-delay:3.2s}@keyframes wdFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}.wd-back-button{position:fixed;top:1rem;left:1rem;z-index:100;background:#ffffffe6;border:1px solid rgba(255,182,193,.5);border-radius:12px;padding:.5rem 1rem;font-size:.95rem;color:#8b6b6b;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #0000000d}.wd-back-button:hover{background:#fff;color:#c41e3a;box-shadow:0 4px 15px #c8647833}.wd-content{max-width:520px;margin:0 auto;min-height:60vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.wd-page{width:100%;padding:2rem 1.5rem;animation:wdPageIn .5s ease}@keyframes wdPageIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wd-page-intro{text-align:center}.wd-main-title{font-size:clamp(2rem,5vw,2.6rem);font-weight:400;color:#8b6b6b;margin-bottom:1rem;letter-spacing:.5px}.wd-intro-text{font-size:1.15rem;color:#a67b7b;line-height:1.6;margin-bottom:2rem}.wd-section-label{font-size:1.3rem;font-weight:500;color:#8b6b6b;text-align:center;margin-bottom:1rem}.wd-page-question{text-align:center}.wd-intro-small{font-size:.95rem;color:#a67b7b;font-style:italic;margin-bottom:1.5rem;line-height:1.5}.wd-question-card{background:#fffffff2;border-radius:20px;padding:2rem;box-shadow:0 4px 25px #00000014;border:1px solid rgba(255,220,230,.6)}.wd-question{font-size:1.25rem;font-weight:500;color:#8b6b6b;margin-bottom:1.5rem;line-height:1.5}.wd-answer{font-size:1.1rem;color:#c41e3a;line-height:1.6;margin-bottom:1.5rem;padding:1rem;background:#ffb6c133;border-radius:12px;animation:wdReveal .4s ease}@keyframes wdReveal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.wd-page-note{text-align:center}.wd-note-text{font-size:1.3rem;font-style:italic;color:#8b6b6b;margin-bottom:2rem;line-height:1.6}.wd-page-story{text-align:center;position:relative}.wd-story-card{background:#fffffffa;border-radius:24px;padding:2.5rem 2rem;margin-bottom:1.5rem;box-shadow:0 8px 30px #0000000f;border-left:5px solid;position:relative;overflow:hidden}.wd-story-card:before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;border-radius:50%;opacity:.08}.wd-story-card-0{border-left-color:#e8a0bf}.wd-story-card-0:before{background:#e8a0bf;transform:translate(30%,-30%)}.wd-story-card-1{border-left-color:#98d8c8}.wd-story-card-1:before{background:#98d8c8;transform:translate(30%,-30%)}.wd-story-card-2{border-left-color:#f7dc6f}.wd-story-card-2:before{background:#f7dc6f;transform:translate(30%,-30%)}.wd-story-card-3{border-left-color:#bb8fce}.wd-story-card-3:before{background:#bb8fce;transform:translate(30%,-30%)}.wd-story-card-4{border-left-color:#f1948a}.wd-story-card-4:before{background:#f1948a;transform:translate(30%,-30%)}.wd-story-images{display:grid;gap:.75rem;margin-bottom:1.25rem;border-radius:16px;overflow:hidden}.wd-story-images-1{grid-template-columns:1fr;max-width:280px;margin-left:auto;margin-right:auto}.wd-story-images-2{grid-template-columns:1fr 1fr}.wd-story-images-3{grid-template-columns:repeat(3,1fr)}.wd-story-img{width:100%;height:200px;object-fit:cover;border-radius:12px;display:block;animation:wdImgFadeIn .5s ease}.wd-story-images-1 .wd-story-img{height:260px}@keyframes wdImgFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.wd-story-icon{font-size:3rem;margin-bottom:1rem;display:block;animation:wdIconPop .5s ease}@keyframes wdIconPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.wd-story-text{font-size:1.2rem;color:#5a4a4a;line-height:1.7;margin-bottom:1rem}.wd-story-step{font-size:.8rem;color:#a67b7b;opacity:.8}.wd-page-final{text-align:center;position:relative}.wd-page-final:before{content:"🌸";position:absolute;top:-.5rem;left:50%;transform:translate(-50%);font-size:2.5rem;opacity:.4}.wd-final-img{width:100%;max-width:280px;height:220px;object-fit:cover;border-radius:16px;margin:0 auto 1.5rem;display:block;box-shadow:0 8px 25px #00000014}.wd-final-text{font-size:clamp(1.4rem,4vw,1.8rem);font-weight:500;color:#c41e3a;margin-bottom:2rem;line-height:1.5;padding:1.5rem;background:#ffb6c126;border-radius:20px;border:1px solid rgba(255,182,193,.3)}.wd-page-secret{text-align:center}.wd-secret-title{font-size:1.3rem;color:#8b6b6b;margin-bottom:1.5rem}.wd-secret-button{background:linear-gradient(135deg,#ffb6c1,pink);border:none;border-radius:24px;padding:1rem 2rem;font-size:1.2rem;color:#8b6b6b;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #ffb6c166}.wd-secret-button:hover{transform:scale(1.05);box-shadow:0 6px 25px #ffb6c180}.wd-btn{border:none;border-radius:14px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:all .3s ease}.wd-btn-gor{background:#ffb6c180;color:#8b6b6b}.wd-btn-gor:hover{background:#ffb6c1b3;transform:translateY(-2px)}.wd-btn-primary{background:linear-gradient(135deg,#ffb6c1,pink);color:#8b6b6b;margin-top:.5rem}.wd-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffb6c166}.wd-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:wdFadeIn .3s ease}@keyframes wdFadeIn{0%{opacity:0}to{opacity:1}}.wd-modal{background:#fff;border-radius:20px;padding:2.5rem;max-width:90%;width:380px;box-shadow:0 20px 50px #00000026;animation:wdSlideUp .4s ease}@keyframes wdSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.wd-modal-text{font-size:1.1rem;line-height:1.8;color:#8b6b6b;text-align:center;margin-bottom:1rem}.wd-modal-heart{display:block;text-align:center;font-size:2rem;margin-bottom:1.5rem}.wd-modal-close{display:block;width:100%;background:linear-gradient(135deg,#ffb6c1,pink);border:none;border-radius:12px;padding:.75rem;font-size:1rem;color:#8b6b6b;cursor:pointer;transition:all .3s ease}.wd-modal-close:hover{background:linear-gradient(135deg,pink,#ffb6c1)}@media (max-width: 768px){.womens-day{padding:3.5rem .75rem 4rem}.wd-back-button{top:.5rem;left:.5rem;padding:.4rem .8rem;font-size:.9rem}.wd-question-card,.wd-story-card{padding:1.5rem}.wd-question{font-size:1.1rem}.wd-story-img{height:160px}.wd-story-images-1 .wd-story-img{height:200px}.wd-story-images-3{grid-template-columns:repeat(3,1fr);gap:.5rem}.wd-final-img{max-width:240px;height:180px}}.bd-experience{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;color:#f6e9d7;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;z-index:9999}.bd-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,#2a1726,#1a0e1a 38%,#0b0710 75%,#050308);z-index:0}.bd-bg-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 50% 42%,#ffb86e2e,#ff785a00 45%),radial-gradient(circle at 15% 90%,rgba(255,120,160,.1) 0%,transparent 50%),radial-gradient(circle at 85% 95%,rgba(120,90,200,.08) 0%,transparent 50%);filter:blur(20px);z-index:1;animation:bd-ambient 12s ease-in-out infinite alternate}@keyframes bd-ambient{0%{transform:scale(1) translate(0);opacity:.85}to{transform:scale(1.05) translate(-1%,1%);opacity:1}}.bd-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.35) 90%);pointer-events:none;z-index:2}.bd-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.bd-particle{position:absolute;bottom:-20px;border-radius:50%;background:radial-gradient(circle,#fff4d8,#ffd28a 60%,#ffb86e00);box-shadow:0 0 6px #ffdca0b3,0 0 14px #ffb47859;animation:bd-float linear infinite}@keyframes bd-float{0%{transform:translateZ(0) scale(.85);opacity:0}10%{opacity:var(--start-opacity, 1)}90%{opacity:var(--start-opacity, 1)}to{transform:translate3d(var(--drift, 0px),calc(-100vh - 60px),0) scale(1.05);opacity:0}}.bd-back{position:absolute;top:calc(env(safe-area-inset-top,0px) + 14px);left:14px;z-index:30;width:40px;height:40px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#f6e9d7;font-size:18px;line-height:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.bd-back:hover{background:#ffffff1f;transform:translateY(-1px)}.bd-welcome{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#08050c8c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:24px}.bd-welcome-inner{text-align:center;max-width:360px}.bd-welcome-eyebrow{display:inline-block;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:#ffdcb4a6;margin-bottom:18px}.bd-welcome-title{font-family:Cormorant Garamond,serif;font-weight:500;font-size:clamp(38px,9vw,56px);line-height:1.05;color:#fff3df;letter-spacing:-.01em;margin-bottom:14px;text-shadow:0 0 30px rgba(255,180,130,.2)}.bd-welcome-sub{font-size:14px;color:#f6e9d7b3;margin-bottom:32px;line-height:1.55}.bd-welcome-btn{background:linear-gradient(135deg,#ffb37a,#ff7e9e);color:#2a1020;font-weight:500;font-size:15px;letter-spacing:.04em;padding:14px 38px;border-radius:999px;border:none;cursor:pointer;box-shadow:0 8px 30px #ff8c8259,inset 0 1px #fff6;transition:transform .2s ease,box-shadow .2s ease}.bd-welcome-btn:hover{transform:translateY(-2px);box-shadow:0 12px 38px #ff8c8280}.bd-welcome-btn:active{transform:translateY(0)}.bd-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(env(safe-area-inset-top,0px),28px) 16px max(env(safe-area-inset-bottom,0px),28px);gap:24px}.bd-instruction{font-family:Cormorant Garamond,serif;font-style:italic;font-size:clamp(15px,4vw,19px);color:#ffe8c8d9;text-align:center;letter-spacing:.02em;text-shadow:0 0 18px rgba(255,180,130,.35);max-width:86%;line-height:1.5;animation:bd-breathe 3.5s ease-in-out infinite}@keyframes bd-breathe{0%,to{opacity:.78}50%{opacity:1}}.bd-cake-emoji{display:inline-block;margin:0 2px}.bd-cake-wrapper{position:relative;width:min(92vw,78vh,560px);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;isolation:isolate}.bd-cake-image{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:contrast(1.04) saturate(.6) hue-rotate(-25deg) sepia(.12) brightness(1.15)}.bd-cake-fade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse 55% 50% at 50% 46%,transparent 65%,rgba(14,8,18,.2) 80%,rgba(10,6,14,.5) 92%,rgba(5,3,8,.75) 100%)}.bd-cake-warm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse 50% 50% at 50% 45%,rgba(255,180,120,.28) 0%,rgba(255,150,100,.12) 40%,transparent 70%);mix-blend-mode:color}.bd-cake-halo{position:absolute;inset:12% 8% auto 8%;height:60%;z-index:1;background:radial-gradient(ellipse at 50% 40%,rgba(255,200,140,.32) 0%,rgba(255,150,100,.08) 35%,transparent 70%);filter:blur(28px);pointer-events:none;animation:bd-halo-pulse 4s ease-in-out infinite alternate}@keyframes bd-halo-pulse{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.bd-cake-floor{position:absolute;left:8%;right:8%;bottom:4%;height:8%;z-index:1;background:radial-gradient(ellipse at center,rgba(255,200,160,.12) 0%,transparent 70%);filter:blur(8px)}.bd-candles-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.bd-candle{position:absolute;width:6%;height:18%;transform:translate(-50%,-100%);background:transparent;border:none;padding:0;pointer-events:auto;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;-webkit-tap-highlight-color:transparent}.bd-candle-tap-target{position:absolute;top:-80%;right:-200%;bottom:-10%;left:-200%;background:transparent;border-radius:50%}.bd-candle-body{position:relative;width:38%;height:78%;border-radius:30% 30% 14% 14%/12% 12% 6% 6%;background:linear-gradient(to right,#d99a82,#ffd9c0 18%,#fff0e0 38%,#ffe3cc 60%,#c98a72);box-shadow:inset 0 -6px 10px #783c3259,inset 0 4px 6px #fff0dc99,0 4px 12px #00000059;overflow:hidden}.bd-candle-stripe{position:absolute;left:0;right:0;height:12%;background:linear-gradient(to right,transparent 0%,rgba(255,130,150,.6) 50%,transparent 100%);opacity:.7}.bd-candle-stripe:nth-child(2){top:18%;transform:rotate(-3deg)}.bd-candle-stripe:nth-child(3){top:48%;transform:rotate(2deg);background:linear-gradient(to right,transparent 0%,rgba(180,220,255,.55) 50%,transparent 100%)}.bd-candle-stripe:nth-child(4){top:75%;transform:rotate(-2deg);background:linear-gradient(to right,transparent 0%,rgba(255,200,100,.6) 50%,transparent 100%)}.bd-candle-wick{position:absolute;top:-6%;left:50%;transform:translate(-50%);width:6%;height:12%;background:#2a1a14;border-radius:2px;z-index:2}.bd-candle-flame-wrap{position:absolute;bottom:78%;left:50%;transform:translate(-50%);width:70%;height:35%;pointer-events:none;z-index:3}.bd-candle-flame-glow{position:absolute;width:240%;height:240%;left:50%;top:60%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,200,110,.55) 0%,rgba(255,150,80,.25) 30%,transparent 65%);filter:blur(8px);transition:opacity .6s ease;animation:bd-glow-pulse 1.6s ease-in-out infinite alternate}@keyframes bd-glow-pulse{0%{opacity:.85;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}.bd-candle-flame{position:absolute;left:50%;top:0;transform:translate(-50%);width:60%;height:100%;background:radial-gradient(ellipse at 50% 75%,#fff7d0,#ffd57a,#ff8a3a 70%,#d63d1a);border-radius:50%/60% 60% 40% 40%;filter:blur(.3px);transform-origin:50% 100%;animation:bd-flicker .18s ease-in-out infinite alternate;transition:opacity .5s ease,transform .5s ease}.bd-candle-flame-core{position:absolute;left:50%;bottom:12%;transform:translate(-50%);width:28%;height:40%;background:radial-gradient(ellipse at 50% 80%,#fff,#ffe9a8,#ffc87800);border-radius:50%/60% 60% 40% 40%;filter:blur(.4px);animation:bd-flicker-core .22s ease-in-out infinite alternate;transition:opacity .5s ease}@keyframes bd-flicker{0%{transform:translate(-50%) scale(1) rotate(-1.2deg)}to{transform:translate(-50%) scale(1.06,.95) rotate(1.2deg)}}@keyframes bd-flicker-core{0%{transform:translate(-50%) scale(.92,1.05);opacity:.92}to{transform:translate(-50%) scale(1.08,.95);opacity:1}}.bd-candle-smoke{position:absolute;left:50%;bottom:20%;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#dcdcdcb3,#b4b4b400 70%);opacity:0;filter:blur(2px);pointer-events:none;transform:translate(-50%)}.bd-candle.is-lit .bd-candle-flame,.bd-candle.is-lit .bd-candle-flame-core,.bd-candle.is-lit .bd-candle-flame-glow{opacity:1}.bd-candle.is-out .bd-candle-flame{opacity:0;transform:translate(-50%) scale(.3,.1)}.bd-candle.is-out .bd-candle-flame-core,.bd-candle.is-out .bd-candle-flame-glow{opacity:0}.bd-candle.is-out .bd-candle-smoke{animation:bd-smoke 2.4s ease-out forwards}@keyframes bd-smoke{0%{opacity:0;transform:translate(-50%) scale(.5)}20%{opacity:.7}to{opacity:0;transform:translate(calc(-50% + 8px),-260%) scale(2.4)}}.bd-motion-btn{background:#ffffff0f;border:1px solid rgba(255,220,180,.25);color:#ffe8c8d9;padding:10px 22px;border-radius:999px;font-size:13px;letter-spacing:.04em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}.bd-motion-btn:active{transform:scale(.98)}.bd-motion-hint{font-size:12px;color:#f6e9d78c;font-style:italic;letter-spacing:.03em}.bd-message-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% 50%,#28121e8c,#08040cd9 70%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.bd-message-card{position:relative;max-width:460px;width:100%;padding:38px 28px 34px;border-radius:26px;background:linear-gradient(145deg,#28161ebf,#160c16d9);border:1px solid rgba(255,200,160,.18);box-shadow:0 30px 80px #0000008c,0 0 80px #ff96821f,inset 0 1px #ffdcb41f;text-align:center;overflow:hidden}.bd-message-glow{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at 50% 0%,rgba(255,180,130,.18) 0%,transparent 50%);pointer-events:none}.bd-message-eyebrow{position:relative;display:inline-block;font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:#ffc8a099;margin-bottom:14px}.bd-message-title{position:relative;font-family:Cormorant Garamond,serif;font-weight:500;font-size:clamp(28px,7vw,38px);line-height:1.15;color:#fff3df;margin-bottom:22px;letter-spacing:-.005em;text-shadow:0 0 28px rgba(255,180,130,.25)}.bd-heart{display:inline-block;animation:bd-heartbeat 1.6s ease-in-out infinite;transform-origin:center}@keyframes bd-heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.12)}60%{transform:scale(1)}}.bd-message-body{position:relative;font-family:Cormorant Garamond,serif;font-size:clamp(15px,4.2vw,17px);line-height:1.75;color:#f6e9d7e6;letter-spacing:.005em}.bd-sparkle{display:inline-block;animation:bd-sparkle 2s ease-in-out infinite}@keyframes bd-sparkle{0%,to{opacity:.8;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(8deg)}}.bd-surprise-btn{position:relative;margin-top:24px;background:linear-gradient(135deg,#ffc8a026,#ff8c8226);border:1px solid rgba(255,200,160,.3);color:#ffe8c8e6;font-family:Cormorant Garamond,serif;font-size:clamp(15px,4vw,17px);font-weight:500;letter-spacing:.04em;padding:14px 32px;border-radius:999px;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:all .3s ease;box-shadow:0 4px 20px #ff968226;animation:bd-btn-glow 2.5s ease-in-out infinite alternate}.bd-surprise-btn:hover{background:linear-gradient(135deg,#ffc8a040,#ff8c8240);transform:translateY(-2px);box-shadow:0 8px 30px #ff96824d}@keyframes bd-btn-glow{0%{box-shadow:0 4px 20px #ff968226}to{box-shadow:0 4px 28px #ff96824d}}.bd-video-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000;display:flex;align-items:center;justify-content:center}.bd-video-close{position:absolute;top:calc(env(safe-area-inset-top,0px) + 16px);right:16px;z-index:55;width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s ease}.bd-video-close:hover{background:#fff3;transform:scale(1.05)}.bd-video-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bd-video-player{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.bd-music-toggle{position:absolute;top:calc(env(safe-area-inset-top,0px) + 16px);left:16px;z-index:55;padding:10px 20px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);color:#ffffffd9;font-size:14px;font-weight:500;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease}.bd-music-toggle:hover{background:#fff3}.bd-music-toggle.is-playing{background:#ffb47833;border-color:#ffb47866;color:#ffd9b3}.bd-yt-audio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}@media (max-width: 480px){.bd-candle{width:7.5%;height:19%}.bd-message-card{padding:34px 22px 28px;border-radius:22px}.bd-instruction{max-width:92%}}@media (max-width: 360px){.bd-candle{width:8.5%;height:20%}}@media (prefers-reduced-motion: reduce){.bd-bg-glow,.bd-cake-halo,.bd-instruction,.bd-heart,.bd-sparkle,.bd-candle-flame,.bd-candle-flame-core,.bd-candle-flame-glow,.bd-particle{animation:none!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hub{min-height:100vh;width:100%;padding:2rem 1rem;animation:fadeIn .8s ease-in;position:relative;overflow-x:hidden;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,182,193,.15) 0%,transparent 50%),linear-gradient(135deg,#e63946,#c41e3a,#d62828)}.snowflakes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.snowflake{position:absolute;top:-10px;font-size:1.2rem;color:#fffc;animation:snowfall linear infinite;-webkit-user-select:none;user-select:none;pointer-events:none}@keyframes snowfall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.star{position:absolute;font-size:1rem;color:#fff9;animation:twinkle ease-in-out infinite;-webkit-user-select:none;user-select:none;pointer-events:none}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.hub-header{text-align:center;margin-bottom:3rem;padding:2rem 1rem;position:relative;z-index:10}.hub-title{font-size:clamp(2rem,5vw,3.5rem);color:var(--color-white);font-weight:400;margin-bottom:.5rem;letter-spacing:1px;text-shadow:0 2px 10px rgba(0,0,0,.3);animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 2px 10px rgba(255,255,255,.3)}50%{text-shadow:0 2px 20px rgba(255,255,255,.5),0 0 30px rgba(255,182,193,.3)}}.hub-subtitle{font-size:clamp(1rem,2.5vw,1.3rem);color:var(--color-white);font-weight:300;font-style:italic;opacity:.95;text-shadow:0 1px 5px rgba(0,0,0,.2)}.hub-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:1rem;position:relative;z-index:10}.hub-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);padding:2rem;text-align:center;box-shadow:0 4px 20px #0000001a,0 0 0 1px #ffffff80 inset;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:cardFadeIn .6s ease-out backwards;border:1px solid rgba(255,255,255,.3)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hub-card-glow{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,182,193,.4),transparent);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;pointer-events:none}.hub-card:hover .hub-card-glow{width:300px;height:300px}.hub-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.hub-card:hover:before{left:100%}.hub-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 12px 40px #00000026,0 0 0 1px #fffc inset,0 0 30px #ffb6c14d;background:#fff}.hub-card-icon{font-size:4rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite;position:relative;z-index:2;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform .3s ease}.hub-card:hover .hub-card-icon{transform:scale(1.15) rotate(5deg);animation-play-state:paused}.hub-card:nth-child(1) .hub-card-icon{animation-delay:0s}.hub-card:nth-child(2) .hub-card-icon{animation-delay:.2s}.hub-card:nth-child(3) .hub-card-icon{animation-delay:.4s}.hub-card:nth-child(4) .hub-card-icon{animation-delay:.6s}.hub-card:nth-child(5) .hub-card-icon{animation-delay:.8s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-2deg)}50%{transform:translateY(-12px) rotate(0)}75%{transform:translateY(-8px) rotate(2deg)}}.hub-card-sparkle{position:absolute;top:1rem;right:1rem;font-size:1.2rem;opacity:0;transition:opacity .3s ease;pointer-events:none;animation:sparkleRotate 2s linear infinite}.hub-card:hover .hub-card-sparkle{opacity:1}@keyframes sparkleRotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.hub-card-title{font-size:1.3rem;color:var(--color-text);margin-bottom:.5rem;font-weight:500;position:relative;z-index:2;transition:color .3s ease}.hub-card:hover .hub-card-title{color:var(--color-primary)}.hub-card-description{font-size:.9rem;color:var(--color-text-light);font-style:italic;position:relative;z-index:2;transition:color .3s ease}.hub-card:hover .hub-card-description{color:var(--color-text)}.birthday-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:popupFadeIn .3s ease}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}.birthday-popup{background:linear-gradient(180deg,#2a1726,#1a0e1a);border-radius:24px;padding:2.5rem;max-width:90%;width:360px;box-shadow:0 20px 60px #0006,0 0 60px #ff96641a;animation:popupSlideUp .4s ease;border:1px solid rgba(255,200,160,.2)}@keyframes popupSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.birthday-popup-emoji{display:block;text-align:center;font-size:3rem;margin-bottom:.8rem}.birthday-popup-title{font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:500;color:#fff3df;text-align:center;margin-bottom:.8rem;text-shadow:0 0 20px rgba(255,180,130,.2)}.birthday-popup-text{font-size:1rem;color:#f6e9d7bf;text-align:center;line-height:1.6;margin-bottom:1.5rem}.birthday-popup-button{display:block;width:100%;background:linear-gradient(135deg,#ffb37a,#ff7e9e);border:none;border-radius:14px;padding:.9rem;font-size:1.05rem;font-weight:500;color:#2a1020;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #ff8c8259}.birthday-popup-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ff8c8280}@media (max-width: 768px){.hub{padding:1rem .5rem}.snowflake{font-size:1rem}.star{font-size:.8rem}.hub-cards{grid-template-columns:1fr;gap:1.5rem}.hub-card{padding:1.5rem}.hub-card-icon{font-size:3rem}.hub-card:hover{transform:translateY(-6px) scale(1.01)}}.app{min-height:100vh;width:100%}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #FF6B7A;--color-secondary: #FFD1D5;--color-accent: #FF7A88;--color-text: #5A5A5A;--color-text-light: #8B8B8B;--color-white: #FFFFFF;--color-shadow: rgba(0, 0, 0, .1);--color-shadow-hover: rgba(0, 0, 0, .15);--border-radius: 20px;--border-radius-small: 12px;--shadow-soft: 0 4px 20px var(--color-shadow);--shadow-hover: 0 6px 25px var(--color-shadow-hover);--transition: all .3s ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#e63946,#c41e3a,#d62828);min-height:100vh;width:100%;color:var(--color-text)}#root{min-height:100vh;width:100%}button{cursor:pointer;border:none;font-family:inherit;transition:var(--transition)}input{font-family:inherit}