.quiz-container{background-color:var(--color-black-deep);background-image:radial-gradient(circle at center, #0f0c08 0%, var(--color-black-deep) 100%);min-height:100vh;color:var(--color-white);text-align:center;z-index:0;justify-content:center;align-items:center;padding:120px 20px 80px;display:flex;position:relative;overflow:hidden}.quiz-container:before{content:"";background-image:radial-gradient(circle at center, var(--color-black-panel) 0%, var(--color-black-deep) 100%);opacity:0;transition:opacity var(--duration-atmosphere) var(--ease-inout);z-index:-1;pointer-events:none;position:absolute;inset:0}.quiz-container.theme-angel:before{opacity:1}.quiz-container:after{content:"";background-image:radial-gradient(circle at center, #1b0a0a 0%, var(--color-black-deep) 100%);opacity:0;transition:opacity var(--duration-atmosphere) var(--ease-inout);z-index:-1;pointer-events:none;position:absolute;inset:0}.quiz-container.theme-demon:after{opacity:1}.quiz-dust{background-image:radial-gradient(var(--color-white), #fff3 2px, transparent 40px), radial-gradient(var(--color-white), #ffffff26 1px, transparent 30px);opacity:.08;pointer-events:none;z-index:1;background-position:0 0,40px 60px;background-size:550px 550px,350px 350px;position:absolute;inset:0}.quiz-content{z-index:2;width:100%;max-width:1280px;padding:2rem 1rem;position:relative}.quiz-navigation-header{z-index:5;justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex;position:relative}.quiz-back-btn{color:#fff9;cursor:pointer;font-size:var(--text-small);font-family:var(--font-body);letter-spacing:var(--tracking-label);text-transform:uppercase;transition:color var(--duration-base) var(--ease-brand), text-shadow var(--duration-base) var(--ease-brand);border-radius:var(--radius-chip);background:0 0;border:none;align-items:center;gap:8px;padding:6px 12px;font-weight:500;display:flex}.quiz-back-btn:hover{color:var(--color-white);text-shadow:0 0 8px #ffffff4d}.quiz-question-number{font-family:var(--font-body);color:var(--gold-primary);font-size:var(--text-mini);letter-spacing:var(--tracking-wide-brand);text-transform:uppercase;opacity:.85;transition:color var(--duration-base) var(--ease-brand);font-weight:500}.theme-angel .quiz-question-number{color:var(--color-gray-bright);text-shadow:0 0 8px #ffffff26}.quiz-question-text{font-family:var(--font-title);font-size:var(--text-h1);color:var(--color-white);letter-spacing:var(--tracking-label);margin-bottom:4rem;font-weight:400;line-height:1.35}.quiz-progress-container{z-index:100;background:#ffffff0d;width:100%;height:3px;position:fixed;bottom:0;left:0}.quiz-progress-bar{background:var(--gold-primary);height:100%;box-shadow:0 0 12px var(--gold-primary);transition:width var(--duration-slow) var(--ease-brand)}.theme-angel .quiz-progress-bar{background:linear-gradient(90deg, #d1d1d6, var(--color-white), #d1d1d6);box-shadow:0 0 12px #fff9}.quiz-options-grid{perspective:1000px;z-index:3;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;display:grid;position:relative}.quiz-option-btn{color:var(--color-white);border-radius:var(--radius-panel);cursor:pointer;transition:background var(--duration-base) var(--ease-brand), border-color var(--duration-base) var(--ease-brand), box-shadow var(--duration-base) var(--ease-brand);transform-style:preserve-3d;background:#0f0f0f99;border:1px solid #ffffff14;outline:none;flex-direction:column;align-items:center;gap:1.5rem;padding:4rem 2.5rem;display:flex;position:relative;overflow:visible}.quiz-option-btn:after{content:"";border-radius:var(--radius-card);pointer-events:none;transition:border-color var(--duration-base) var(--ease-brand);border:1px dashed #ffffff0d;position:absolute;inset:6px}.quiz-option-btn-ornament{pointer-events:none;width:10px;height:10px;transition:border-color var(--duration-base) var(--ease-brand);border:1px solid #ffffff26;position:absolute}.quiz-option-btn-ornament.top-left{border-bottom:none;border-right:none;top:12px;left:12px}.quiz-option-btn-ornament.top-right{border-bottom:none;border-left:none;top:12px;right:12px}.quiz-option-btn-ornament.bottom-left{border-top:none;border-right:none;bottom:12px;left:12px}.quiz-option-btn-ornament.bottom-right{border-top:none;border-left:none;bottom:12px;right:12px}.quiz-option-btn:hover{border-color:var(--gold-line-strong);box-shadow:0 15px 40px #000000b3, 0 0 25px var(--gold-veil);background:#161616d9}.quiz-option-btn:hover:after{border-color:var(--gold-line)}.quiz-option-btn:hover .quiz-option-btn-ornament{border-color:var(--gold-primary)}.theme-angel .quiz-option-btn:hover{border-color:#e5e5e973;box-shadow:0 15px 40px #000000b3,0 0 25px #ffffff1a}.theme-angel .quiz-option-btn:hover .quiz-option-btn-ornament{border-color:var(--color-white)}.theme-angel .quiz-option-btn:hover:after{border-color:#ffffff40}.theme-demon .quiz-option-btn:hover{border-color:#d6000073;box-shadow:0 15px 40px #000000b3,0 0 25px #d6000026}.theme-demon .quiz-option-btn:hover .quiz-option-btn-ornament{border-color:#d60000}.theme-demon .quiz-option-btn:hover:after{border-color:#d6000040}.quiz-option-vector{color:#ffffffb3;width:212px;height:212px;transition:color var(--duration-base) var(--ease-brand);justify-content:center;align-items:center;margin-bottom:.5rem;display:flex;transform:translateZ(30px)}.quiz-option-vector svg{stroke:currentColor;fill:none;stroke-width:1.25px;width:100%;height:100%;transition:stroke var(--duration-base) var(--ease-brand), transform var(--duration-base) var(--ease-brand)}.quiz-option-btn:hover .quiz-option-vector{color:var(--gold-primary)}.quiz-option-btn:hover .quiz-option-vector svg{transform:scale(1.08)}.theme-angel .quiz-option-btn:hover .quiz-option-vector{color:var(--color-white)}.theme-demon .quiz-option-btn:hover .quiz-option-vector{color:#d60000}.quiz-option-label{font-family:var(--font-title);font-size:var(--text-h3);color:var(--color-white);letter-spacing:var(--tracking-label);font-weight:400;transform:translateZ(20px)}.quiz-option-desc{font-family:var(--font-body);font-size:var(--text-small);color:#ffffff80;letter-spacing:var(--tracking-label);max-width:220px;margin-top:.2rem;font-weight:300;line-height:1.6;transform:translateZ(15px)}.quiz-option-btn:hover .quiz-option-desc{color:#ffffffd9}.logo-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.angel-girl-svg,.angel-male-svg,.demon-girl-svg,.demon-male-svg,.demon-couple-svg,.angel-couple-svg{stroke:none!important;overflow:visible!important}.angel-girl-svg.normal,.angel-male-svg.normal,.angel-couple-svg.normal{z-index:1;--angel-line:var(--color-black-panel);--angel-fill:var(--color-gray-dim);--angel-fill-opacity:.85;filter:drop-shadow(0 0 1px #ffffff26);opacity:.65;transition:opacity var(--duration-base) var(--ease-brand);position:relative}.quiz-option-btn:hover .angel-girl-svg.normal,.quiz-option-btn:hover .angel-male-svg.normal,.quiz-option-btn:hover .angel-couple-svg.normal{opacity:.95}.angel-girl-svg.hover,.angel-male-svg.hover,.angel-couple-svg.hover{z-index:2;--angel-line:var(--color-black-deep);--angel-fill:var(--color-white);--angel-fill-opacity:1;filter:drop-shadow(0 0 8px #ffffff73);clip-path:inset(100% -30% -30%);transition:clip-path var(--duration-slow) var(--ease-inout), filter var(--duration-slow) var(--ease-brand);pointer-events:none;position:absolute;inset:0}.quiz-option-btn:hover .angel-girl-svg.hover,.quiz-option-btn:hover .angel-male-svg.hover,.quiz-option-btn:hover .angel-couple-svg.hover{clip-path:inset(-30%)}.demon-girl-svg.normal,.demon-male-svg.normal,.demon-couple-svg.normal{z-index:1;--demon-line:var(--color-black-panel);--demon-fill:var(--color-demon-deep);--demon-fill-opacity:.85;filter:drop-shadow(0 0 1px #d6000033);opacity:.65;transition:opacity var(--duration-base) var(--ease-brand);position:relative}.quiz-option-btn:hover .demon-girl-svg.normal,.quiz-option-btn:hover .demon-male-svg.normal,.quiz-option-btn:hover .demon-couple-svg.normal{opacity:.95}.demon-girl-svg.hover,.demon-male-svg.hover,.demon-couple-svg.hover{z-index:2;--demon-line:var(--color-black-deep);--demon-fill:var(--color-error);--demon-fill-opacity:1;filter:drop-shadow(0 0 8px #d6000080);clip-path:inset(100% -30% -30%);transition:clip-path var(--duration-slow) var(--ease-inout), filter var(--duration-slow) var(--ease-brand);pointer-events:none;position:absolute;inset:0}.quiz-option-btn:hover .demon-girl-svg.hover,.quiz-option-btn:hover .demon-male-svg.hover,.quiz-option-btn:hover .demon-couple-svg.hover{clip-path:inset(-30%)}.quiz-option-btn:hover .quiz-option-vector{animation:3s ease-in-out infinite floatVector}@keyframes floatVector{0%,to{transform:translateY(0)translateZ(30px)}50%{transform:translateY(-5px)translateZ(30px)}}.quiz-oracle-loader{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:3rem 0;display:flex;position:relative}.oracle-portal-wrapper{justify-content:center;align-items:center;width:240px;height:240px;margin-bottom:3.5rem;display:flex;position:relative}.oracle-portal-core{background:var(--color-black-deep);z-index:2;border:1px solid #ffffff0f;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:20px;box-shadow:inset 0 0 25px #000000e6}.oracle-portal-core-icon{color:#fff3;width:50px;height:50px}.portal-glow{background:radial-gradient(circle, var(--gold-line-strong) 0%, var(--gold-veil) 40%, transparent 70%);opacity:.5;filter:blur(30px);z-index:0;border-radius:50%;animation:10s ease-in-out infinite swirl-glow;position:absolute;inset:-30px}.theme-angel .portal-glow{background:radial-gradient(circle,#ffffff4d 0%,#ffffff0d 45%,#0000 70%)}.theme-demon .portal-glow{background:radial-gradient(circle,#d6000073 0%,#d600001a 40%,#0000 70%)}.portal-ring-outer{border:2px dashed var(--gold-line-strong);z-index:1;border-radius:50%;animation:22s linear infinite spin-ccw;position:absolute;inset:0}.portal-ring-inner{z-index:1;border:1.5px solid #ffffff26;border-radius:50%;animation:15s linear infinite spin-cw;position:absolute;inset:10px}.theme-angel .portal-ring-outer{border-color:#ffffff4d}.theme-demon .portal-ring-outer{border-color:#d6000080}.loader-conjuring-text{font-family:var(--font-title);font-size:var(--text-h3);color:var(--color-white);letter-spacing:var(--tracking-label);max-width:500px;height:60px;margin:0 auto;font-weight:300;line-height:1.5}.theme-angel .loader-conjuring-text{text-shadow:0 0 15px #ffffff40}.theme-demon .loader-conjuring-text{text-shadow:0 0 15px #d6000059}.quiz-results{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.oracle-blackout{background:var(--color-black-deep);border-radius:var(--radius-panel);opacity:0;pointer-events:none;z-index:10;position:absolute;inset:-24px}.quiz-results-header .oracle-verdict-title{font-family:var(--font-title);font-size:var(--text-h2);letter-spacing:var(--tracking-grand);text-transform:uppercase;color:var(--color-white);transition:color var(--duration-base) var(--ease-brand);flex-wrap:wrap;justify-content:center;gap:0 .75ch;margin-bottom:1.4rem;font-weight:400;line-height:1.4;display:flex}.theme-angel .oracle-verdict-title{color:var(--color-gray-bright);text-shadow:0 0 15px #ffffff40}.theme-demon .oracle-verdict-title{color:#d60000;text-shadow:0 0 15px #d6000059}.oracle-word{will-change:transform, opacity;display:inline-block}.oracle-verdict-sub{font-family:var(--font-title);font-size:var(--text-h3);letter-spacing:var(--tracking-label);color:var(--color-white);font-weight:400;line-height:1.35}.theme-angel .oracle-verdict-sub{color:var(--color-gray-bright)}.theme-demon .oracle-verdict-sub{color:#d60000}.quiz-results-header{width:100%;margin-bottom:4.5rem}.quiz-results-header h2{font-family:var(--font-title);letter-spacing:var(--tracking-label);font-weight:400;line-height:1.25;font-size:var(--text-h1)}.quiz-verdict-text{font-family:var(--font-body);font-size:var(--text-body-size);color:#ffffffb3;max-width:650px;letter-spacing:var(--tracking-label);margin:1.5rem auto 0;font-weight:300;line-height:1.8}.quiz-verdict-text strong{font-family:var(--font-title);color:var(--color-white);font-weight:400}.quiz-recommendations{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;width:100%;margin-top:1rem;display:grid}.rec-card{border-radius:var(--radius-panel);transition:border-color var(--duration-base) var(--ease-brand), box-shadow var(--duration-base) var(--ease-brand);background:#0c0c0cbf;border:1px solid #ffffff14;flex-direction:column;display:flex;position:relative;overflow:hidden}.rec-card:before{content:"";border-radius:var(--radius-card);pointer-events:none;z-index:3;transition:border-color var(--duration-base) var(--ease-brand);border:1px solid #ffffff08;position:absolute;inset:6px}.rec-card:hover{border-color:var(--gold-line-strong);box-shadow:0 20px 45px #000c, 0 0 30px var(--gold-veil)}.rec-card:hover:before{border-color:var(--border-color)}.theme-angel .rec-card:hover{border-color:#ffffff59;box-shadow:0 20px 45px #000c,0 0 30px #ffffff0d}.theme-angel .rec-card:hover:before{border-color:#ffffff26}.theme-demon .rec-card:hover{border-color:#d6000073;box-shadow:0 20px 45px #000c,0 0 30px #d600001a}.theme-demon .rec-card:hover:before{border-color:#d6000026}.rec-image-container{background:var(--color-black-deep);border-bottom:1px solid #ffffff0a;width:100%;height:320px;position:relative;overflow:hidden}.rec-image{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-brand)}.rec-card:hover .rec-image{transform:scale(1.06)}.rec-info{text-align:left;z-index:2;flex-direction:column;flex-grow:1;justify-content:space-between;padding:2.2rem;display:flex}.rec-name{font-family:var(--font-title);font-size:var(--text-h3);color:var(--color-white);margin-bottom:1rem;font-weight:400;line-height:1.35}.rec-why{font-family:var(--font-body);font-size:var(--text-small);color:#fff9;border-radius:var(--radius-card);border-left:2px solid var(--gold-primary);letter-spacing:var(--tracking-label);transition:background var(--duration-base) var(--ease-brand), border-color var(--duration-base) var(--ease-brand);background:#ffffff05;margin-bottom:1.8rem;padding:1rem 1.2rem;line-height:1.6}.theme-angel .rec-why{background:#ffffff08;border-left-color:#d1d1d6}.theme-demon .rec-why{background:#d600000a;border-left-color:#d60000}.rec-card:hover .rec-why{color:#fffffff2;background:#ffffff0d}.theme-angel .rec-card:hover .rec-why{background:#ffffff12}.theme-demon .rec-card:hover .rec-why{background:#d6000014}.rec-price{font-family:var(--font-body);font-size:var(--text-sub);color:var(--gold-primary);letter-spacing:var(--tracking-label);margin-bottom:1.8rem;font-weight:500;display:block}.theme-angel .rec-price{color:#d1d1d6}.theme-demon .rec-price{color:#d60000}.rec-btn{width:100%;color:var(--color-white);text-align:center;border-radius:var(--radius-pill);text-transform:uppercase;font-size:var(--text-small);font-weight:500;font-family:var(--font-body);letter-spacing:var(--tracking-label);transition:background-color var(--duration-base) var(--ease-brand), color var(--duration-base) var(--ease-brand), border-color var(--duration-base) var(--ease-brand), box-shadow var(--duration-base) var(--ease-brand);background:0 0;border:1px solid #ffffff26;padding:1rem 1.5rem;display:block}.rec-btn:hover{color:var(--color-white);background:#ffffff14;border-color:#ffffff73;box-shadow:0 0 20px #ffffff26}.theme-angel .rec-btn:hover{background:var(--gold-veil);color:var(--color-gray-bright);border-color:var(--gold-line-strong);box-shadow:0 0 20px var(--gold-line)}.theme-demon .rec-btn:hover{color:var(--color-white);background:#d6000014;border-color:#d6000073;box-shadow:0 0 20px #d6000033}.load-more-btn{color:#ffffffa6;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--text-small);text-transform:uppercase;letter-spacing:var(--tracking-label);cursor:pointer;transition:border-color var(--duration-base) var(--ease-brand), color var(--duration-base) var(--ease-brand), background-color var(--duration-base) var(--ease-brand);background:0 0;border:1px solid #ffffff26;margin-top:4.5rem;padding:1.1rem 3.5rem;font-weight:500}.load-more-btn:hover{color:var(--color-white);background:#ffffff14;border-color:#ffffff73}.theme-angel .load-more-btn:hover{border-color:var(--gold-line-strong);color:var(--color-gray-bright);background:var(--gold-veil)}.theme-demon .load-more-btn:hover{color:var(--color-white);background:#d6000014;border-color:#d6000073}.restart-btn{color:#ffffff59;cursor:pointer;font-size:var(--text-small);font-family:var(--font-body);letter-spacing:var(--tracking-label);transition:color var(--duration-base) var(--ease-brand);background:0 0;border:none;margin:2.5rem auto 0;font-weight:400;text-decoration:underline;display:block}.restart-btn:hover{color:#fffc}.quiz-content-animate{width:100%}@keyframes spin-cw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-ccw{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes swirl-glow{0%{transform:scale(1)rotate(0)}50%{transform:scale(1.15)rotate(180deg)}to{transform:scale(1)rotate(360deg)}}@media (max-width:768px){.quiz-content{border-radius:var(--radius-panel);padding:3rem 2rem}.quiz-question-text{margin-bottom:3rem;font-size:2.1rem}.quiz-options-grid{grid-template-columns:1fr;gap:1.5rem}.quiz-option-btn{gap:1rem;padding:3rem 2rem}.quiz-option-label{font-size:1.3rem}.quiz-option-vector{width:175px;height:175px}.quiz-results-header h2{font-size:2.1rem}.quiz-results-header .oracle-verdict-title{font-size:var(--text-h3);letter-spacing:var(--tracking-wide-brand)}.quiz-recommendations{grid-template-columns:1fr;gap:2rem}.rec-image-container{height:250px}}