@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap";:root{--bg-deep: #07040f;--bg-base: #0d0720;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .08);--border-glow: rgba(255, 107, 157, .35);--accent-rose: #ff6b9d;--accent-pink: #ff4d8d;--accent-violet: #c084fc;--accent-lavender: #a78bfa;--accent-gold: #fbbf24;--text-primary: #f8fafc;--text-secondary:#cbd5e1;--text-muted: #64748b;--font-body: "Outfit", sans-serif;--font-display: "Playfair Display", serif;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 40px;--radius-full: 9999px;--shadow-rose: 0 10px 40px rgba(255, 107, 157, .3);--shadow-violet: 0 10px 40px rgba(192, 132, 252, .3);--shadow-deep: 0 25px 60px rgba(0, 0, 0, .6)}html,body{height:100%;width:100%}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;width:100%}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.intro-root{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,#1a0533,#07040f 60%);position:relative;overflow:hidden;padding:1.5rem}.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:orbDrift 12s ease-in-out infinite alternate}.orb-1{width:280px;height:280px;background:radial-gradient(circle,rgba(255,107,157,.18),transparent 70%);top:-60px;left:-60px;animation-delay:0s}.orb-2{width:220px;height:220px;background:radial-gradient(circle,rgba(192,132,252,.18),transparent 70%);bottom:-40px;right:-40px;animation-delay:4s}.orb-3{width:160px;height:160px;background:radial-gradient(circle,rgba(251,191,36,.1),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:8s}@keyframes orbDrift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.08)}}.hearts-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-heart{position:absolute;bottom:-2rem;animation:floatUp linear infinite;will-change:transform,opacity;-webkit-user-select:none;user-select:none}@keyframes floatUp{0%{transform:translateY(0) rotate(-10deg);opacity:var(--start-opacity, .3)}50%{transform:translateY(-45vh) rotate(10deg)}to{transform:translateY(-100vh) rotate(-5deg);opacity:0}}.intro-card{position:relative;z-index:10;background:#ffffff09;border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:2rem 1.5rem 1.5rem;max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 30px 60px #00000073,0 0 0 1px #ff6b9d14;animation:cardEntrance 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes cardEntrance{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-ring-wrapper{position:relative;width:130px;height:130px}.profile-ring{width:130px;height:130px;border-radius:50%;padding:4px;background:conic-gradient(#ff6b9d,#c084fc,#fbbf24,#ff6b9d);animation:spinRing 6s linear infinite;box-shadow:0 0 30px #ff6b9d66}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.intro-profile-pic{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center top;border:3px solid #07040f}.profile-status-dot{position:absolute;bottom:6px;right:6px;width:18px;height:18px;background:#22c55e;border-radius:50%;border:3px solid #07040f;animation:pulseDot 1.8s ease-in-out infinite}@keyframes pulseDot{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 8px #22c55e00}}.intro-text-block{text-align:center;display:flex;flex-direction:column;gap:.75rem}.intro-from{font-size:.9rem;font-weight:500;color:#ff6b9d;letter-spacing:.05em;text-transform:uppercase}.intro-title{font-family:Playfair Display,serif;font-size:2.1rem;font-weight:700;line-height:1.3;color:#f8fafc}.intro-title em{font-style:italic;background:linear-gradient(90deg,#ff6b9d,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.intro-subtitle{font-size:1.05rem;font-weight:300;color:#94a3b8;line-height:1.7}.intro-btn{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#ff6b9d,#c084fc);color:#fff;font-size:1.2rem;font-weight:700;padding:1rem 2.8rem;border-radius:999px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 8px 30px #ff6b9d73;letter-spacing:.02em}.intro-btn:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 14px 40px #ff6b9d99}.intro-btn:active{transform:translateY(0) scale(.98)}.intro-btn-text{pointer-events:none}.intro-btn-icon{font-size:1.3rem;transition:transform .25s ease;pointer-events:none}.intro-btn:hover .intro-btn-icon{transform:translate(5px)}.intro-btn.pulse-once{animation:pulseCTA .8s ease}@keyframes pulseCTA{0%{transform:scale(1)}30%{transform:scale(1.07)}60%{transform:scale(.97)}to{transform:scale(1)}}.intro-hint{font-size:.8rem;color:#475569;letter-spacing:.03em}@media(max-width:480px){.intro-card{padding:1.5rem 1rem 1rem;border-radius:20px;gap:1rem}.intro-title{font-size:1.4rem}.profile-ring-wrapper,.profile-ring{width:100px;height:100px}.intro-subtitle{font-size:.95rem}.intro-btn{padding:.8rem 1.5rem;font-size:1rem}}.slideshow-root{position:relative;width:100%;height:100%;min-height:100%;border-radius:inherit;overflow:hidden;background:#0d0720;display:flex;align-items:center;justify-content:center}.slideshow-images{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.slideshow-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;transition:opacity 1.2s cubic-bezier(.4,0,.2,1);will-change:opacity,transform;background:#0d0720}.slideshow-img.ss-active{opacity:1;z-index:2}.slideshow-img.ss-prev{opacity:0;z-index:1;transition:opacity 1.2s ease}@keyframes kenBurns{0%{transform:scale(1.05) translate(0)}to{transform:scale(1.12) translate(-1%,-1%)}}.slideshow-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,4,15,.75) 0%,transparent 40%),linear-gradient(to bottom,rgba(7,4,15,.25) 0%,transparent 30%);z-index:3;pointer-events:none}.slideshow-glow{position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,107,157,.2),transparent 70%);z-index:3;pointer-events:none;animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:1}}.slideshow-dots{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:7px;align-items:center}.ss-dot{width:7px;height:7px;border-radius:999px;background:#ffffff4d;border:none;padding:0;cursor:pointer;transition:all .3s ease}.ss-dot-active{width:22px;background:#ff6b9d;box-shadow:0 0 8px #ff6b9db3}@media(max-width:600px){.slideshow-root{width:100%;height:100%;min-height:100%}.slideshow-images,.slideshow-img{position:absolute;inset:0}.slideshow-dots{bottom:8px;gap:5px}.ss-dot{width:5px;height:5px}.ss-dot-active{width:16px}}.ss-dot:hover:not(.ss-dot-active){background:#fff9}.slideshow-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#64748b;font-size:1rem}.quiz-root{min-height:100vh;width:100%;background:radial-gradient(ellipse at 30% 50%,#180830,#07040f 65%);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem 1rem}.quiz-orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}.quiz-orb-1{width:300px;height:300px;background:#ff6b9d1a;top:-80px;left:-80px}.quiz-orb-2{width:250px;height:250px;background:#c084fc1a;bottom:-60px;right:-60px}.quiz-progress-track{position:fixed;top:0;left:0;width:100%;height:4px;background:#ffffff12;z-index:100}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#ff6b9d,#c084fc);border-radius:0 4px 4px 0;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #ff6b9d99}.quiz-counter{position:fixed;top:14px;right:20px;z-index:100;font-size:.85rem;font-weight:600;color:#fff6;display:flex;gap:2px;align-items:baseline}.quiz-counter-current{color:#ff6b9d;font-size:1rem}.quiz-layout{position:relative;z-index:10;width:100%;max-width:1100px;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.quiz-photo-panel{position:relative;aspect-ratio:4/5;border-radius:28px;overflow:hidden;box-shadow:0 30px 70px #0000008c,0 0 0 1px #ff6b9d1f;animation:photoSlideIn .8s cubic-bezier(.16,1,.3,1)}@keyframes photoSlideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.quiz-emoji-badge{position:absolute;top:16px;right:16px;z-index:20;font-size:2.2rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6));animation:badgeBounce 2s ease-in-out infinite}@keyframes badgeBounce{0%,to{transform:scale(1) rotate(-5deg)}50%{transform:scale(1.12) rotate(5deg)}}.quiz-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:2.5rem 2rem;display:flex;flex-direction:column;gap:1.75rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 25px 60px #00000073;transition:opacity .3s ease,transform .3s ease}.quiz-card-enter{animation:cardEnter .55s cubic-bezier(.16,1,.3,1)}.quiz-card-exit{opacity:0;transform:translate(20px)}@keyframes cardEnter{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.quiz-step-dots{display:flex;gap:6px;align-items:center}.step-dot{width:8px;height:8px;border-radius:50%;background:#ffffff26;transition:all .3s ease}.step-dot-active{background:#ff6b9d;box-shadow:0 0 8px #ff6b9db3;transform:scale(1.25)}.step-dot-done{background:#c084fc80}.quiz-question{font-family:Playfair Display,serif;font-size:1.55rem;font-weight:600;color:#f1f5f9;line-height:1.4;font-style:italic}.quiz-answers{display:flex;flex-direction:column;gap:.75rem}.quiz-answer-btn{display:flex;align-items:center;gap:1rem;width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:.9rem 1.2rem;color:#cbd5e1;font-size:.95rem;font-weight:400;text-align:left;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.quiz-answer-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff6b9d14,#c084fc14);opacity:0;transition:opacity .22s ease}.quiz-answer-btn:hover:before{opacity:1}.quiz-answer-btn:hover{border-color:#ff6b9d59;color:#f1f5f9;transform:translate(4px)}.quiz-answer-btn:active{transform:translate(2px) scale(.99)}.quiz-answer-selected{background:linear-gradient(135deg,#ff6b9d2e,#c084fc24)!important;border-color:#ff6b9d!important;color:#f8fafc!important;box-shadow:0 0 0 1px #ff6b9d4d,0 6px 20px #ff6b9d33}.quiz-answer-letter{min-width:28px;height:28px;border-radius:50%;background:#ffffff12;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:#94a3b8;transition:all .22s ease;flex-shrink:0}.quiz-answer-selected .quiz-answer-letter{background:linear-gradient(135deg,#ff6b9d,#c084fc);color:#fff}.quiz-answer-text{flex:1;line-height:1.45}.quiz-answer-check{color:#ff6b9d;font-weight:700;font-size:1rem;animation:checkPop .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}@keyframes checkPop{0%{transform:scale(0)}to{transform:scale(1)}}.quiz-next-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:1rem 1.5rem;border-radius:14px;font-size:1.05rem;font-weight:700;color:#ffffff59;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);cursor:not-allowed;transition:all .3s ease;letter-spacing:.02em}.quiz-next-ready{background:linear-gradient(135deg,#ff6b9d,#c084fc);border-color:transparent;color:#fff;cursor:pointer;box-shadow:0 8px 28px #ff6b9d66}.quiz-next-ready:hover{transform:translateY(-3px);box-shadow:0 14px 36px #ff6b9d8c}.quiz-next-ready:active{transform:translateY(0)}.quiz-next-icon{font-size:1.1rem}@media(max-width:820px){.quiz-layout{grid-template-columns:1fr;gap:1rem}.quiz-photo-panel{aspect-ratio:auto;height:45vh;max-height:300px;border-radius:16px}.quiz-card{padding:1.25rem 1rem;border-radius:20px}.quiz-question{font-size:1.1rem}.quiz-answer-btn{padding:.7rem 1rem;font-size:.9rem}.quiz-next-btn{padding:.8rem 1rem;font-size:.95rem}}.result-root{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem 1rem}.result-match{background:#07040f}.result-maybe{background:#080715}.result-opposite{background:#070a0f}.result-bg-slideshow{position:fixed;inset:0;z-index:0}.result-bg-overlay{position:absolute;inset:0;background:#07040fd1;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.confetti-layer{position:fixed;inset:0;pointer-events:none;z-index:5;overflow:hidden}.confetti-particle{position:absolute;top:-20px;opacity:0;animation:confettiFall linear infinite}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}.result-hearts{position:fixed;inset:0;pointer-events:none;z-index:5;overflow:hidden}.r-heart{position:absolute;bottom:-2rem;animation:heartFloat 6s ease-in-out infinite;opacity:.4}@keyframes heartFloat{0%{transform:translateY(0) scale(1);opacity:.4}50%{opacity:.7}to{transform:translateY(-105vh) scale(.7);opacity:0}}.result-card{position:relative;z-index:10;width:100%;max-width:680px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:32px;padding:3rem 2.5rem;display:flex;flex-direction:column;gap:2rem;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 40px 80px #0009;opacity:0;transform:translateY(30px) scale(.97);transition:none}.result-card-in{animation:resultCardIn 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes resultCardIn{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.result-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem}.result-icon-ring{font-size:3rem;animation:iconPop .6s cubic-bezier(.34,1.56,.64,1) .3s both;filter:drop-shadow(0 0 20px rgba(255,107,157,.6))}.result-icon-maybe{filter:drop-shadow(0 0 20px rgba(192,132,252,.5))}.result-icon-opposite{filter:drop-shadow(0 0 20px rgba(103,232,249,.4))}@keyframes iconPop{0%{transform:scale(0) rotate(-20deg)}to{transform:scale(1) rotate(0)}}.result-label{font-size:.85rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.result-label-match{color:#ff6b9d}.result-label-maybe{color:#c084fc}.result-label-opposite{color:#67e8f9}.result-title{font-family:Playfair Display,serif;font-size:2.6rem;font-weight:700;line-height:1.2;color:#f8fafc}.result-title-maybe{color:#e2d9f3}.result-title-opposite{color:#dbeafe}.result-letter{display:flex;flex-direction:column;gap:1rem;font-family:Playfair Display,serif;font-size:1.08rem;color:#cbd5e1;line-height:1.8;font-style:italic;border-left:3px solid rgba(255,107,157,.35);padding-left:1.25rem}.result-letter-maybe{border-left-color:#c084fc59}.result-letter-opposite{border-left-color:#67e8f940}.result-letter p{margin:0}.result-letter em{color:#ff6b9d;font-style:italic}.result-letter-maybe em{color:#c084fc}.result-letter-opposite em{color:#67e8f9}.result-sign{font-style:normal!important;font-family:Outfit,sans-serif!important;font-size:1rem!important;color:#94a3b8!important;margin-top:.5rem!important}.result-sign strong{color:#f1f5f9}.result-amharic{font-family:Outfit,sans-serif!important;font-style:normal!important;font-size:1.2rem!important;color:#ff6b9d!important;font-weight:600!important;margin-top:.5rem!important}.result-socials{display:flex;flex-direction:column;align-items:center;gap:.9rem}.result-socials-label{font-size:.88rem;color:#64748b;font-weight:500;letter-spacing:.04em}.result-socials-row{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.result-social-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);color:#94a3b8;transition:all .25s ease}.result-social-btn:hover{background:linear-gradient(135deg,#ff6b9d,#c084fc);border-color:transparent;color:#fff;transform:translateY(-4px) scale(1.1);box-shadow:0 10px 24px #ff6b9d66}.result-summary{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:1.8rem;margin-top:.5rem;display:flex;flex-direction:column;gap:1.2rem;animation:summaryIn .8s ease-out .8s both}@keyframes summaryIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.result-summary-title{font-size:.8rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.15em;margin:0;text-align:center;font-weight:600}.result-summary-tags{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.result-tag{background:#ff6b9d14;border:1px solid rgba(255,107,157,.15);color:#ff9dbd;padding:.5rem 1.1rem;border-radius:999px;font-size:.82rem;font-weight:500;transition:all .3s ease}.result-tag:hover{background:#ff6b9d26;border-color:#ff6b9d4d;transform:scale(1.05)}.result-retry-btn{align-self:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.65rem 1.8rem;font-size:.9rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .25s ease}.result-retry-btn:hover{color:#f1f5f9;background:#ffffff17;transform:translateY(-2px)}@media(max-width:540px){.result-card{padding:1.5rem 1rem;border-radius:20px}.result-title{font-size:1.5rem}.result-letter{font-size:.85rem}.result-bg-slideshow{position:fixed;inset:0;height:100%}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.app-root{width:100%;min-height:100vh;position:relative;overflow-x:hidden}