.reflection-experience{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;overflow-x:hidden;overflow-y:auto;background:radial-gradient(ellipse at center,rgba(15,23,42,.95) 0,#020617 100%);padding-top:2rem;padding-bottom:2rem}.reflection-vignette{background:radial-gradient(ellipse at center,transparent 0,rgba(0,0,0,.4) 100%)}.reflection-vignette,.tone-elements{position:fixed;inset:0;pointer-events:none;z-index:1}.fusion-breath{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(251,191,36,.3) 0,rgba(245,158,11,.15) 30%,rgba(217,119,6,.08) 60%,transparent 80%);filter:blur(35px);animation:fusionBreathe 25s ease-in-out infinite}@keyframes fusionBreathe{0%,to{opacity:0;transform:scale(.4) translate(0)}25%{opacity:.6;transform:scale(1.1) translate(30px,-40px)}50%{opacity:.8;transform:scale(1.4) translate(-15px,25px)}75%{opacity:.5;transform:scale(.9) translate(40px,15px)}}.gentle-star{position:absolute;width:3px;height:3px;background:hsla(0,0%,100%,.95);border-radius:50%;box-shadow:0 0 8px hsla(0,0%,100%,.7),0 0 15px hsla(0,0%,100%,.4);animation:gentleTwinkle 10s ease-in-out infinite}@keyframes gentleTwinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.3)}}.intense-swirl{position:absolute;width:clamp(180px,35vw,240px);height:clamp(180px,35vw,240px);background:radial-gradient(circle at 30% 30%,rgba(147,51,234,.35) 0,rgba(168,85,247,.18) 30%,rgba(139,92,246,.1) 60%,transparent 80%);filter:blur(30px);border-radius:50%;animation:intenseSwirl 18s ease-in-out infinite}@keyframes intenseSwirl{0%,to{opacity:0;transform:rotate(0deg) scale(.2)}25%{opacity:.7;transform:rotate(180deg) scale(1.1)}50%{opacity:.9;transform:rotate(1turn) scale(1.4)}75%{opacity:.6;transform:rotate(540deg) scale(.8)}}.cosmic-particles{position:fixed;inset:0;pointer-events:none;z-index:2}.cosmic-particles .particle{position:absolute;width:2px;height:2px;background:radial-gradient(circle,hsla(0,0%,100%,.8) 0,transparent 70%);border-radius:50%;animation:float-up linear infinite}@keyframes float-up{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) scale(1);opacity:0}}.output-container,.questionnaire-container{position:relative;z-index:10;width:100%;max-width:800px;padding:var(--space-xl)}.reflection-card{transition:border-color .3s ease,box-shadow .3s ease}.mirror-surface{position:relative}.gazing-overlay{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(15,23,42,.98) 0,#020617 100%);backdrop-filter:blur(20px)}.gazing-cosmos{position:absolute;inset:0;overflow:hidden}.gazing-star{background:hsla(0,0%,100%,.9);box-shadow:0 0 6px hsla(0,0%,100%,.8)}.gazing-particle,.gazing-star{position:absolute;border-radius:50%}.gazing-particle{width:4px;height:4px;background:radial-gradient(circle,rgba(168,85,247,.8) 0,transparent 70%)}.gazing-center{position:relative;display:flex;align-items:center;justify-content:center;width:280px;height:280px}.mirror-ring{position:absolute;border-radius:50%;border:1px solid}.mirror-ring-outer{width:280px;height:280px;border-color:rgba(168,85,247,.3);box-shadow:0 0 30px rgba(168,85,247,.2),inset 0 0 30px rgba(168,85,247,.1)}.mirror-ring-middle{width:240px;height:240px;border-color:rgba(251,191,36,.3);box-shadow:0 0 25px rgba(251,191,36,.15),inset 0 0 25px rgba(251,191,36,.1)}.mirror-portal{position:relative;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(139,92,246,.4) 0,rgba(88,28,135,.6) 50%,rgba(30,10,60,.8) 100%);box-shadow:0 0 60px rgba(139,92,246,.4),0 0 100px rgba(168,85,247,.2),inset 0 0 40px rgba(0,0,0,.5);overflow:hidden}.mirror-surface-effect{position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),transparent 50%,hsla(0,0%,100%,.05));border-radius:50%}.mirror-reflection-inner{position:absolute;inset:20%;border-radius:50%;background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(168,85,247,.3) 50%,rgba(139,92,246,.2));background-size:200% 200%}.mirror-glow-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,hsla(0,0%,100%,.8) 0,transparent 70%)}.gazing-text{position:absolute;bottom:20%;text-align:center}.gazing-status{font-size:1.5rem;font-weight:300;color:hsla(0,0%,100%,.9);margin-bottom:.5rem}.gazing-subtitle{font-size:.875rem;color:hsla(0,0%,100%,.5)}@media (prefers-reduced-motion:reduce){.cosmic-particles .particle,.fusion-breath,.gazing-particle,.gazing-star,.gentle-star,.intense-swirl,.mirror-glow-center,.mirror-portal,.mirror-reflection-inner,.mirror-ring{animation:none}}