@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:#050a14;--text-main:#e0e1e4;--text-muted:#84878e;--border-subtle:#ffffff0d;--card-bg:#ffffff05;--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:#0a0f1a;--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;overflow-x:hidden;padding:0;transition:background-color .3s ease,color .3s ease;width:100vw}*,:after,:before{box-sizing:border-box}.app-layout{box-sizing:border-box;justify-content:center;min-height:100dvh;overflow-x:hidden;overflow-y:auto;padding:80px 15px;width:100vw}.app-layout,.onboarding-screen{align-items:center;display:flex;flex-direction:column}.onboarding-screen{animation:fadeIn .6s ease-out;margin:auto;max-width:480px;text-align:center;width:100%}.onboarding-title{font-family:Inter,serif;font-size:48px;font-weight:700;letter-spacing:-1px;margin:0 0 10px}.onboarding-subtitle{color:#7a7d84;color:var(--text-muted);font-size:16px;font-weight:400;line-height:1.5;margin-bottom:40px}.age-grid{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:320px;width:100%}.age-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000008;background:var(--btn-primary-bg);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:12px;color:#33363a;color:var(--btn-primary-text);cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;padding:20px;text-transform:uppercase;transition:all .2s ease}.age-btn:hover{background:#0000000f;background:var(--btn-primary-hover);border-color:#7a7d84;border-color:var(--text-muted);transform:translateY(-2px)}.quiz-container{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin:auto;max-width:700px;padding:clamp(10px,2dvh,20px) 0;width:100%}.quiz-header{gap:15px;margin-bottom:35px;width:100%}.quiz-header,.quiz-header .back-btn{align-items:center;display:flex;height:32px}.quiz-header .back-btn{background:#ffffff0d;border:none;border-radius:50%;color:#7a7d84;color:var(--text-muted);cursor:pointer;font-size:20px;justify-content:center;line-height:1;margin:0;padding:0;transition:all .2s ease;width:32px}.quiz-header .back-btn:hover{background:#ffffff1a;color:#fff}.readout-text{font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:30px;text-align:center;text-transform:uppercase;transition:color .3s ease}.premium-progress-array{align-items:center;display:flex;flex:1 1;gap:2px;height:100%;justify-content:space-between}.progress-sliver{background:#ffffff1a;border-radius:2px;flex:1 1;height:4px;max-width:4px;transition:all .4s cubic-bezier(.25,1,.5,1)}.progress-sliver.active{background:#ffffff80;height:8px}.progress-sliver.current{background:#fff;box-shadow:0 0 10px #fffc,0 0 20px #1d4ed8e6;height:16px;transform:scale(1.1);z-index:10}.slider-layout{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:space-between;position:relative;width:100%}.slider-label{color:#7a7d84;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;letter-spacing:1px;line-height:1.5;text-transform:uppercase;transition:opacity .3s ease,color .3s ease;z-index:30}.slider-label.left{text-align:right}.slider-label.right{text-align:left}.slider-label.active{color:#33363a;color:var(--text-main);opacity:1}.magnetic-track{align-items:center;background:#0003;border-radius:12px;box-shadow:inset 0 2px 4px #00000080,0 1px 0 #ffffff0d;display:flex;flex-direction:row;flex-shrink:0;height:12px;justify-content:space-between;position:relative;width:320px}.magnetic-node{background:#ffffff26;height:12px;width:2px;z-index:1}.magnetic-node.center{background:#ffffff4d;height:16px}.touch-zones{bottom:-30px;display:flex;flex-direction:row;left:-20px;position:absolute;right:-20px;top:-30px;z-index:20}.touch-zone{cursor:pointer;flex:1 1}.magnetic-thumb{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff6;border-radius:50%;box-shadow:0 4px 12px #00000080,inset 0 0 10px #ffffff1a;height:32px;left:var(--slider-pos);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .4s cubic-bezier(.175,.885,.32,1.15),top .4s cubic-bezier(.175,.885,.32,1.15),opacity .3s ease;width:32px;z-index:10}@media (max-width:600px){.quiz-header{margin-bottom:25px}.readout-text{display:none!important}.slider-layout{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 40px 1fr;grid-template-rows:1fr 1fr;height:380px;margin-top:10px;width:100%}.slider-label{color:#33363a!important;color:var(--text-main)!important;opacity:1!important}.slider-label.left{align-self:start;grid-column:1/2;grid-row:1/2;padding-right:15px!important;padding-top:10px;text-align:right}.slider-label.right{align-self:end;grid-column:3/4;grid-row:2/3;padding-bottom:10px;padding-left:15px!important;text-align:left}.magnetic-track{flex-direction:column;grid-column:2/3;grid-row:1/3;height:100%;margin:0 auto;width:12px}.magnetic-node{height:2px;width:12px}.magnetic-node.center{height:2px;width:16px}.touch-zones{bottom:-20px;flex-direction:column;left:-40px;right:-40px;top:-20px}.magnetic-thumb{left:50%;top:var(--slider-pos);transform:translate(-50%,-50%)}}.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 #ffffff1a;box-shadow:0 30px 60px var(--card-shadow),inset 0 2px 4px #ffffff1a;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-title{font-family:Inter,serif;font-size:clamp(36px,5vh,52px);font-weight:700;letter-spacing:1px;margin:0 0 10px}.card-subtitle{font-size:clamp(14px,2vh,18px);font-weight:600;letter-spacing:4px;margin:0 0 5vh;opacity:.8;text-transform:uppercase}.card-back{background-color:#fdfdfc;background-color:var(--back-card-bg);border:1px solid #0000000f;border:1px solid var(--border-subtle);color:#33363a;color:var(--text-main);display:flex;flex-direction:column;overflow:hidden;padding:clamp(20px,3vh,30px) clamp(15px,2vh,20px);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}.premium-accordion{background:#00000005;background:var(--trait-bg);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:12px;margin-top:15px;transition:all .3s ease}.premium-accordion summary{align-items:center;color:#7a7d84;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:900;justify-content:space-between;letter-spacing:1.5px;list-style:none;padding:16px 20px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.premium-accordion summary::-webkit-details-marker{display:none}.premium-accordion summary:after{color:#33363a;color:var(--text-main);content:"+";font-size:20px;font-weight:400;transition:transform .3s ease}.premium-accordion[open] summary:after{content:"−";transform:rotate(180deg)}.premium-accordion[open] summary{border-bottom:1px solid #0000000f;border-bottom:1px solid var(--border-subtle);color:#33363a;color:var(--text-main)}.accordion-content{animation:fadeIn .4s ease-out;font-size:14px;line-height:1.6;padding:20px}.floating-cta{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #00000014;border-radius:50px;bottom:35px;box-shadow:0 10px 30px #0000001a;color:#141416;cursor:pointer;display:flex;font-size:12px;font-weight:800;gap:12px;left:0;letter-spacing:1.5px;margin:0 auto;padding:16px 32px;position:fixed;right:0;text-transform:uppercase;transition:all .3s cubic-bezier(.2,.8,.2,1);width:max-content;z-index:9999}.floating-cta:hover{background:#fff;box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}@media (prefers-color-scheme:dark){.floating-cta{background:#1e1f23bf;border:1px solid #ffffff1f;box-shadow:0 10px 40px #0009,inset 0 1px 0 #ffffff0d;color:#fff}.floating-cta:hover{background:#2d2f34e6;border-color:#ffffff40;box-shadow:0 15px 40px #000c,0 0 20px #ffffff0d}}@media (max-width:600px){.floating-cta{bottom:20px;font-size:12px;justify-content:center;left:20px;padding:18px;right:20px}}@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)}}.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;border-bottom:2px solid #0000;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{color:#33363a;color:var(--text-main)}.tab-viewport{box-sizing:border-box;flex:1 1;overflow-x:hidden;overflow-y:auto;padding-right:15px;width:100%}.tab-viewport::-webkit-scrollbar{width:6px}.tab-viewport::-webkit-scrollbar-track{background:#0000;margin:10px 0}.tab-viewport::-webkit-scrollbar-thumb{background:#0000000f;background:var(--border-subtle);border-radius:10px}.trait-section-grid{display:flex;gap:15px;margin-bottom:15px}.trait-section{background:#00000005;background:var(--trait-bg);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:12px;flex:1 1;padding:15px}.section-header{color:#7a7d84;color:var(--text-muted);font-size:12px;font-weight:800;letter-spacing:1px;margin-bottom:10px;margin-top:0;text-transform:uppercase}.trait-list{font-size:13px;line-height:1.5;list-style:none;margin:0;padding:0}.trait-list li{margin-bottom:5px;padding-left:15px;position:relative}.trait-list.pros li:before{color:#10b981;content:"+";font-weight:700;left:0;position:absolute}.trait-list.cons li:before{color:#ef4444;content:"-";font-weight:700;left:0;position:absolute}.social-grid{display:flex;gap:15px}.social-col{background:#00000005;background:var(--trait-bg);border:1px solid #0000000f;border:1px solid var(--border-subtle);border-radius:12px;flex:1 1;padding:15px}.thumbnail-row{display:flex;flex-wrap:wrap;gap:10px}.thumbnail-wrapper{align-items:center;display:flex;flex-direction:column;width:60px}.thumbnail-placeholder{border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 2px 5px #0000001a;height:40px;width:40px}.thumbnail-label{font-size:9px;font-weight:700;margin-top:5px;text-align:center;text-transform:uppercase}.spectrum-row{box-sizing:border-box;margin-bottom:20px;width:100%}.spectrum-labels{color:#7a7d84;color:var(--text-muted);display:flex;font-size:11px;font-weight:800;justify-content:space-between;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.spectrum-labels .dominant{font-size:12px;font-weight:900}.spectrum-bar-bg{background:#0000000f;border-radius:4px;height:6px;overflow:hidden;width:100%}@media (prefers-color-scheme:dark){.spectrum-bar-bg{background:#ffffff14}}.spectrum-bar-fill{border-radius:4px;height:100%;transition:width 1s cubic-bezier(.2,.8,.2,1)}@media (max-width:600px){.social-grid,.trait-section-grid{flex-direction:column}}*{-webkit-tap-highlight-color:transparent}.elegant-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f172ad9;border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:15px 25px;position:sticky;top:0;z-index:100}.elegant-header,.header-left{align-items:center;display:flex}.header-left{gap:12px}.header-icon-img{height:28px;object-fit:contain;width:28px}.header-slogan{color:#ffffffb3;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.header-reset{align-items:center;background:none;border:none;color:#ffffff80;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:color .2s ease,transform .2s ease}.header-reset:hover{background:#33363a;background:var(--text-main);color:#f5f4f1;color:var(--bg-main);transform:rotate(90deg)}@media (max-width:600px){.elegant-header{padding:10px 15px}}
/*# sourceMappingURL=main.d160b6e5.css.map*/