@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,300;0,400;0,500;1,400&family=Inter:wght@300;400;500;600&display=swap";:root{--eternal-rose: #D4A574;--sacred-burgundy: #8B4B6B;--whisper-blush: #F2E5D7;--golden-promise: #C9A876;--moonlight-ivory: #FAF7F2;--velvet-plum: #6B4C57;--pearl-shimmer: #FEFDFB;--dusty-mauve: #C4A69A;--diamond-white: #FFFFFF;--shadow-wine: #5A3D47;--warm-taupe: #B8A394;--soft-cream: #F7F3EE;--sky-blue-favorite: #87CEEB;--sky-blue-soft: #B0E0E6;--love-gradient: linear-gradient(135deg, var(--eternal-rose) 0%, var(--sacred-burgundy) 100%);--promise-gradient: linear-gradient(135deg, var(--golden-promise) 0%, var(--eternal-rose) 100%);--tender-gradient: linear-gradient(135deg, var(--whisper-blush) 0%, var(--moonlight-ivory) 100%);--font-luxury: "Playfair Display", "Cormorant Garamond", "Georgia", serif;--font-elegant: "Inter", "Avenir", -apple-system, BlinkMacSystemFont, sans-serif;--soul-shadow: 0 8px 32px rgba(139, 75, 107, .15);--gentle-glow: 0 4px 20px rgba(212, 165, 116, .2);--deep-embrace: 0 12px 48px rgba(90, 61, 71, .25);--whisper-shadow: 0 2px 12px rgba(139, 75, 107, .08)}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}body{margin:0;padding:0;overflow-x:hidden;font-family:var(--font-elegant);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-webkit-transform:translateZ(0);transform:translateZ(0);background:var(--tender-gradient)}@media (max-width: 768px){*{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:auto;contain:layout style paint}html{scroll-behavior:auto!important}*{animation-fill-mode:both!important;animation-play-state:running!important}*{animation-duration:2s!important;transition-duration:.3s!important}*:before,*:after{animation-duration:3s!important;transition-duration:.4s!important}html,body{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;transform:translateZ(0)}.intro-screen{background:var(--warm-ivory)!important}.journey-map{background:var(--pearl-white)!important;-webkit-overflow-scrolling:touch;will-change:scroll-position}.start-button,.modern-continue-button,.modern-continue-button-styled{box-shadow:none!important;border:2px solid var(--antique-gold)!important}.bold-glowing-heart{animation:luxuryHeartBeat 4s ease-in-out infinite!important;-webkit-text-stroke:2px var(--eternal-rose)!important;text-stroke:2px var(--eternal-rose)!important;text-shadow:0 0 10px var(--eternal-rose)!important;filter:none!important}.start-button,.modern-continue-button-styled{background:var(--sacred-burgundy)!important;color:var(--pearl-shimmer)!important;border:2px solid var(--eternal-rose)!important;transform:none!important;animation:none!important;text-shadow:none!important}.modern-continue-button-styled:before,.modern-continue-button-styled:after{display:none!important}.button-shine{display:none!important}.start-button:hover,.modern-continue-button:hover,.modern-continue-button-styled:hover{transform:none!important;box-shadow:none!important}.intro-title,.journey-title{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:var(--deep-burgundy)!important;background-clip:unset!important;text-shadow:none!important}}.intro-screen{min-height:100vh;background:radial-gradient(ellipse at 30% 20%,var(--whisper-blush) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,var(--dusty-mauve) 0%,transparent 50%),var(--tender-gradient),var(--moonlight-ivory);display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden;position:relative}.intro-content{text-align:center;max-width:600px;position:relative;z-index:10}.floating-hearts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.floating-heart{position:absolute;transform-style:preserve-3d}.heart-icon{opacity:.7;filter:drop-shadow(0 0 15px var(--soft-shadow)) drop-shadow(0 0 10px var(--rose-warm));transition:all .3s ease}.floating-heart:hover .heart-icon{opacity:.9;transform:scale(1.1)}.glowing-orb{position:absolute;top:50%;left:50%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,var(--rose-warm) 0%,var(--golden-brown) 100%);filter:blur(120px);transform:translate(-50%,-50%) translateZ(-100px);z-index:1;opacity:.3}.intro-text{position:relative;z-index:10;transform-style:preserve-3d}.anniversary-icon{position:relative;display:inline-block;margin:0 auto 2rem}.main-heart{width:96px;height:96px;transform:translateZ(50px);transition:all .3s ease}.bold-glowing-heart{position:relative;animation:luxuryHeartBeat 3s ease-in-out infinite;-webkit-text-stroke:2px var(--eternal-rose);text-stroke:2px var(--eternal-rose);font-weight:700;text-shadow:0 0 15px var(--eternal-rose);filter:drop-shadow(0 4px 12px rgba(139,75,107,.3))}.bold-glowing-heart:before,.bold-glowing-heart:after{display:none}@keyframes luxuryHeartBeat{0%,to{transform:translateZ(50px) scale(1);text-shadow:0 0 15px var(--eternal-rose)}50%{transform:translateZ(50px) scale(1.08);text-shadow:0 0 25px var(--eternal-rose),0 0 35px var(--golden-promise),0 0 15px var(--sky-blue-favorite)}}.bold-glowing-heart:hover{animation-duration:2s}.bold-glowing-heart:hover:before{animation-duration:2s;opacity:.9}.bold-glowing-heart:hover:after{animation-duration:2s;opacity:.6}.intro-title{font-size:clamp(3.5rem,8vw,6rem);font-family:var(--font-luxury);margin:0 0 1.5rem;font-weight:400;letter-spacing:1px;line-height:1.1;text-shadow:0 4px 20px rgba(139,75,107,.2);transform:translateZ(30px);background:var(--love-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-subtitle{font-size:clamp(1.4rem,4vw,2rem);color:var(--golden-promise);margin:0 0 1rem;font-weight:500;font-family:var(--font-luxury);font-style:italic;text-shadow:0 2px 8px rgba(201,168,118,.3)}.intro-anniversary-note{font-size:1.2rem;color:var(--velvet-plum);margin:0 0 .8rem;font-weight:400;font-style:italic;font-family:var(--font-luxury);text-shadow:0 2px 8px rgba(107,76,87,.2);opacity:.95}.intro-date{font-size:1.1rem;color:var(--shadow-wine);margin:0 0 3rem;font-weight:400;letter-spacing:.8px}.start-button{position:relative;padding:1.2rem 3rem;background:linear-gradient(135deg,#2c1810,#3d2317);border:1px solid var(--eternal-rose);border-radius:35px;color:var(--eternal-rose);font-size:1.1rem;font-weight:600;font-family:var(--font-luxury);cursor:pointer;box-shadow:0 4px 15px #2c18104d,inset 0 1px #d4a5741a;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.8px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.start-button:hover{background:linear-gradient(135deg,#3d2317,#4a2a1c);border-color:var(--golden-promise);box-shadow:0 6px 25px #2c181066,0 0 20px #d4a57433,0 0 10px #87ceeb4d,inset 0 1px #c9a87633;transform:translateY(-2px);color:var(--golden-promise)}.button-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-25deg);transition:left 1s ease}.story-detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow-y:auto;min-height:100vh;background:linear-gradient(135deg,var(--cream-bg) 0%,var(--soft-beige) 100%)}.story-detail-content{min-height:100vh;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.back-button-container{text-align:center;margin-bottom:2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--warm-white);padding:.75rem 1.5rem;border-radius:50px;border:1px solid var(--accent-brown);color:var(--text-brown);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-soft)}.back-button:hover{background:#fffcf7f2;transform:translateY(-2px);box-shadow:var(--shadow-medium)}.story-card-detail{max-width:800px;width:100%;background:var(--warm-white);border-radius:3rem;overflow:hidden;border:1px solid var(--accent-brown);transform-style:preserve-3d;box-shadow:var(--shadow-strong)}.story-card-header{position:relative;padding:3rem 2rem;text-align:center;overflow:hidden}.header-bg-effect{position:absolute;top:-50%;right:-30%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3),transparent);filter:blur(120px);transform:translateZ(-20px)}.story-card-header-content{position:relative;z-index:10;transform-style:preserve-3d}.story-emoji{font-size:clamp(4rem,12vw,6rem);margin-bottom:1.5rem;display:inline-block;transform:translateZ(50px);color:var(--warm-brown);text-shadow:0 4px 8px var(--soft-shadow)}.story-title{font-size:clamp(2.5rem,8vw,4rem);font-family:var(--font-serif);color:var(--warm-white);margin:0 0 1rem;font-weight:400;letter-spacing:1px;line-height:1.2;text-shadow:0 4px 20px var(--soft-shadow),0 0 30px rgba(255,252,247,.3)}.story-location{color:#fffcf7f2;font-size:clamp(1rem,3vw,1.3rem);margin:0;font-weight:300}.story-card-content{padding:2rem 3rem 3rem}.story-quote-section{text-align:center;margin-bottom:2rem}.story-quote{font-size:clamp(1.3rem,4vw,2rem);font-family:var(--font-serif);font-style:italic;margin:0 0 1rem;font-weight:400;line-height:1.5;text-shadow:0 2px 10px currentColor,0 0 20px rgba(255,255,255,.1);opacity:.95;letter-spacing:.5px}.quote-underline{height:4px;width:100px;margin:0 auto;border-radius:2px}.story-paragraphs{margin-bottom:2rem}.story-paragraph{font-size:clamp(1rem,3vw,1.2rem);line-height:1.7;color:var(--text-brown);margin:0 0 1.5rem;font-weight:400}.story-action{text-align:center}.continue-journey-button{position:relative;padding:1rem 2rem;border:none;border-radius:50px;color:var(--warm-white);font-size:1rem;font-weight:500;cursor:pointer;overflow:hidden;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.continue-journey-button:hover{transform:scale(1.05)}.journey-map{min-height:100vh;background:radial-gradient(ellipse at 25% 25%,var(--whisper-blush) 0%,transparent 60%),radial-gradient(ellipse at 75% 75%,var(--dusty-mauve) 0%,transparent 50%),var(--tender-gradient),var(--soft-cream);position:relative;overflow:hidden;transform-style:preserve-3d;perspective:1000px}.ambient-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;perspective:1000px;transform-style:preserve-3d}.bg-layer-1,.bg-layer-2{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.bg-layer-1{transform:translateZ(-200px) scale(1.2);opacity:.3}.bg-layer-2{transform:translateZ(-100px) scale(1.1);opacity:.5}.bg-layer-1:before{content:"";position:absolute;top:10%;left:10%;width:300px;height:300px;background:radial-gradient(circle,var(--rose-warm) 0%,transparent 70%);border-radius:50%;filter:blur(80px);transform:translateZ(-50px);animation:float3D 8s ease-in-out infinite}.bg-layer-1:after{content:"";position:absolute;bottom:20%;right:15%;width:250px;height:250px;background:radial-gradient(circle,var(--golden-brown) 0%,transparent 70%);border-radius:50%;filter:blur(60px);transform:translateZ(-30px);animation:float3D 10s ease-in-out infinite reverse}.bg-layer-2:before{content:"";position:absolute;top:30%;right:20%;width:200px;height:200px;background:radial-gradient(circle,var(--accent-brown) 0%,transparent 70%);border-radius:50%;filter:blur(40px);transform:translateZ(-20px);animation:float3D 12s ease-in-out infinite}@keyframes float3D{0%,to{transform:translateZ(-50px) translateY(0) rotateX(0)}50%{transform:translateZ(-30px) translateY(-20px) rotateX(5deg)}}.bg-orb{position:absolute;border-radius:50%;filter:blur(120px)}.bg-orb-1{top:5rem;left:2.5rem;width:400px;height:400px;background:radial-gradient(circle,var(--rose-warm),transparent);opacity:.15}.bg-orb-2{bottom:5rem;right:2.5rem;width:400px;height:400px;background:radial-gradient(circle,var(--golden-brown),transparent);opacity:.15}.bg-orb-3{top:33.333333%;left:25%;width:300px;height:300px;background:radial-gradient(circle,var(--sky-blue-soft),transparent);opacity:.15}.bg-orb-4{top:60%;right:30%;width:250px;height:250px;background:radial-gradient(circle,var(--sky-blue-favorite),transparent);opacity:.1;filter:blur(100px)}.floating-particle{position:absolute;border-radius:50%;pointer-events:none;box-shadow:0 0 10px currentColor;transform-style:preserve-3d}.floating-particle:nth-child(odd){animation:particle3D-1 15s ease-in-out infinite}.floating-particle:nth-child(2n){animation:particle3D-2 18s ease-in-out infinite}@keyframes particle3D-1{0%,to{transform:translateZ(0) translateY(0) translate(0) rotateY(0);opacity:.3}25%{transform:translateZ(50px) translateY(-30px) translate(20px) rotateY(90deg);opacity:.7}50%{transform:translateZ(30px) translateY(-60px) translate(0) rotateY(180deg);opacity:.5}75%{transform:translateZ(-20px) translateY(-30px) translate(-20px) rotateY(270deg);opacity:.8}}@keyframes particle3D-2{0%,to{transform:translateZ(-10px) translateY(0) translate(0) rotateX(0);opacity:.4}33%{transform:translateZ(40px) translateY(-40px) translate(-15px) rotateX(120deg);opacity:.8}66%{transform:translateZ(-30px) translateY(-20px) translate(25px) rotateX(240deg);opacity:.6}}.hearts-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:visible;transform-style:preserve-3d;perspective:1000px;perspective-origin:center center}@media (max-width: 768px){.hearts-background,.floating-heart-3d,.floating-particle,.ambient-background,.bg-layer-1,.bg-layer-2,.glowing-orb{display:none!important}.node-sphere{background:var(--whisper-blush)!important;box-shadow:none!important;border:2px solid var(--eternal-rose)!important}.node-glow,.node-glow-1,.node-glow-2{display:none!important}.chapter-node-container:before{display:none!important}.completion-content{background:var(--whisper-blush)!important;box-shadow:none!important;border:2px solid var(--eternal-rose)!important}.completion-shine{display:none!important}}.hearts-background:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(ellipse at 30% 40%,rgba(232,180,160,.1) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(212,175,55,.08) 0%,transparent 50%);transform:translateZ(-500px) scale(2);animation:backgroundDepth 20s ease-in-out infinite;border-radius:50%;filter:blur(40px)}.hearts-background:after{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(circle at 50% 50%,rgba(184,149,106,.05) 0%,transparent 60%);transform:translateZ(-300px) scale(1.5);animation:backgroundDepth 15s ease-in-out infinite reverse;border-radius:50%;filter:blur(60px)}@keyframes backgroundDepth{0%,to{opacity:.3;transform:translateZ(-500px) scale(2) rotateX(0)}50%{opacity:.6;transform:translateZ(-200px) scale(2.2) rotateX(10deg)}}@media (max-width: 1024px){.hearts-background{position:fixed;perspective:800px}}.floating-heart-3d{position:absolute;transform-style:preserve-3d;will-change:transform,opacity,filter;pointer-events:none}.floating-heart-3d:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle,var(--rose-warm) 0%,transparent 70%);border-radius:50%;opacity:.2;transform:translateZ(-30px) scale(2);filter:blur(20px);animation:heartTrail 6s ease-in-out infinite}@keyframes heartTrail{0%,to{opacity:.1;transform:translateZ(-30px) scale(2)}50%{opacity:.3;transform:translateZ(-10px) scale(2.5)}}.heart-3d-icon{display:block;color:var(--rose-warm);transform-style:preserve-3d;position:relative;animation:dramaticHeartBreathing 4s ease-in-out infinite}.heart-3d-icon:before,.heart-3d-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;mask:inherit;-webkit-mask:inherit;transform-style:preserve-3d;pointer-events:none}.heart-3d-icon:before{transform:translateZ(-20px) scale(1.2);opacity:.3;filter:blur(2px) drop-shadow(0 0 20px var(--rose-warm));animation:heartLayer1 4s ease-in-out infinite}.heart-3d-icon:after{transform:translateZ(-40px) scale(1.4);opacity:.15;filter:blur(4px) drop-shadow(0 0 30px var(--golden-brown));animation:heartLayer2 4s ease-in-out infinite}@keyframes dramaticHeartBreathing{0%,to{transform:scale(.9);filter:drop-shadow(0 0 8px var(--rose-warm));opacity:.5}50%{transform:scale(1.1);filter:drop-shadow(0 0 12px var(--rose-warm)) drop-shadow(0 0 20px var(--soft-shadow)) drop-shadow(0 0 8px var(--sky-blue-favorite));opacity:.7}}@keyframes heartLayer1{0%,to{transform:translateZ(-20px) scale(1.2) rotateY(0);opacity:.3}50%{transform:translateZ(-10px) scale(1.6) rotateY(180deg);opacity:.5}}@keyframes heartLayer2{0%,to{transform:translateZ(-40px) scale(1.4) rotateY(0);opacity:.15}50%{transform:translateZ(-20px) scale(1.8) rotateY(-180deg);opacity:.3}}.heart-3d-icon{animation:dramaticHeartBreathing 6s ease-in-out infinite;will-change:transform,opacity}.heart-3d-icon:nth-child(2n):before{animation-delay:.3s;transform:translateZ(-25px) scale(1.3)}.heart-3d-icon:nth-child(3n):after{animation-delay:.6s;transform:translateZ(-50px) scale(1.6)}.floating-heart-3d{will-change:transform,opacity}.journey-header{position:relative;z-index:10;text-align:center;padding:3rem 1rem 2rem}.journey-title{font-size:clamp(3rem,8vw,5rem);font-family:var(--font-luxury);margin:0 0 1.5rem;font-weight:400;letter-spacing:.5px;line-height:1.2;text-shadow:0 4px 20px rgba(139,75,107,.2);background:var(--love-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.journey-subtitle{font-size:clamp(1.2rem,4vw,1.6rem);color:var(--velvet-plum);margin:0 0 2rem;font-weight:400;font-family:var(--font-luxury);font-style:italic;text-shadow:0 2px 8px rgba(107,76,87,.2)}.progress-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--warm-white);padding:.75rem 1.5rem;border-radius:50px;border:1px solid var(--sky-blue-favorite);color:var(--text-brown);font-size:.9rem;font-weight:500;box-shadow:var(--shadow-soft),0 0 8px #87ceeb33}.progress-badge svg{color:var(--golden-brown)}.journey-path{position:relative;z-index:10;padding:0 1rem 5rem}.path-container{max-width:1200px;margin:0 auto;position:relative;min-height:2400px;transform-style:preserve-3d;padding-bottom:200px}.path-container:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(ellipse at 20% 30%,rgba(184,149,106,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(212,175,55,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(232,180,160,.06) 0%,transparent 60%);transform:translateZ(-50px);border-radius:50px;filter:blur(20px);animation:pathGlow 20s ease-in-out infinite}@keyframes pathGlow{0%,to{opacity:.5;transform:translateZ(-50px) scale(1)}50%{opacity:.8;transform:translateZ(-30px) scale(1.05)}}.connection-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.chapter-node-container{position:absolute;transform-style:preserve-3d}.chapter-node-container:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,currentColor 0%,transparent 70%);border-radius:50%;opacity:.1;transform:translateZ(-10px);filter:blur(15px);transition:all .5s ease}.chapter-node-container:hover:before{opacity:.2;transform:translateZ(-5px) scale(1.2)}.chapter-node{position:relative;background:none;border:none;cursor:pointer;transform-style:preserve-3d}.chapter-node.locked{cursor:not-allowed}.node-glow{position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;border-radius:50%;pointer-events:none}.node-glow-1{filter:blur(120px);transform:translateZ(-30px)}.node-glow-2{filter:blur(60px);transform:translateZ(-15px)}.node-sphere{width:clamp(96px,15vw,120px);height:clamp(96px,15vw,120px);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .5s ease;transform:translateZ(0);transform-style:preserve-3d;position:relative}.sphere-unlocked{border:4px solid rgba(255,252,247,.6);box-shadow:0 0 12px #87ceeb33}.sphere-locked{background:#8b6f4733;border:2px solid var(--accent-brown)}.sphere-highlight{position:absolute;top:8px;left:8px;right:8px;height:32px;border-radius:50px;opacity:.6;transform:translateZ(2px)}.node-emoji{font-size:clamp(2.5rem,8vw,3.5rem);position:relative;z-index:10;color:var(--warm-brown);text-shadow:0 2px 4px var(--soft-shadow);transform:translateZ(10px)}.node-lock{width:32px;height:32px;opacity:.8;filter:drop-shadow(0 2px 4px var(--soft-shadow));transition:all .3s ease}.node-lock:hover{opacity:1;transform:scale(1.1);filter:drop-shadow(0 4px 8px var(--soft-shadow)) drop-shadow(0 0 10px var(--golden-brown))}.lock-pulse{animation:lockPulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.8}}.next-indicator{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid;border-radius:50%;pointer-events:none}.info-card{display:none}.info-left{left:100%;margin-left:1.5rem;transform:translateY(-50%)}.info-right{right:100%;margin-right:1.5rem;transform:translateY(-50%)}.info-card-content{background:var(--warm-white);border-radius:1rem;padding:1rem;border:1px solid rgba(139,111,71,.15);position:relative;overflow:hidden;box-shadow:0 8px 25px #8b6f471a,0 3px 10px #8b6f4714;transition:all .3s ease}.info-card:hover .info-card-content{transform:translateY(-2px);box-shadow:0 8px 30px #8b6f471f,0 2px 6px #8b6f4726,inset 0 1px #ffffffe6}.info-card-content h3{font-family:var(--font-serif)}.info-card-content p{font-family:var(--font-sans)}.info-card-content{background:linear-gradient(135deg,var(--warm-white) 0%,rgba(255,252,247,.98) 100%)}.info-badge svg{width:12px;height:12px}.info-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.info-text{flex:1;min-width:0}.info-emoji{font-size:1.25rem;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--golden-brown),var(--accent-brown));border-radius:.5rem;color:var(--warm-white);text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 2px 8px #8b6f4733;flex-shrink:0;transition:all .3s ease}.info-card:hover .info-emoji{transform:scale(1.05);box-shadow:0 4px 12px #8b6f474d,inset 0 1px #ffffff4d}.info-title{font-size:1.125rem;font-weight:600;color:var(--warm-brown);margin:0 0 .25rem;line-height:1.3}.info-location{font-size:.8rem;color:var(--accent-brown);margin:0;font-weight:400;opacity:.8}.info-quote{margin:.75rem 0}.info-teaser{font-size:.8rem;color:var(--text-brown);font-style:italic;margin:0;line-height:1.4;opacity:.85}.info-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-radius:.5rem;color:var(--warm-white);font-size:.75rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase;box-shadow:0 2px 8px #00000026,inset 0 1px #fff3;transition:all .3s ease}.info-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003,inset 0 1px #ffffff4d}.chapter-label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:1rem;text-align:center;padding:.5rem 1rem;border-radius:50px;border:1px solid var(--accent-brown);background:var(--warm-white);color:var(--text-brown);font-size:.875rem;font-weight:600;white-space:nowrap;transform-style:preserve-3d;transform:translate(-50%) translateZ(20px);box-shadow:var(--shadow-soft)}.click-indicator{position:absolute;top:50%;left:100%;transform:translateY(-50%);margin-left:20px;pointer-events:none;z-index:15}.click-hint{background:var(--golden-promise);color:var(--shadow-wine);padding:.6rem 1.2rem;border-radius:25px;font-size:.85rem;font-weight:600;font-family:var(--font-luxury);box-shadow:var(--gentle-glow);text-align:center;white-space:nowrap;border:1px solid var(--eternal-rose);letter-spacing:.4px}.completion-message{position:absolute;top:calc(100% + 60px);left:50%;transform:translate(-50%);z-index:30;max-width:350px;pointer-events:none}.completion-content{padding:1.25rem 2.5rem;border-radius:50px;border:2px solid var(--sky-blue-favorite);background:linear-gradient(135deg,var(--golden-brown),var(--warm-brown));box-shadow:var(--shadow-strong),0 0 15px #87ceeb4d;position:relative;overflow:hidden;pointer-events:auto}.completion-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(200%) skew(-15deg)}}.completion-text{display:flex;align-items:center;gap:1rem;position:relative;z-index:10}.completion-heart{width:28px;height:28px;color:var(--warm-white);fill:var(--warm-white);filter:drop-shadow(0 0 10px rgba(255,252,247,.8));animation:pulse 2s infinite}.completion-text span{color:var(--warm-white);font-size:1.125rem;font-weight:600}@keyframes gentleFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes heartbeat{0%,to{transform:translateZ(50px) scale(1)}50%{transform:translateZ(50px) scale(1.05)}}@keyframes heartGlow{0%,to{filter:drop-shadow(0 10px 30px var(--soft-shadow)) drop-shadow(0 0 20px var(--rose-warm))}50%{filter:drop-shadow(0 15px 40px var(--soft-shadow)) drop-shadow(0 0 30px var(--rose-warm)) drop-shadow(0 0 40px var(--golden-brown))}}@keyframes lockPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes warmGlow{0%,to{box-shadow:0 0 20px var(--soft-shadow)}50%{box-shadow:0 0 30px var(--golden-brown),0 0 40px var(--soft-shadow)}}.gentle-float{animation:gentleFloat 6s ease-in-out infinite}.warm-glow{animation:warmGlow 4s ease-in-out infinite}.story-quote{text-shadow:0 2px 4px var(--soft-shadow)}.story-title,.journey-title{text-shadow:0 4px 8px var(--soft-shadow)}.continue-journey-button:hover{transform:scale(1.05);box-shadow:0 15px 35px currentColor}.modern-story-card{max-width:650px;width:100%;margin:0 auto;background:linear-gradient(145deg,var(--pearl-shimmer) 0%,var(--moonlight-ivory) 100%);border-radius:24px;box-shadow:0 20px 60px #8b4b6b14,0 8px 30px #d4a5740f,inset 0 1px #fffc;overflow:hidden;border:1px solid rgba(212,165,116,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;will-change:transform;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-story-card:hover{transform:translateY(-2px);box-shadow:0 25px 70px #8b4b6b1f,0 10px 35px #d4a57414,inset 0 1px #ffffffe6}.modern-story-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--eternal-rose),transparent);opacity:.6}.modern-story-header{display:flex;align-items:flex-start;gap:1.5rem;padding:2.5rem 2.5rem 2rem;background:radial-gradient(ellipse at top left,var(--whisper-blush) 0%,transparent 50%),linear-gradient(135deg,var(--moonlight-ivory) 0%,var(--pearl-shimmer) 100%);position:relative}.story-icon-container{flex-shrink:0;position:relative}.story-icon{width:4.5rem;height:4.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--eternal-rose) 0%,var(--golden-promise) 100%);border-radius:18px;font-size:2.2rem;color:var(--pearl-shimmer);text-shadow:0 2px 6px rgba(44,24,16,.4);box-shadow:0 8px 25px #d4a57440,0 3px 10px #8b4b6b26,inset 0 1px #ffffff4d,inset 0 -1px #0000001a;position:relative;transform:translateZ(10px);transition:all .3s ease}.story-icon:hover{transform:translateZ(10px) scale(1.05);box-shadow:0 12px 30px #d4a5744d,0 5px 15px #8b4b6b33,inset 0 1px #fff6,inset 0 -1px #0000001a}.story-icon:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--golden-promise),var(--eternal-rose));border-radius:20px;z-index:-1;opacity:.3;filter:blur(4px)}.story-header-text{flex:1;min-width:0}.modern-story-title{font-family:var(--font-luxury);font-size:clamp(2rem,4vw,2.8rem);font-weight:400;background:var(--love-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .75rem;line-height:1.1;letter-spacing:-.5px;opacity:0;animation:fadeInUp .6s ease forwards .1s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modern-story-location{font-size:1rem;color:var(--velvet-plum);margin:0;font-weight:400;opacity:0;animation:fadeInUp .6s ease forwards .2s}.modern-quote-section{padding:0 2.5rem 2rem;position:relative;opacity:0;animation:fadeInUp .6s ease forwards .3s}.modern-quote-section:before{content:"";position:absolute;left:2.5rem;right:2.5rem;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--eternal-rose),transparent);opacity:.3}.modern-story-quote{font-family:var(--font-luxury);font-size:clamp(1.2rem,3vw,1.6rem);font-style:italic;color:var(--velvet-plum);margin:0;line-height:1.6;position:relative;padding:1.5rem 2rem;background:linear-gradient(135deg,var(--whisper-blush) 0%,transparent 100%);border-radius:16px;border-left:4px solid var(--eternal-rose);font-weight:400;letter-spacing:.2px;transition:all .3s ease}.modern-story-quote:hover{background:linear-gradient(135deg,var(--whisper-blush) 0%,var(--sky-blue-soft) 10%,transparent 100%);border-left-color:var(--sky-blue-favorite);transform:translate(5px)}.modern-story-quote:before{content:'"';position:absolute;top:.5rem;left:.75rem;font-size:3rem;color:var(--eternal-rose);opacity:.3;font-family:var(--font-luxury);line-height:1}.modern-story-content{padding:2rem 2.5rem;background:radial-gradient(ellipse at bottom right,var(--whisper-blush) 0%,transparent 60%);opacity:0;animation:fadeInUp .6s ease forwards .4s}.modern-story-paragraph{font-size:clamp(1.05rem,2.5vw,1.2rem);line-height:1.8;color:var(--shadow-wine);margin:0 0 1.5rem;font-weight:400;letter-spacing:.1px;opacity:0;animation:fadeInUp .5s ease forwards}.modern-story-paragraph:nth-child(1){animation-delay:.5s}.modern-story-paragraph:nth-child(2){animation-delay:.6s}.modern-story-paragraph:nth-child(3){animation-delay:.7s}.modern-story-paragraph:nth-child(4){animation-delay:.8s}.modern-story-paragraph:nth-child(5){animation-delay:.9s}.modern-story-paragraph:last-child{margin-bottom:0}.modern-story-action{padding:2rem 2.5rem 2.5rem;text-align:center;background:linear-gradient(135deg,var(--moonlight-ivory) 0%,var(--pearl-shimmer) 100%);opacity:0;animation:fadeInUp .6s ease forwards .5s}.modern-continue-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:2rem 4.5rem;border:3px solid transparent;border-radius:60px;color:var(--pearl-white);font-size:1.2rem;font-weight:600;font-family:var(--font-luxury);cursor:pointer;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(var(--deep-burgundy),var(--deep-burgundy)) padding-box,linear-gradient(135deg,var(--antique-gold),var(--rose-gold),var(--copper-accent)) border-box;box-shadow:var(--luxury-shadow),0 0 30px #d4af374d,inset 0 3px #ffffff26,inset 0 -3px #0003;transform:scale(1.02);animation:engagementButtonGlow 3s ease-in-out infinite;text-shadow:0 2px 8px rgba(0,0,0,.5);letter-spacing:1.2px}.modern-continue-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--deep-burgundy) 0%,var(--copper-accent) 50%,var(--antique-gold) 100%);border-radius:57px;z-index:-1;transition:all .5s ease}.modern-continue-button:after{content:"💍";position:absolute;top:-8px;right:-8px;font-size:1.5rem;opacity:.8;animation:ringSparkle 4s ease-in-out infinite;filter:drop-shadow(0 0 8px var(--antique-gold))}.modern-continue-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg);transition:left .8s ease}.modern-continue-button:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;background:linear-gradient(135deg,var(--rose-warm),var(--golden-brown),var(--warm-brown));border-radius:60px;z-index:-1;opacity:0;transition:opacity .3s ease}.modern-continue-button:hover:before{left:100%}.modern-continue-button:hover:after{opacity:.6}.modern-continue-button:hover{transform:scale(1.06);box-shadow:var(--luxury-shadow),0 0 50px #d4af3799,0 0 80px #e8b4a080,inset 0 3px #ffffff4d,inset 0 -3px #0006}.modern-continue-button:hover:before{background:linear-gradient(135deg,var(--copper-accent) 0%,var(--antique-gold) 50%,var(--rose-gold) 100%)}.modern-continue-button:hover:after{animation-duration:2s;transform:rotate(360deg) scale(1.3);filter:drop-shadow(0 0 15px var(--antique-gold)) drop-shadow(0 0 25px var(--rose-gold))}.modern-continue-button-styled{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#2c1810,#3d2317);border:1px solid var(--eternal-rose);border-radius:30px;color:var(--eternal-rose);font-size:1rem;font-weight:600;font-family:var(--font-luxury);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 12px #2c181040,inset 0 1px #d4a5741a;letter-spacing:.6px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.modern-continue-button-styled:hover{background:linear-gradient(135deg,#3d2317,#4a2a1c);border-color:var(--golden-promise);box-shadow:0 5px 20px #2c181059,0 0 15px #d4a57433,0 0 8px #87ceeb40,inset 0 1px #c9a87633;transform:translateY(-1px);color:var(--golden-promise)}.button-heart-icon{opacity:.9}.button-text{display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.modern-story-card{margin:1rem;border-radius:20px;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 8px 25px #8b4b6b1a!important}.modern-story-card:before{display:none}.story-icon:after{display:none}.modern-story-header{background:var(--moonlight-ivory)!important;padding:2rem 1.5rem 1.5rem}.story-icon{width:3.5rem;height:3.5rem;font-size:1.8rem;box-shadow:0 4px 12px #d4a57433!important;transform:none!important}.modern-story-content{background:none!important;padding:1.5rem}.modern-quote-section{padding:0 1.5rem 1.5rem}.modern-story-quote{background:var(--whisper-blush)!important;padding:1rem 1.5rem}.modern-story-action{background:none!important;padding:1.5rem}}.modern-story-header{padding:1.5rem 1.5rem 1.25rem;gap:1rem}.story-icon{width:3.5rem;height:3.5rem;font-size:1.75rem;border-radius:.875rem}.modern-quote-section{padding:0 1.5rem 1.25rem}.modern-story-content{padding:1.25rem 1.5rem}.modern-story-action{padding:1.25rem 1.5rem 1.5rem}.modern-continue-button{padding:.75rem 1.5rem;font-size:.9rem}@media (max-width: 768px){.intro-screen,.story-detail-content{padding:1rem}.story-card-detail{border-radius:2rem}.story-card-header{padding:2rem 1.5rem}.story-card-content{padding:1.5rem 2rem 2rem}.journey-header{padding:2rem 1rem 1rem}.path-container{min-height:1800px}.info-card{display:none}.floating-heart-3d{display:block}.floating-heart-3d:nth-child(n+9){display:none}.heart-3d-icon{animation:mobileHeartBreathing 3s ease-in-out infinite}.completion-message{top:calc(100% + 40px);left:50%;transform:translate(-50%);right:auto;max-width:90vw}.completion-content{padding:1rem 1.5rem}.completion-text{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width: 480px){.journey-path{padding:0 .5rem 3rem}.path-container{min-height:1600px}.node-sphere{width:80px;height:80px}.node-emoji{font-size:2rem}.floating-heart-3d{display:block}.floating-heart-3d:nth-child(n+7){display:none}.heart-3d-icon{animation:mobileHeartBreathing 2.5s ease-in-out infinite}@keyframes mobileHeartBreathing{0%,to{transform:scale(1);filter:drop-shadow(0 0 12px var(--rose-warm)) drop-shadow(0 0 20px var(--rose-warm));opacity:.6}50%{transform:scale(1.15);filter:drop-shadow(0 0 18px var(--rose-warm)) drop-shadow(0 0 30px var(--rose-warm)) drop-shadow(0 0 40px var(--soft-shadow));opacity:.8}}@keyframes mobileHeartbeat{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.6}}}:root{--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--cream-bg: #faf7f0;--warm-white: #fefcf7;--soft-beige: #f5f1e8;--warm-brown: #8b6f47;--golden-brown: #b8956a;--light-brown: #d4c4a8;--accent-brown: #a0845c;--text-brown: #6b5b47;--soft-shadow: rgba(139, 111, 71, .15);--rose-warm: #e8b4a0;--rose-soft: #f2d7ce;--gold-warm: #d4af37;--gold-light: #f4e4bc;--clean-bg: rgba(255, 252, 247, .95);--clean-border: rgba(139, 111, 71, .3);--shadow-soft: 0 4px 20px rgba(139, 111, 71, .1);--shadow-medium: 0 8px 32px rgba(139, 111, 71, .15);--shadow-strong: 0 12px 48px rgba(139, 111, 71, .2);font-family:var(--font-sans);line-height:1.6;font-weight:400;color-scheme:light;color:var(--text-brown);background-color:var(--cream-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,var(--cream-bg) 0%,var(--soft-beige) 50%,var(--warm-white) 100%);overflow-x:hidden}#root{width:100%;min-height:100vh}button{border:none;background:none;color:inherit;cursor:pointer;font-family:inherit;outline:none}button:disabled{cursor:not-allowed}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--soft-beige)}::-webkit-scrollbar-thumb{background:var(--golden-brown);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--warm-brown)}::selection{background:var(--rose-soft);color:var(--text-brown)}button:focus-visible{outline:2px solid var(--golden-brown);outline-offset:2px}