:root{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}:root{--pink-light: #f9e9e6;--pink-medium: #f4c4c4;--pink-accent: #e67c7f;--pink-deep: #d4626a;--pink-dark: #c44d5a;--white: #ffffff;--text-dark: #4a3f3f;--text-light: #7a6a6a;--shadow-soft: rgba(230, 124, 127, .2);--shadow-medium: rgba(230, 124, 127, .3)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,var(--pink-light) 0%,var(--pink-medium) 50%,var(--pink-light) 100%);min-height:100vh;color:var(--text-dark)}#root{height:100%;max-width:none;padding:0;margin:0}.app-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--pink-light) 0%,var(--pink-medium) 50%,var(--pink-light) 100%)}.app-container.transitioning{pointer-events:none}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.particle{position:absolute;width:10px;height:10px;background:linear-gradient(135deg,var(--pink-accent),var(--pink-medium));border-radius:50%;opacity:.4;animation:float-up linear infinite}@keyframes float-up{0%{transform:translateY(100vh) rotate(0) scale(0);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(-100vh) rotate(720deg) scale(1);opacity:0}}.page{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;padding:20px}.fade-in{animation:fadeIn .6s ease-out forwards}.fade-out{animation:fadeOut .4s ease-in forwards}.gallery-page{transition:none!important}@keyframes fadeIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.age-page{background:transparent}.content-wrapper{background:linear-gradient(145deg,#fffffff2,#f9e9e6f2);padding:50px 60px;border-radius:30px;box-shadow:0 20px 60px var(--shadow-medium),0 0 0 1px #fffc inset;max-width:550px;width:100%;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--pink-accent) 0%,var(--pink-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;line-height:1.3}.sparkle{display:inline-block;animation:sparkle 2s ease-in-out infinite}.sparkle:last-child{animation-delay:1s}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(10deg)}}.subtitle{color:var(--text-light);font-size:1.1rem;margin-bottom:40px;font-weight:400}.slider-container{margin:30px 0}.age-display{margin-bottom:30px}.age-number{display:block;font-size:5rem;font-weight:800;background:linear-gradient(135deg,var(--pink-accent) 0%,var(--pink-deep) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;animation:pulse-soft 2s ease-in-out infinite}@keyframes pulse-soft{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.age-label{display:block;font-size:1rem;color:var(--text-light);margin-top:5px;letter-spacing:2px;text-transform:uppercase}.slider-wrapper{display:flex;align-items:center;gap:15px;padding:0 10px}.slider-bound{font-size:.9rem;color:var(--text-light);font-weight:600;min-width:30px}.age-slider{-webkit-appearance:none;appearance:none;width:100%;height:12px;background:linear-gradient(90deg,var(--pink-light) 0%,var(--pink-medium) 100%);border-radius:10px;outline:none;cursor:pointer;box-shadow:inset 0 2px 4px #0000001a,0 2px 4px #fffc}.age-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;background:linear-gradient(145deg,var(--white) 0%,var(--pink-light) 100%);border-radius:50%;cursor:grab;box-shadow:0 4px 15px var(--shadow-medium),0 2px 5px #0000001a,inset 0 2px 3px #ffffffe6;border:3px solid var(--pink-accent);transition:transform .15s ease,box-shadow .15s ease}.age-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 6px 20px var(--shadow-medium),0 3px 8px #00000026,inset 0 2px 3px #ffffffe6}.age-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.age-slider::-moz-range-thumb{width:32px;height:32px;background:linear-gradient(145deg,var(--white) 0%,var(--pink-light) 100%);border-radius:50%;cursor:grab;box-shadow:0 4px 15px var(--shadow-medium),0 2px 5px #0000001a;border:3px solid var(--pink-accent);transition:transform .15s ease}.slider-ticks{display:flex;justify-content:space-between;padding:10px 25px;margin-top:5px}.tick-mark{font-size:.75rem;color:var(--text-light);opacity:.7}.continue-btn{margin-top:30px;padding:18px 50px;font-size:1.1rem;font-weight:600;color:var(--white);background:linear-gradient(135deg,var(--pink-accent) 0%,var(--pink-deep) 100%);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px var(--shadow-medium);letter-spacing:.5px}.continue-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px var(--shadow-medium);background:linear-gradient(135deg,var(--pink-deep) 0%,var(--pink-dark) 100%)}.continue-btn:active{transform:translateY(-1px)}.continue-btn.error{background:linear-gradient(135deg,#f5a0a0,#e67c7f);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}}.error-hint{margin-top:15px;color:var(--pink-deep);font-size:.95rem;animation:fadeIn .3s ease}.gallery-page{flex-direction:column;padding:30px 20px;gap:20px;height:100vh}.progress-container{width:100%;max-width:600px;padding:0 20px}.progress-bar{width:100%;height:6px;background:#ffffff80;border-radius:10px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,var(--pink-accent) 0%,var(--pink-deep) 100%);border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px var(--pink-accent)}.progress-dots{display:flex;justify-content:space-between;margin-top:12px;padding:0 2px}.progress-dot{width:8px;height:8px;border-radius:50%;background:#fff9;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.progress-dot.completed{background:linear-gradient(135deg,var(--pink-accent),var(--pink-deep));transform:scale(1)}.progress-dot.current{background:var(--white);transform:scale(1.3);box-shadow:0 0 15px var(--pink-accent),0 2px 8px #0003}.image-container{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;max-width:1200px;padding:20px;gap:20px}.image-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;max-width:800px}.image-wrapper{position:relative;max-width:100%;max-height:60vh;border-radius:20px;overflow:hidden;opacity:0;transform:scale(.95);transition:all .5s cubic-bezier(.4,0,.2,1)}.image-wrapper.loaded{opacity:1;transform:scale(1)}.gallery-image{max-width:100%;max-height:60vh;object-fit:contain;display:block;border-radius:20px;box-shadow:0 25px 60px var(--shadow-medium),0 10px 20px #0000001a}.image-frame{position:absolute;inset:0;border:4px solid rgba(255,255,255,.3);border-radius:20px;pointer-events:none}.image-counter{margin-top:20px;font-size:1rem;color:var(--text-light);font-weight:500;letter-spacing:1px}.nav-arrow-btn{display:flex;align-items:center;justify-content:center;width:60px;height:60px;font-size:2rem;color:var(--white);background:linear-gradient(135deg,var(--pink-accent) 0%,var(--pink-deep) 100%);border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px var(--shadow-soft);flex-shrink:0}.nav-arrow-btn:hover:not(.disabled){transform:scale(1.1);box-shadow:0 10px 30px var(--shadow-medium)}.nav-arrow-btn:active:not(.disabled){transform:scale(1.05)}.nav-arrow-btn.disabled{opacity:.3;cursor:not-allowed;background:linear-gradient(135deg,#ccc,#aaa);pointer-events:none}.nav-arrow-btn.left:hover:not(.disabled){transform:scale(1.1) translate(-5px)}.nav-arrow-btn.right:hover:not(.disabled){transform:scale(1.1) translate(5px)}.final-page{background:transparent}.final-content{text-align:center;padding:60px;background:linear-gradient(145deg,#fffffff2,#f9e9e6f2);border-radius:30px;box-shadow:0 20px 60px var(--shadow-medium)}.final-title{font-size:5rem;margin-bottom:20px;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.final-text{font-size:1.5rem;color:var(--text-light)}@media(max-width:768px){.content-wrapper{padding:35px 30px;margin:15px;border-radius:25px}.title{font-size:1.5rem}.subtitle{font-size:1rem;margin-bottom:30px}.age-number{font-size:4rem}.age-slider::-webkit-slider-thumb{width:28px;height:28px}.continue-btn{padding:15px 40px;font-size:1rem}.gallery-page{padding:20px 15px}.progress-dots{display:none}.image-container{gap:15px;padding:10px}.nav-arrow-btn{width:50px;height:50px;font-size:1.8rem}.gallery-image{max-height:50vh;border-radius:15px}.image-wrapper,.image-frame{border-radius:15px}.final-content{padding:40px 30px;margin:15px}.final-title{font-size:3.5rem}}@media(max-width:480px){.content-wrapper{padding:30px 20px}.title{font-size:1.3rem}.age-number{font-size:3.5rem}.slider-wrapper{gap:10px}.slider-bound{font-size:.8rem;min-width:25px}.age-slider{height:10px}.age-slider::-webkit-slider-thumb{width:24px;height:24px;border-width:2px}.progress-bar{height:5px}.image-container{gap:10px}.nav-arrow-btn{width:45px;height:45px;font-size:1.5rem}.gallery-image{max-height:45vh}}@media(hover:none){.age-slider::-webkit-slider-thumb{width:36px;height:36px}.nav-arrow-btn{width:65px;height:65px;font-size:2rem}}.color-transition-layer{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0d0d0d,#1a0f1a 30%,#150a15,#1a0f1a 70%,#0d0d0d);z-index:15;transition:opacity .1s linear}.app-container{transition:background .3s ease}.app-container.dark-mode{background:#0d0d0d}.particles{transition:opacity .5s ease}.transition-page{background:transparent;z-index:10;animation:transitionFadeIn .8s ease-out forwards}@keyframes transitionFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.transition-content{display:flex;flex-direction:column;align-items:center;gap:30px;animation:contentFadeIn 1s ease-out .3s forwards;opacity:0}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.transition-loader{position:relative;width:80px;height:80px}.loader-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:#39ff14;border-radius:50%;animation:spin 1.5s linear infinite}.loader-ring:nth-child(2){width:70%;height:70%;top:15%;left:15%;border-top-color:#0ff;animation-duration:1.2s;animation-direction:reverse}.loader-ring:nth-child(3){width:40%;height:40%;top:30%;left:30%;border-top-color:#8a2be2;animation-duration:.9s}@keyframes spin{to{transform:rotate(360deg)}}.transition-text{font-family:Courier New,Courier,monospace;color:#39ff14;font-size:1.2rem;text-shadow:0 0 10px #39ff14;animation:textFlicker 2s ease-in-out infinite}@keyframes textFlicker{0%,to{opacity:1}50%{opacity:.7}}.decision-page{background:#0d0d0d;flex-direction:column;z-index:20}.decision-content{display:flex;flex-direction:column;align-items:center;gap:40px;padding:40px}.decision-title{font-family:Courier New,Courier,monospace;font-size:2rem;color:#0ff;text-shadow:0 0 10px #00ffff,0 0 20px #00ffff;text-align:center;animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 0 10px #00ffff,0 0 20px #00ffff}50%{text-shadow:0 0 20px #00ffff,0 0 40px #00ffff,0 0 60px #00ffff}}.decision-buttons{display:flex;flex-direction:column;gap:20px;width:100%;max-width:400px}.decision-btn{padding:16px 32px;font-size:1.1rem;font-family:Courier New,Courier,monospace;background-color:#111;border:2px solid #39ff14;color:#39ff14;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.decision-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(57,255,20,.2),transparent);transition:left .5s ease}.decision-btn:hover:not(:disabled):before{left:100%}.decision-btn:hover:not(:disabled){background-color:#1a1a1a;box-shadow:0 0 20px #39ff1480,inset 0 0 20px #39ff141a;transform:scale(1.02)}.decision-btn.no-btn{border-color:#444;color:#666;cursor:not-allowed;opacity:.6}.decision-btn.no-btn:hover{transform:none;box-shadow:none}.btn-subtext{display:block;font-size:.75rem;margin-top:5px;opacity:.7}.finale-page{background:linear-gradient(-45deg,#0d0d0d,#1a0f2e,#0f1f2e,#1e2a3a,#0d1b2a,#1a1a2e,#0d0d0d);background-size:400% 400%;animation:aurora 15s ease-in-out infinite;position:relative;overflow:hidden}@keyframes aurora{0%{background-position:0% 50%}25%{background-position:100% 25%}50%{background-position:0% 75%}75%{background-position:100% 50%}to{background-position:0% 50%}}.aurora-layer{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(57,255,20,.1) 0%,rgba(0,255,255,.08) 25%,rgba(138,43,226,.06) 50%,transparent 70%);animation:auraGlow 20s linear infinite;pointer-events:none}.aurora-layer-2{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(57,255,20,.05) 40%,rgba(0,255,255,.03) 60%,transparent 70%);animation:auraWave 25s ease-in-out infinite;pointer-events:none}@keyframes auraGlow{0%{transform:rotate(0) scale(1);opacity:.3}33%{transform:rotate(120deg) scale(1.1);opacity:.5}66%{transform:rotate(240deg) scale(.9);opacity:.2}to{transform:rotate(360deg) scale(1);opacity:.3}}@keyframes auraWave{0%{transform:translate(-100%) skew(0);opacity:0}25%{opacity:.4}50%{transform:translate(0) skew(5deg);opacity:.6}75%{opacity:.3}to{transform:translate(100%) skew(0);opacity:0}}.finale-content{position:relative;z-index:10;text-align:center}.glass-text{font-size:3rem;font-family:Courier New,Courier,monospace;color:#fff;text-align:center;text-shadow:0 0 20px rgba(255,255,255,.8),0 0 40px rgba(57,255,20,.4),0 0 60px rgba(0,255,255,.3);animation:glassTextGlow 8s ease-in-out infinite,quoteAppear .8s ease-out}@keyframes quoteAppear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glassTextGlow{0%,to{text-shadow:0 0 20px rgba(255,255,255,.8),0 0 40px rgba(57,255,20,.4),0 0 60px rgba(0,255,255,.3)}50%{text-shadow:0 0 30px rgba(255,255,255,1),0 0 60px rgba(57,255,20,.6),0 0 90px rgba(0,255,255,.5)}}@media(max-width:768px){.decision-title{font-size:1.5rem}.decision-btn{padding:14px 24px;font-size:1rem}.glass-text{font-size:2rem;padding:0 20px}}@media(max-width:480px){.decision-title{font-size:1.2rem}.glass-text{font-size:1.6rem}.transition-text{font-size:1rem}}