@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap);:root{--bg-main:#f5f4f1;--text-main:#33363a;--text-muted:#7a7d84;--border-subtle:#0000000f;--card-bg:#fff;--card-shadow:#0000000a;--btn-primary-bg:#00000008;--btn-primary-text:#33363a;--btn-primary-hover:#0000000f;--choice-bg:#fff9;--intensity-bg:#00000005;--intensity-text:#7a7d84;--intensity-hover-bg:#0000000d;--intensity-hover-text:#33363a;--strong-accent:#00000014;--slight-accent:#00000008;--progress-bg:#0000000d;--progress-fill:#8a8d93;--back-card-bg:#fdfdfc;--trait-bg:#00000005;--thumbnail-bg:#ebeae7}@media (prefers-color-scheme:dark){:root{--bg-main:#141416;--text-main:#e0e1e4;--text-muted:#84878e;--border-subtle:#ffffff0d;--card-bg:#1c1d21;--card-shadow:#0000004d;--btn-primary-bg:#ffffff08;--btn-primary-text:#e0e1e4;--btn-primary-hover:#ffffff12;--choice-bg:#ffffff05;--intensity-bg:#ffffff05;--intensity-text:#84878e;--intensity-hover-bg:#ffffff0f;--intensity-hover-text:#fff;--strong-accent:#ffffff17;--slight-accent:#ffffff08;--progress-bg:#ffffff0f;--progress-fill:#6b6e75;--back-card-bg:#18191c;--trait-bg:#ffffff05;--thumbnail-bg:#1c1d21}}#root,body,html{-webkit-font-smoothing:antialiased;background-color:#f5f4f1!important;background-color:var(--bg-main)!important;color:#33363a!important;color:var(--text-main)!important;font-family:Inter,sans-serif;margin:0;min-height:100vh;padding:0;transition:background-color .3s ease,color .3s ease}#root,.app-layout,body,html{overflow-x:hidden;width:100vw}.app-layout{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100dvh;overflow-y:auto;padding:80px 15px 20px}.onboarding-screen{animation:fadeIn .6s ease-out}.onboarding-title{font-size:56px;font-weight:800;letter-spacing:-1px;margin:0 0 10px}.onboarding-subtitle{color:#7a7d84;color:var(--text-muted);font-size:16px;font-weight:400;margin-bottom:40px}.age-grid{display:flex;flex-direction:column;gap:16px;max-width:320px;width:100%}.age-btn{background:#fff;background:var(--card-bg);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 4px 10px #0000000a;box-shadow:0 4px 10px var(--card-shadow);color:#33363a;color:var(--text-main);cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;padding:20px;text-transform:uppercase;transition:all .2s ease}.age-btn:hover{border-color:#7a7d84;border-color:var(--text-muted);box-shadow:0 8px 20px #0000000a;box-shadow:0 8px 20px var(--card-shadow);transform:translateY(-2px)}.quiz-container{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin:auto;max-height:800px;max-width:600px;padding:clamp(10px,2dvh,20px) 0;transition:max-width .3s ease;width:100%}.quiz-header{gap:20px;margin-bottom:40px;width:100%}.back-btn,.quiz-header{align-items:center;display:flex}.back-btn{background:#0000;border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:50%;color:#33363a;color:var(--text-main);cursor:pointer;flex-shrink:0;font-size:20px;height:44px;justify-content:center;transition:all .2s ease;width:44px}.back-btn:hover{background:#0000000f;background:var(--border-subtle);transform:scale(1.05)}.progress-wrapper{display:flex;flex:1 1;flex-direction:column;gap:8px}.progress-bar{background:#0000000d;background:var(--progress-bg);border-radius:2px;height:4px;overflow:hidden;width:100%}.progress-fill{background:#8a8d93;background:var(--progress-fill);border-radius:2px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-text{color:#7a7d84;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:2px;text-align:right;text-transform:uppercase}.question-text{flex-shrink:0;font-size:clamp(18px,3.5dvh,26px);font-weight:700;letter-spacing:-.5px;line-height:1.3;margin:clamp(15px,2.5dvh,30px) 0;outline:none;text-align:center}.premium-options-container{flex-grow:1;gap:clamp(10px,2dvh,15px);justify-content:center}.choice-card,.premium-options-container{display:flex;flex-direction:column;min-height:0}.choice-card{background:#fff;background:var(--card-bg,#ffffff08);border:1px solid #0000000f;border:1px solid var(--border-subtle,#ffffff1a);border-radius:12px;flex:1 1;justify-content:space-between;padding:clamp(16px,2.5dvh,24px)}.choice-card:hover{border-color:#7a7d84;border-color:var(--text-muted);transform:translateY(-2px)}.choice-text{font-size:clamp(14px,2.2dvh,17px);line-height:1.5;margin-bottom:clamp(15px,3dvh,25px);text-align:center}.intensity-row{display:flex;flex-shrink:0;gap:10px;margin-top:auto}.intensity-btn{background:#00000005;background:var(--intensity-bg);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:10px;color:#7a7d84;color:var(--intensity-text);cursor:pointer;flex:1 1;font-size:clamp(10px,1.5dvh,12px);font-weight:700;letter-spacing:1.5px;min-height:48px;outline:none;padding:clamp(12px,2dvh,16px) 0;text-transform:uppercase;transition:all .2s ease}.intensity-btn:hover{background:#0000000d;background:var(--intensity-hover-bg);border-color:#7a7d84;border-color:var(--text-muted);color:#33363a;color:var(--intensity-hover-text)}.intensity-btn.active{background:#33363a;background:var(--text-main);border-color:#33363a;border-color:var(--text-main);box-shadow:0 4px 12px #0000000a;box-shadow:0 4px 12px var(--card-shadow);color:#f5f4f1;color:var(--bg-main);transform:translateY(-2px)}.choice-divider{align-items:center;display:flex;font-size:12px;font-weight:700;letter-spacing:2px;margin:5px 0;opacity:.5;text-align:center}.choice-divider:after,.choice-divider:before{border-bottom:1px solid #0000000f;border-bottom:1px solid var(--border-subtle);content:"";flex:1 1;margin:0 20px}@media (max-height:500px),(min-width:768px){.quiz-container{max-width:900px}.premium-options-container{align-items:stretch;flex-direction:row}.choice-divider{margin:auto 10px}}.results-screen{justify-content:center;padding-bottom:40px;padding-top:40px}.card-scene{animation:fadeIn .6s cubic-bezier(.2,.8,.2,1) forwards;cursor:pointer;height:85vh;margin:0 auto 40px;max-height:900px;max-width:540px;min-height:720px;perspective:1500px;width:90vw}.card-object{height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);width:100%}.card-object.is-flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border-radius:28px;box-shadow:0 30px 60px #0000000a,inset 0 2px 4px #fff3;box-shadow:0 30px 60px var(--card-shadow),inset 0 2px 4px #fff3;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.card-front{align-items:center;color:#fff;justify-content:center;padding:clamp(30px,5vh,60px);text-align:center}.card-sheen{background:linear-gradient(135deg,#ffffff40,#fff0 50%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.icon-wrapper{align-items:center;background:#0000;border:1px solid #ffffff26;border-radius:32px;box-shadow:0 15px 40px #00000080,inset 0 2px 6px #fff3;display:flex;height:clamp(180px,25vh,260px);justify-content:center;margin-bottom:4vh;overflow:hidden;width:clamp(180px,25vh,260px)}.archetype-image{height:100%;object-fit:cover;width:100%}.card-title{font-size:clamp(36px,5vh,52px);font-weight:800;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.card-subtitle{font-size:clamp(14px,2vh,18px);font-weight:600;letter-spacing:4px;margin:0 0 5vh;opacity:.8;text-transform:uppercase}.flip-hint{animation:pulse 2s infinite;font-size:12px;letter-spacing:3px;margin-top:auto;opacity:.6;text-transform:uppercase}.card-back{background-color:#fdfdfc;background-color:var(--back-card-bg);border:3px solid #333;color:#33363a;color:var(--text-main);display:flex;flex-direction:column;overflow-y:auto;padding:clamp(20px,3vh,30px);text-align:left;transform:rotateY(180deg)}.card-back::-webkit-scrollbar{width:6px}.card-back::-webkit-scrollbar-track{background:#0000;margin:20px 0}.card-back::-webkit-scrollbar-thumb{background:#0000000f;background:var(--border-subtle);border-radius:10px}.card-back::-webkit-scrollbar-thumb:hover{background:#7a7d84;background:var(--text-muted)}.card-back h2{flex-shrink:0;font-size:22px;font-weight:800;letter-spacing:2px;margin:0 0 20px;opacity:.9;text-align:center;text-transform:uppercase}.tab-header{align-items:center;border-bottom:1px solid #0000000f;border-bottom:1px solid var(--border-subtle);display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:15px;padding-bottom:12px}.tab-triggers{display:flex;gap:15px}.tab-btn{background:none;border:none;color:#7a7d84;color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:800;letter-spacing:1.5px;padding-bottom:4px;text-transform:uppercase;transition:all .2s ease}.tab-btn.active{border-bottom:2px solid #33363a;border-bottom:2px solid var(--text-main);color:#33363a;color:var(--text-main)}.header-close{background:none;border:none;color:#7a7d84;color:var(--text-muted);cursor:pointer;font-size:18px}.icon-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin:15px 0}.grid-item{align-items:center;background:#00000005;background:var(--trait-bg);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;opacity:.5;padding:8px;transition:all .2s ease}.grid-item.active{background:#0000000f;background:var(--btn-primary-hover);border-color:#33363a;border-color:var(--text-main);opacity:1;transform:scale(1.05)}.grid-item img{border-radius:4px;height:32px;object-fit:cover;width:32px}.grid-item span{font-size:9px;font-weight:800;margin-top:4px}.ai-controls{display:flex;gap:10px;justify-content:center;margin-bottom:15px;min-height:32px}.control-btn{background:none;border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:20px;color:#7a7d84;color:var(--text-muted);cursor:pointer;font-size:10px;font-weight:700;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.control-btn:hover:not(:disabled){border-color:#33363a;border-color:var(--text-main);color:#33363a;color:var(--text-main)}.ai-report-box{background:#00000005;border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:12px;padding:15px}.ai-report-box li,.ai-report-box p,.ai-report-box ul{color:#33363a!important;color:var(--text-main)!important;font-family:Inter,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;line-height:1.5!important;margin-bottom:10px;opacity:.9}.report-item p{margin-bottom:0;margin-top:4px}.report-split{border-top:1px solid #0000000f;border-top:1px solid var(--border-subtle);display:flex;gap:15px;margin-top:15px;padding-top:15px}.report-item{flex:1 1}.report-item small{color:#7a7d84;color:var(--text-muted);display:block;font-size:14px;font-weight:900;letter-spacing:1px;margin-bottom:4px}.ai-tips{background:#00000005;background:var(--trait-bg);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:10px;margin-top:15px;padding:12px}.ai-tips ul{font-size:13px;line-height:1.5;margin:0;padding-left:20px}.ai-tips li{margin-bottom:8px}.trait-section{background:#00000005;background:var(--trait-bg);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:16px;margin-bottom:15px;padding:18px}.temperament-box{padding:20px}.temperament-summary{font-size:15px;line-height:1.6;margin:0;opacity:.9}.core-desire{font-size:14px;font-style:italic;margin:12px 0 0;opacity:.8}.section-header{border-bottom:1px solid #0000000f;border-bottom:1px solid var(--border-subtle);color:#7a7d84;color:var(--text-muted);font-size:12px;letter-spacing:2px;margin-bottom:12px;margin-top:0;padding-bottom:8px;text-transform:uppercase}.trait-list{font-size:15px;line-height:1.6;list-style:none;margin:0;padding:0}.trait-list li{margin-bottom:6px;padding-left:18px;position:relative}.trait-list.pros li:before{color:#5a8c5a;content:"+";font-weight:700;left:0;position:absolute}.trait-list.cons li:before{color:#c46a6a;content:"-";font-weight:700;left:0;position:absolute}.social-grid{background:#0000;border:none;display:flex;gap:15px;justify-content:space-between;margin-bottom:0;padding:0}.social-col{background:#00000005;background:var(--trait-bg);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:16px;padding:15px;width:48%}.thumbnail-row{display:flex;gap:10px;justify-content:space-around;margin-top:12px}.thumbnail-wrapper{align-items:center;display:flex;flex-direction:column}.thumbnail-img{background-color:#ebeae7;background-color:var(--thumbnail-bg);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:12px;height:56px;object-fit:cover;width:56px}.thumbnail-label{color:#7a7d84;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:1.5px;margin-top:8px;text-transform:uppercase}@media (prefers-color-scheme:dark){.icon-grid button.grid-item img{filter:brightness(1.5) contrast(1.2) drop-shadow(0 0 3px rgba(255,255,255,.2));transition:transform .2s ease}.icon-grid button.grid-item{background:#ffffff14!important;border:1px solid #ffffff1a!important}.icon-grid button.grid-item.active{background:#ffffff26!important;border:1px solid #fffc!important;box-shadow:0 0 10px #ffffff1a}.icon-grid button.grid-item span{color:#fff!important;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 3px #00000080}.icon-grid button.grid-item:active img{filter:brightness(1.8);transform:scale(1.1)}}.bouncing-dots{align-items:flex-end;display:flex;gap:6px;height:12px;justify-content:center}.bouncing-dots div{animation:bounce .5s cubic-bezier(.4,0,.2,1) infinite alternate;border-radius:50%;height:8px;width:8px}.bouncing-dots div:first-child{animation-delay:0s}.bouncing-dots div:nth-child(2){animation-delay:.15s}.bouncing-dots div:nth-child(3){animation-delay:.3s}@keyframes bounce{0%{opacity:1;transform:translateY(0)}to{opacity:.2;transform:translateY(-6px)}}.age-btn,.reset-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000008;background:var(--btn-primary-bg);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:30px;color:#33363a;color:var(--btn-primary-text);cursor:pointer;font-size:13px;font-weight:600;letter-spacing:2.5px;padding:16px 36px;text-transform:uppercase;transition:all .4s cubic-bezier(.2,.8,.2,1);z-index:10}.age-btn:hover,.reset-btn:hover{background:#0000000f;background:var(--btn-primary-hover);border-color:#7a7d84;border-color:var(--text-muted);transform:translateY(-2px)}.slim-header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0000;border-bottom:1px solid #0000000f;border-bottom:1px solid var(--border-subtle);height:60px;justify-content:space-between;left:0;padding:0 30px;position:fixed;right:0;top:0;z-index:1000}.header-left,.slim-header{align-items:center;display:flex}.header-left{gap:12px}.header-logo-link{align-items:center;display:flex;justify-content:center;transition:transform .2s ease}.header-logo-link:hover{transform:scale(1.05)}.header-logo{border-radius:4px;height:26px;width:auto}.header-title{color:#33363a;color:var(--text-main);font-family:Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:2px;opacity:.9;text-transform:uppercase}.header-reset{align-items:center;background:#0000;border:none;color:#7a7d84;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s cubic-bezier(.2,.8,.2,1)}.header-reset:hover{color:#33363a;color:var(--text-main);transform:rotate(-45deg)}.share-btn{border:none;border-radius:8px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:2px;margin-top:25px;padding:16px;text-transform:uppercase;transition:transform .2s ease,opacity .2s ease;width:100%}.share-btn:hover{opacity:.9;transform:translateY(-2px)}.share-btn:active{transform:translateY(0)}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.9;transform:translateY(2px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .4s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.016fddcf.css.map*/