:root{--primary-gold: #DAA520;--light-blue: #E8F4F8;--deep-navy: #1a3a52;--warm-white: #FDF8F3;--soft-gray: #E8E8E8;--text-dark: #2C3E50;--text-light: #7F8C8D;--text-gold: #DAA520;--shadow-soft: 0 2px 8px rgba(0,0,0,.08);--shadow-warm: 0 10px 30px rgba(218, 165, 32, .2);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--font-primary: "Segoe UI", system-ui, -apple-system, sans-serif;--font-serif: Georgia, "Times New Roman", serif}body{--primary-bg: var(--warm-white);--secondary-bg: var(--light-blue);--text-color: var(--text-dark);--card-bg: rgba(255, 255, 255, .9)}body.dark-mode{--primary-bg: var(--deep-navy);--secondary-bg: #2d5a73;--text-color: var(--warm-white);--card-bg: rgba(45, 90, 115, .9)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--primary-bg);color:var(--text-color);line-height:1.7;transition:var(--transition);overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--light-blue)}::-webkit-scrollbar-thumb{background:var(--primary-gold);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c99a1d}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.4}h1{font-size:clamp(2rem,5vw,4rem);color:var(--primary-gold)}h2{font-size:clamp(1.5rem,3vw,2.5rem);margin-bottom:1.5rem}h3{font-size:1.3rem;color:var(--primary-gold)}p{margin-bottom:1rem}section{padding:4rem 1.5rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative}.section-container{max-width:800px;margin:0 auto;width:100%}.card{background:var(--card-bg);border-radius:16px;padding:2rem;margin-bottom:1.5rem;box-shadow:var(--shadow-soft);transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(218,165,32,.1)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-warm);border-color:var(--primary-gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:var(--transition)}.btn-primary{background:linear-gradient(135deg,var(--primary-gold),#c99a1d);color:#fff;box-shadow:0 4px 15px #daa52066}.btn-primary:hover{transform:scale(1.05);box-shadow:0 6px 20px #daa52080}.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--primary-gold),transparent);margin:2rem 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .8s ease-out forwards}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}.particle{position:absolute;width:10px;height:10px;background:var(--primary-gold);border-radius:50%;opacity:0;animation:float 8s infinite ease-in-out}@media(max-width:480px){section{padding:3rem 1rem}.card{padding:1.5rem}}@media(min-width:769px){section{padding:6rem 2rem}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.phase-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(90deg,var(--primary-gold),#c99a1d,var(--primary-gold));color:#fff;text-align:center;padding:.5rem;z-index:1001;display:flex;justify-content:center;gap:1rem;font-size:.9rem}.phase-title{font-weight:700}.phase-subtitle{opacity:.9}.floating-toggle{position:fixed;top:45px;right:1.5rem;z-index:1002;background:var(--card-bg);border:2px solid var(--primary-gold);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:var(--transition);animation:floatToggle 3s ease-in-out infinite;box-shadow:0 4px 15px #daa5204d}.floating-toggle:hover{background:var(--primary-gold);transform:scale(1.1);animation:none}.landing-screen{min-height:100vh;background:linear-gradient(135deg,#1a0f08,#2d1810,#4a2f5a);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.floating-heart{position:absolute;animation:floatUp 8s ease-in-out infinite}@keyframes floatUp{0%,to{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.landing-content{text-align:center;z-index:1;animation:fadeInScale 1.5s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.landing-title{font-size:clamp(2.5rem,8vw,5rem);color:var(--primary-gold);text-shadow:0 0 30px rgba(218,165,32,.5);margin-bottom:1rem}.landing-title .highlight{color:gold;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{text-shadow:0 0 20px rgba(255,215,0,.5)}50%{text-shadow:0 0 40px rgba(255,215,0,.8),0 0 60px rgba(255,215,0,.4)}}.landing-subtitle{font-size:clamp(1.5rem,4vw,2.5rem);color:#ffb6c1;margin-bottom:2rem}.landing-hint{color:#fff9;font-size:1rem;animation:pulse 2s ease-in-out infinite}.landing-sparkle{font-size:3rem;margin-top:2rem;animation:pulse 1.5s ease-in-out infinite}.bypass-btn{position:fixed;bottom:2rem;right:2rem;padding:.8rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:.8rem;transition:all .3s;z-index:10}.bypass-btn:hover{background:#daa5204d;border-color:var(--primary-gold);color:var(--primary-gold)}.galaxy-warp{min-height:100vh;background:radial-gradient(ellipse at center,#0a0015,#000);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.starfield{position:absolute;top:0;left:0;width:100%;height:100%}.star{position:absolute;background:#fff;border-radius:50%;animation:starStreak 2s linear infinite}.galaxy-warp.accelerating .star{animation-duration:2s}.galaxy-warp.warping .star{animation-duration:.3s}.galaxy-warp.arriving .star{animation-duration:1s;opacity:.5}@keyframes starStreak{0%{transform:translateZ(0) scale(1);opacity:1}to{transform:translateZ(200px) scale(3);opacity:0}}.speed-lines{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none}.speed-line{position:absolute;width:2px;background:linear-gradient(to bottom,transparent,rgba(218,165,32,.8),transparent);animation:speedLine .5s linear infinite;opacity:0}.galaxy-warp.warping .speed-line{opacity:1}@keyframes speedLine{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}.vortex{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vortex-ring{position:absolute;border:2px solid rgba(218,165,32,.3);border-radius:50%;animation:vortexPulse 2s ease-out infinite}.ring-1{width:100px;height:100px;top:-50px;left:-50px}.ring-2{width:200px;height:200px;top:-100px;left:-100px;animation-delay:.3s}.ring-3{width:300px;height:300px;top:-150px;left:-150px;animation-delay:.6s}.galaxy-warp.warping .vortex-ring{animation-duration:.5s;border-color:#ffd70099}@keyframes vortexPulse{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}.warp-text{position:relative;z-index:10;text-align:center;color:#fff;font-size:1.5rem}.warp-text p{animation:fadeInUp .5s ease-out}.zombie-portal{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a0a1a);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative}.zombie-terminal{background:#0d0d0d;border:1px solid #333;border-radius:8px;width:100%;max-width:600px;box-shadow:0 0 30px #00ff001a}.terminal-header{background:#1a1a1a;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid #333;border-radius:8px 8px 0 0}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.terminal-title{margin-left:1rem;color:#666;font-family:monospace;font-size:.85rem}.terminal-body{padding:1.5rem;font-family:Courier New,monospace;color:#0f0;min-height:300px}.terminal-line{margin-bottom:.5rem;opacity:.9}.terminal-line.complete{color:#0c0}.terminal-line.typing{color:#0f0}.cursor{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.zombie-reveal{margin-top:2rem;text-align:center;animation:zombieRise 1s ease-out}.zombie-emoji{font-size:5rem;animation:zombieWalk 1s ease-in-out infinite}@keyframes zombieWalk{0%,to{transform:translate(-5px) rotate(-2deg)}50%{transform:translate(5px) rotate(2deg)}}@keyframes zombieRise{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.zombie-reveal p{color:#888;margin-top:1rem;font-style:italic}.glitch-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,255,0,.03) 0px,rgba(0,255,0,.03) 1px,transparent 1px,transparent 2px);animation:glitchFlicker .1s infinite}@keyframes glitchFlicker{0%,to{opacity:1}50%{opacity:.98}}.fear-battle{min-height:100vh;background:linear-gradient(135deg,#0a0a1a,#1a1a2e);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.bat-silhouettes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.bat{position:absolute;top:10%;font-size:2rem;opacity:.3;animation:batFly 4s ease-in-out infinite}@keyframes batFly{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-20px) translate(10px)}75%{transform:translateY(10px) translate(-10px)}}.battle-arena{text-align:center;z-index:1;max-width:500px}.battle-title{color:#8b0000;font-size:2rem;margin-bottom:.5rem;text-shadow:0 0 20px rgba(139,0,0,.5)}.battle-subtitle{color:#888;margin-bottom:2rem}.fear-card{background:#141428e6;border:2px solid #8B0000;border-radius:12px;padding:2rem;margin-bottom:2rem;transition:all .5s}.fear-card.conquered{border-color:var(--primary-gold);box-shadow:0 0 30px #daa5204d}.fear-content{margin-bottom:1.5rem}.fear-icon{font-size:3rem;margin-bottom:1rem}.fear-text{color:#ccc;font-size:1.2rem}.conquer-btn{background:linear-gradient(135deg,#8b0000,#a00000);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s}.conquer-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #8b000080}.conquered-message{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(218,165,32,.3);animation:fadeInUp .5s ease-out}.conquered-emoji{font-size:2rem;display:block;margin-bottom:.5rem}.conquered-message p{color:var(--primary-gold);font-style:italic}.fear-progress{display:flex;justify-content:center;gap:1rem}.progress-dot{width:16px;height:16px;border-radius:50%;background:#333;border:2px solid #555;transition:all .3s}.progress-dot.current{border-color:#8b0000;box-shadow:0 0 10px #8b000080}.progress-dot.done{background:var(--primary-gold);border-color:var(--primary-gold)}.victory-screen{text-align:center;animation:victoryBurst 1s ease-out}@keyframes victoryBurst{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.victory-screen h2{color:var(--primary-gold);font-size:2.5rem;margin-bottom:1rem;text-shadow:0 0 30px rgba(218,165,32,.5)}.victory-screen p{color:#ccc;font-size:1.2rem}.victory-hearts{font-size:2rem;margin:1.5rem 0;letter-spacing:.5rem}.victory-subtitle{color:#888;font-style:italic;margin-top:1rem}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece{position:absolute;top:-20px;animation:confettiFall linear forwards;will-change:transform}.confetti-circle{border-radius:50%}.confetti-square{border-radius:2px}.confetti-heart{background:transparent!important}@keyframes confettiFall{0%{transform:translateY(0) translate(0) rotate(0);opacity:1}10%{opacity:1}to{transform:translateY(100vh) translate(var(--drift)) rotate(var(--rotation));opacity:0}}.carousel-container{position:fixed;top:40px;left:0;right:0;z-index:100;padding:1rem;background:linear-gradient(to bottom,var(--primary-bg),transparent)}.stacked-cards{display:flex;justify-content:center;align-items:center;height:80px;perspective:1000px;position:relative}.stacked-card{position:absolute;width:120px;height:60px;background:var(--card-bg);border:2px solid var(--primary-gold);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translate(calc(var(--offset) * 40px)) scale(calc(1 - var(--abs-offset) * .1)) rotateY(calc(var(--offset) * -5deg));opacity:calc(1 - var(--abs-offset) * .2);box-shadow:var(--shadow-soft)}.stacked-card.active{transform:translate(0) scale(1.4) rotateY(0);opacity:1;border-color:var(--primary-gold);box-shadow:var(--shadow-warm);background:linear-gradient(135deg,var(--primary-gold),#c99a1d);color:#fff}.stacked-card.past{transform:translate(calc(var(--offset) * 60px - 100px)) scale(calc(.8 - var(--abs-offset) * .05)) rotateY(15deg);opacity:.5}.stacked-card.future{transform:translate(calc(var(--offset) * 60px + 100px)) scale(calc(.8 - var(--abs-offset) * .05)) rotateY(-15deg)}.stacked-card:hover:not(.active){border-color:var(--primary-gold);box-shadow:var(--shadow-warm);opacity:1}.card-emoji{font-size:1.2rem}.card-title{font-size:.65rem;font-weight:600;text-align:center;margin-top:2px}.page-indicator{display:flex;justify-content:center;gap:8px;margin-top:1rem}.indicator-dot{width:10px;height:10px;border-radius:50%;background:var(--soft-gray);cursor:pointer;transition:var(--transition)}.indicator-dot.active{background:var(--primary-gold);transform:scale(1.3)}.indicator-dot:hover{background:var(--primary-gold);opacity:.7}.storybook{margin-top:160px;min-height:calc(100vh - 160px);perspective:1500px;overflow:hidden}.page-wrapper{transform-style:preserve-3d;transform-origin:left center;transition:none}.page-wrapper.flipping-next{animation:bookFlipNext .7s cubic-bezier(.4,0,.2,1)}.page-wrapper.flipping-prev{animation:bookFlipPrev .7s cubic-bezier(.4,0,.2,1)}@keyframes bookFlipNext{0%{transform:rotateY(0);opacity:1}40%{transform:rotateY(-90deg);opacity:.6}60%{transform:rotateY(-90deg);opacity:0}to{transform:rotateY(0);opacity:1}}@keyframes bookFlipPrev{0%{transform:rotateY(0);opacity:1}40%{transform:rotateY(90deg);opacity:.6}60%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}.page-content{background:var(--primary-bg);min-height:calc(100vh - 250px);box-shadow:0 0 30px #0000001a}.page-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:linear-gradient(to top,var(--primary-bg),transparent);z-index:100}.nav-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;background:var(--card-bg);border:2px solid var(--primary-gold);border-radius:50px;color:var(--text-color);cursor:pointer;transition:var(--transition)}.nav-btn:hover:not(:disabled){background:var(--primary-gold);color:#fff;transform:scale(1.05)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.page-counter{font-weight:600;color:var(--primary-gold);font-size:1.1rem}section{padding:3rem 1.5rem 5rem;min-height:auto}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.hero{background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%);text-align:center;position:relative;overflow:hidden;min-height:70vh}.hero-content{position:relative;z-index:1}.hero-subtitle{font-size:1.2rem;color:var(--text-light);margin-top:1rem;font-style:italic}.hero-message{font-size:1.1rem;max-width:500px;margin:2rem auto 0;line-height:1.8}.header{position:fixed;top:30px;left:0;right:0;padding:1rem 2rem;display:flex;justify-content:flex-end;gap:1rem;z-index:1000;background:var(--primary-bg)}.mode-toggle{background:var(--card-bg);border:1px solid var(--primary-gold);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:var(--transition);animation:floatToggle 3s ease-in-out infinite;box-shadow:0 4px 15px #daa5204d}@keyframes floatToggle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mode-toggle:hover{background:var(--primary-gold);transform:scale(1.1);animation:none}.why-special{background:var(--secondary-bg)}.special-cards{display:grid;gap:1.5rem}.special-card{position:relative}.special-card .emoji{font-size:2rem;margin-bottom:.5rem}.date-reveal{display:none;font-size:.85rem;color:var(--text-light);margin-top:.5rem;font-style:italic}.special-card:hover .date-reveal{display:block}.compliments-section{margin-top:2rem}.compliments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.compliment-card{background:var(--card-bg);padding:1.5rem;border-radius:12px;text-align:center;box-shadow:var(--shadow-soft);transition:var(--transition);border:2px solid transparent}.compliment-card:hover{transform:scale(1.03);border-color:var(--primary-gold);box-shadow:var(--shadow-warm)}.compliment-icon{font-size:2.5rem;margin-bottom:.75rem}.compliment-text{font-size:.95rem;color:var(--text-light);font-style:italic;line-height:1.6}.beauty-message{background:linear-gradient(135deg,#daa5201a,#ffd7000d);border:2px dashed var(--primary-gold);border-radius:15px;padding:2rem;text-align:center;position:relative;overflow:hidden}.beauty-message:before{content:"✨";position:absolute;font-size:5rem;opacity:.1;top:10px;right:20px;animation:float 6s ease-in-out infinite}.beauty-message h3{color:var(--primary-gold);font-size:1.5rem;margin-bottom:1rem}.beauty-message p{color:var(--text-color);line-height:1.8;font-size:1.05rem;margin-bottom:1rem}.beauty-message p:last-child{margin-bottom:0}.little-things{background:var(--primary-bg)}.subsection{margin-bottom:3rem}.subsection h3{margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.thing-item{padding:1rem 1.5rem;border-left:3px solid var(--primary-gold);margin-bottom:1rem;background:var(--card-bg);border-radius:0 8px 8px 0;transition:var(--transition)}.thing-item:hover{transform:translate(8px);border-left-width:5px}.thing-title{font-weight:600;color:var(--primary-gold);margin-bottom:.3rem}.thing-note{font-size:.95rem;color:var(--text-light)}.inside-jokes{background:var(--secondary-bg)}.jokes-grid{display:grid;gap:1.5rem}.joke-card{cursor:pointer}.joke-hidden{display:none;margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--primary-gold);color:var(--text-light);font-style:italic}.joke-card.revealed .joke-hidden{display:block;animation:fadeInUp .5s ease-out}.promises{background:var(--primary-bg)}.promise-cards{display:flex;flex-direction:column;gap:1rem}.promise-card{padding:1.5rem 2rem;border-left:4px solid var(--primary-gold);opacity:0;transform:translate(-20px);animation:slideIn .6s ease-out forwards}.promise-card:nth-child(1){animation-delay:.1s}.promise-card:nth-child(2){animation-delay:.2s}.promise-card:nth-child(3){animation-delay:.3s}.promise-card:nth-child(4){animation-delay:.4s}.promise-card:nth-child(5){animation-delay:.5s}.promise-card:nth-child(6){animation-delay:.6s}.promise-card:nth-child(7){animation-delay:.7s}.promise-card:nth-child(8){animation-delay:.8s}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.letter{background:linear-gradient(135deg,var(--warm-white) 0%,#fff5e6 100%);font-family:var(--font-serif)}body.dark-mode .letter{background:linear-gradient(135deg,var(--deep-navy) 0%,#234156 100%)}.letter-content{max-width:700px;margin:0 auto;font-size:1.1rem;line-height:2}.letter-content p{margin-bottom:1.5rem;text-indent:2rem}.letter-content p:first-child{text-indent:0}.signature{text-align:right;font-style:italic;margin-top:2rem;color:var(--primary-gold)}.future-dreams{background:var(--light-blue)}body.dark-mode .future-dreams{background:#2d5a73}.dreams-list{display:flex;flex-direction:column;gap:1.5rem}.dream-item{padding:1.5rem;background:var(--card-bg);border-radius:12px;position:relative}.dream-item:before{content:"✨";position:absolute;left:-10px;top:-10px;font-size:1.5rem}.end-screen{background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%);text-align:center}.end-message{max-width:600px;margin:0 auto 2rem;font-size:1.2rem}.hug-button{font-size:1.3rem;padding:1.2rem 3rem;margin-bottom:2rem}.hug-response{font-size:1.1rem;max-width:500px;margin:0 auto;opacity:0;transform:scale(.9);transition:all .5s ease-out}.hug-response.visible{opacity:1;transform:scale(1)}.countdown{margin-top:2rem;padding:1.5rem;background:var(--card-bg);border-radius:12px;display:inline-block}.countdown-number{font-size:3rem;font-weight:700;color:var(--primary-gold)}.countdown-label{font-size:1rem;color:var(--text-light)}.multiple-hugs{margin-top:1rem;font-style:italic;color:var(--text-light)}.footer{text-align:center;padding:2rem;background:var(--deep-navy);color:var(--warm-white)}.footer-text{font-size:.9rem;opacity:.8}@media(max-width:600px){.carousel-container{top:50px;padding:.5rem}.stacked-cards{height:60px}.stacked-card{width:80px;height:45px}.card-emoji{font-size:1rem}.card-title{font-size:.5rem}.storybook{margin-top:140px}.page-nav{padding:.8rem 1rem}.nav-btn{padding:.6rem 1rem;font-size:.9rem}}.body-compliments-section{background:linear-gradient(135deg,#1a0f08,#2d1810,#1a0a1a);min-height:80vh;padding:2rem 1.5rem 5rem}.body-compliments{text-align:center;padding:2rem;background:linear-gradient(135deg,#1a0f08,#2d1810);border-radius:20px;margin:2rem 0;position:relative;overflow:hidden}.body-compliments h2{color:var(--primary-gold);margin-bottom:.5rem}.body-intro{color:#ffffffb3;margin-bottom:2rem;font-style:italic}.neural-body{position:relative;max-width:400px;margin:0 auto;min-height:400px}.body-svg{width:100%;height:400px}.neural-connection{stroke:#daa5204d;stroke-width:.3;animation:pulseConnection 2s ease-in-out infinite}@keyframes pulseConnection{0%,to{opacity:.3}50%{opacity:.7}}.body-node-group{cursor:pointer}.node-glow{fill:transparent;stroke:var(--primary-gold);stroke-width:.5;opacity:.3;animation:nodeGlow 2s ease-in-out infinite}@keyframes nodeGlow{0%,to{r:4;opacity:.3}50%{r:5;opacity:.6}}.body-node{fill:var(--primary-gold);transition:all .3s;filter:drop-shadow(0 0 3px rgba(218,165,32,.8))}.body-node:hover,.body-node.active{fill:gold;r:3.5;filter:drop-shadow(0 0 8px rgba(255,215,0,1))}.node-label{fill:#fffc;font-size:2.5px;text-anchor:middle;font-weight:500;pointer-events:none}.body-outline{stroke:#daa52026;stroke-width:.3;stroke-linecap:round;stroke-linejoin:round}.body-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.body-particle{position:absolute;animation:floatParticle 4s ease-in-out infinite;opacity:.4}@keyframes floatParticle{0%,to{transform:translateY(0) scale(1);opacity:.4}50%{transform:translateY(-10px) scale(1.2);opacity:.7}}.compliment-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.compliment-card{background:linear-gradient(145deg,#fff9f0,#fff5e6,#ffe4e1);border-radius:24px;width:90%;max-width:420px;box-shadow:0 20px 60px #0000004d,0 0 40px rgba(var(--accent-color),.2),inset 0 1px #fffc;animation:cardFloat .5s ease-out;overflow:hidden;border:2px solid rgba(218,165,32,.3)}body.dark-mode .compliment-card{background:linear-gradient(145deg,#2d2d3a,#1a1a2e,#2d1f3d)}@keyframes cardFloat{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.compliment-header{background:linear-gradient(135deg,var(--accent-color),rgba(var(--accent-color),.7));padding:1.25rem 1.5rem;display:flex;align-items:center;gap:.75rem;position:relative}.compliment-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.compliment-header h3{flex:1;color:#fff;font-size:1.2rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);margin:0}.close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:1rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#fff6;transform:rotate(90deg)}.compliment-body{padding:1.5rem}.compliment-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;opacity:0;animation:complimentSlide .5s ease-out forwards}@keyframes complimentSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.compliment-heart{font-size:1.2rem;animation:heartPulse 1.5s ease-in-out infinite}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.compliment-item p{color:#333;font-size:1.05rem;line-height:1.5;margin:0;font-style:italic}body.dark-mode .compliment-item p{color:#e0e0e0}.compliment-footer{padding:1rem 1.5rem 1.5rem;text-align:center;border-top:1px dashed rgba(218,165,32,.3)}.sparkle-line{display:block;color:var(--primary-gold);font-size:.9rem;margin-bottom:.5rem;letter-spacing:.5rem}.compliment-footer p{color:var(--primary-gold);font-weight:600;font-size:1rem;margin:0}.node-icon{font-size:3px;text-anchor:middle;dominant-baseline:middle;pointer-events:none}@media(max-width:768px){.phase-banner{flex-direction:column;gap:.25rem;padding:.4rem;font-size:.8rem}.floating-toggle{top:38px;right:1rem;width:40px;height:40px}.carousel-container{top:35px;padding:.5rem}.stacked-cards{height:70px}.stacked-card{width:100px;height:55px}.stacked-card.active{transform:translate(0) scale(1.3) rotateY(0)}.card-emoji{font-size:1.1rem}.card-title{font-size:.55rem}.page-indicator{gap:6px;margin-top:.75rem}.indicator-dot{width:8px;height:8px}.storybook{margin-top:140px;min-height:calc(100vh - 140px)}.page-nav{padding:.75rem 1rem}.nav-btn{padding:.6rem 1rem;font-size:.9rem}.page-counter{font-size:1rem}section{padding:2rem 1rem 4rem}section h2{font-size:1.5rem}.special-cards,.compliments-grid,.jokes-grid{grid-template-columns:1fr}.neural-body{min-height:320px}.body-svg{height:320px}.compliment-card{width:95%;margin:.5rem;border-radius:16px}.compliment-header{padding:1rem}.compliment-header h3{font-size:1rem}.compliment-body{padding:1rem}.compliment-item p{font-size:.9rem}.battle-title{font-size:1.5rem}.fear-card{padding:1.5rem}.fear-text{font-size:1rem}.conquer-btn{padding:.8rem 1.5rem;font-size:1rem}}@media(max-width:480px){.phase-banner{font-size:.75rem;padding:.3rem}.floating-toggle{top:32px;right:.75rem;width:36px;height:36px;font-size:1rem}.mobile-menu-btn{display:flex;position:fixed;top:28px;left:.75rem;z-index:1003;background:var(--primary-gold);border:none;border-radius:8px;width:36px;height:36px;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;color:#fff;box-shadow:0 2px 10px #0000004d;transition:all .3s}.mobile-menu-btn:hover{transform:scale(1.05)}.carousel-container{position:fixed;top:0;left:0;right:0;padding:0;background:transparent;transform:translateY(-100%);opacity:0;pointer-events:none;transition:all .3s ease-out;z-index:1001}.carousel-container.mobile-open{transform:translateY(0);opacity:1;pointer-events:auto;background:#000000f2;padding:1rem;padding-top:70px;min-height:100vh}.carousel-overlay{position:fixed;inset:0;z-index:-1}.carousel-container.mobile-open .stacked-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;height:auto;padding:.5rem;overflow:visible}.carousel-container.mobile-open .stacked-card{position:relative;width:100%;height:65px;transform:none!important;opacity:1;border-radius:10px}.carousel-container.mobile-open .stacked-card.active{border-width:2px;box-shadow:0 0 15px #daa52080}.carousel-container.mobile-open .card-emoji{font-size:1.3rem}.carousel-container.mobile-open .card-title{display:block;font-size:.6rem}.page-indicator{display:none}.storybook{margin-top:70px;min-height:calc(100vh - 70px)}.page-nav{padding:.6rem .75rem}.nav-btn{padding:.5rem .8rem;font-size:.85rem}section h2{font-size:1.3rem}section h3{font-size:1.1rem}section p{font-size:.95rem}.card{padding:1rem}.landing-title{font-size:clamp(2rem,10vw,3rem)}.landing-subtitle{font-size:clamp(1.2rem,5vw,1.8rem)}.bypass-btn{bottom:1.5rem;right:1rem;padding:.6rem 1rem;font-size:.75rem}.warp-text{font-size:1.1rem}.zombie-terminal{margin:0 .5rem}.terminal-body{padding:1rem;min-height:250px;font-size:.8rem}.battle-title{font-size:1.3rem}.fear-card{padding:1.25rem}.fear-icon{font-size:2.5rem}.fear-text{font-size:.95rem}.conquer-btn{padding:.75rem 1.25rem;font-size:.9rem}.victory-screen h2{font-size:1.8rem}.body-compliments h2{font-size:1.3rem}.body-intro{font-size:.9rem}.neural-body{min-height:280px}.body-svg{height:280px}.node-label{font-size:2px}.letter-content{font-size:1rem;line-height:1.8}.letter-content p{text-indent:1rem;margin-bottom:1rem}.end-message{font-size:1rem}.hug-button{font-size:1.1rem;padding:1rem 2rem}.countdown-number{font-size:2.5rem}.countdown-label{font-size:.9rem}}.music-player-container{position:fixed;bottom:0;left:0;width:100%;pointer-events:none;z-index:999}.music-toggle{position:fixed;bottom:5rem;left:1.5rem;width:44px;height:44px;border-radius:50%;background:#0009;border:1px solid var(--primary-gold);color:var(--primary-gold);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;z-index:2005;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.music-toggle:hover{transform:scale(1.1);background:var(--primary-gold);color:#000}.music-toggle.playing{animation:pulseBeat 2s infinite}@keyframes pulseBeat{0%{box-shadow:0 0 #daa52066}70%{box-shadow:0 0 0 10px #daa52000}to{box-shadow:0 0 #daa52000}}.karaoke-display{position:fixed;bottom:80px;left:0;right:0;text-align:center;pointer-events:none;z-index:1000;padding:0 1rem}.lyrics-line{font-size:1.2rem;font-weight:500;color:#fff9;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:all .3s;min-height:1.5em}.lyric-word{opacity:.5;transition:all .2s;display:inline-block}.lyric-word.sung{opacity:1;color:var(--primary-gold);transform:scale(1.1);text-shadow:0 0 10px var(--primary-gold)}.beat-wave-container{position:fixed;bottom:0;left:0;right:0;height:15vh;z-index:-1;opacity:.3;pointer-events:none;overflow:hidden}.wave{position:absolute;left:0;width:200%;height:100%;background-repeat:repeat-x;background-position:0 bottom;transform-origin:center bottom}.wave1{background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 1200 120" xmlns="http://www.w3.org/2000/svg"><path d="M0,60 C300,100 600,20 1200,60 L1200,120 L0,120 Z" fill="%23DAA520" opacity="0.4"/></svg>');background-size:50% 100%;bottom:0;animation:waveMove 10s linear infinite}.wave2{background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 1200 120" xmlns="http://www.w3.org/2000/svg"><path d="M0,60 C400,110 800,10 1200,60 L1200,120 L0,120 Z" fill="%23FFD700" opacity="0.3"/></svg>');background-size:50% 100%;bottom:5px;animation:waveMove 8s linear infinite reverse}.wave3{background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 1200 120" xmlns="http://www.w3.org/2000/svg"><path d="M0,60 C250,90 850,30 1200,60 L1200,120 L0,120 Z" fill="%23FFA500" opacity="0.2"/></svg>');background-size:50% 100%;bottom:10px;animation:waveMove 12s linear infinite}@keyframes waveMove{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:600px){.music-toggle{bottom:5rem;left:1rem;width:36px;height:36px}.karaoke-display{bottom:60px}.lyrics-line{font-size:1rem}}.nav-btn{position:relative;z-index:2010!important}.countdown-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out}.countdown-modal{background:var(--card-bg);border:3px solid var(--primary-gold);border-radius:20px;padding:2rem;max-width:500px;width:90%;position:relative;box-shadow:0 20px 60px #daa52066,0 0 30px #daa52033;animation:slideUp .4s ease-out}.countdown-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;opacity:.7;transition:opacity .2s;color:var(--text-color)}.countdown-close:hover{opacity:1}.countdown-content{text-align:center}.countdown-title{font-size:1.8rem;margin-bottom:.5rem;color:var(--primary-gold);font-weight:700}.countdown-subtitle{font-size:1.1rem;color:var(--text-muted);margin-bottom:2rem}.countdown-timer{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:2rem 0;font-family:Courier New,monospace}.countdown-unit{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#daa52026,#ffd7001a);border:2px solid var(--primary-gold);border-radius:10px;padding:1rem .8rem;min-width:60px}.countdown-value{font-size:1.8rem;font-weight:700;color:var(--primary-gold);line-height:1;margin-bottom:.3rem}.countdown-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:600}.countdown-separator{color:var(--primary-gold);font-size:1.5rem;font-weight:700;margin:0 -.3rem}.countdown-message{font-size:1.1rem;color:var(--text-color);margin-top:1.5rem;font-style:italic;animation:pulse 2s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}