@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{border-radius:10px;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.strong:hover{background:#00000014;background:var(--strong-accent);border-color:#00000014;border-color:var(--strong-accent);color:#f5f4f1;color:var(--bg-main)}.intensity-btn.slight:hover{background:#0000000d;background:var(--intensity-hover-bg);border-color:#7a7d84;border-color:var(--text-muted);color:#33363a;color:var(--intensity-hover-text)}.choice-divider{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;justify-content:flex-start;overflow-y:auto;padding:clamp(25px,4vh,45px);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}.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}.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)}}
/*# sourceMappingURL=main.3e5e065a.css.map*/