@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700;900&family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{--bg: #08090d;--bg-elevated: #12141b;--bg-elevated-hover: #181b25;--bg-soft: rgba(255, 255, 255, .04);--text: #ebe8e2;--text-secondary: #9a9ba3;--text-muted: #666873;--border: #292c37;--shadow: 0 24px 80px rgba(0, 0, 0, .38)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at 12% 10%,rgba(194,24,91,.16),transparent 28%),radial-gradient(circle at 82% 18%,rgba(245,124,0,.1),transparent 24%),radial-gradient(circle at 70% 80%,rgba(94,53,177,.15),transparent 30%),linear-gradient(180deg,#090a0e,#0d1016);color:var(--text);font-family:DM Sans,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit}.app-shell{min-height:100vh;position:relative;overflow-x:hidden}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.03),transparent 22%),repeating-linear-gradient(90deg,transparent 0,transparent 46px,rgba(255,255,255,.015) 47px,transparent 48px);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent)}.content-wrap{width:min(760px,calc(100vw - 28px));margin:0 auto;padding:24px 0 56px;position:relative;z-index:1}.fade-in{animation:fade-in .5s ease-out}.slide-up{animation:slide-up .4s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.topbar,.nav-row,.choice-header,.trait-header,.trait-meta,.comparison-header,.progress-meta,.footer-actions{display:flex;justify-content:space-between;align-items:center}.topbar{margin-bottom:24px}.brand-button{border:0;padding:0;background:transparent;color:var(--text);font-family:Playfair Display,serif;font-size:1.15rem;font-weight:900;cursor:pointer}.brand-mark,.hero-title,.results-header h2{font-family:Playfair Display,serif;letter-spacing:-.03em}.loading-state{min-height:60vh;display:grid;place-content:center;gap:8px;text-align:center}.landing-screen{padding-top:28px}.hero-card,.card{background:#12141be0;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-card{padding:34px 30px;text-align:center;margin-bottom:22px}.hero-title{margin:0 0 12px;font-size:clamp(2.5rem,8vw,4rem);line-height:.95}.hero-copy,.choice-copy,.section-copy,.small{line-height:1.6}.hero-copy{margin:0 auto;max-width:560px;color:var(--text-secondary)}.option-grid,.section-stack{display:grid;gap:16px}.choice-card{width:100%;text-align:left;color:inherit;padding:28px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease;position:relative;overflow:hidden}.choice-card:hover{transform:translateY(-2px);border-color:#3a3c48;background:#181b25f2}.card{padding:24px}.card-topbar{position:absolute;inset:0 0 auto;height:3px}.quick-gradient{background:linear-gradient(90deg,#c2185b,#f57c00)}.full-gradient{background:linear-gradient(90deg,#c2185b,#f57c00,#00897b,#5e35b1)}.eyebrow,.tiny,.trait-pill{text-transform:uppercase}.eyebrow{margin:0 0 8px;color:var(--text-muted);letter-spacing:.2em;font-size:.66rem;font-weight:800}.eyebrow-accent{color:#c2185b}.choice-header h2,.results-header h2,.pattern-card h3,.trait-card h3{margin:0}.pill-row{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.trait-pill{display:inline-flex;align-items:center;padding:6px 11px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.06em}.disclaimer{margin-top:18px;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff09;color:var(--text-secondary);line-height:1.65;font-size:.82rem}.progress-track,.comparison-track,.percentile-track{position:relative;overflow:hidden;background:#ffffff0f}.progress-track{height:4px;border-radius:999px;margin:8px 0 22px}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#c2185b,#f57c00,#00897b,#5e35b1);transition:width .35s ease}.question-card{margin-bottom:26px}.question-text{margin:0;font-family:Playfair Display,serif;font-size:clamp(1.45rem,4vw,1.75rem);line-height:1.5}.likert-group{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.likert-btn{flex:1 1 92px;min-width:72px;max-width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:14px;border:1.5px solid var(--border);background:#12141beb;color:var(--text);padding:14px 8px 12px;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.likert-btn:hover{background:#181b25f2;border-color:#525563;transform:translateY(-1px)}.likert-btn.selected{border-color:#8a6fdf;background:#8a6fdf1f}.likert-num{font-size:1.1rem;font-weight:800}.likert-label{white-space:pre-line;text-align:center;color:var(--text-muted);font-size:.62rem;line-height:1.3;font-weight:600}.btn-primary,.btn-secondary{border-radius:14px;padding:12px 20px;cursor:pointer;transition:transform .15s ease,opacity .15s ease,border-color .15s ease}.btn-primary{border:0;color:#fff;background:linear-gradient(135deg,#c2185b,#5e35b1);font-weight:700}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.4;cursor:not-allowed;transform:none}.compact{padding:8px 14px}.results-header{text-align:center;margin-bottom:24px}.summary-card,.chart-card,.share-card{margin-bottom:18px}.share-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 12px}.share-link{width:100%;border:1px solid var(--border);border-radius:14px;background:#ffffff09;color:var(--text);padding:12px 14px;font:inherit}.share-link:focus{outline:1px solid rgba(138,111,223,.75);border-color:#8a6fdf}.share-status{margin:8px 0 0}.summary-card{text-align:center;position:relative;overflow:hidden}.summary-score{margin:4px 0 8px;font-size:clamp(3rem,9vw,4.25rem);font-weight:900;background:linear-gradient(135deg,#c2185b,#5e35b1);-webkit-background-clip:text;background-clip:text;color:transparent}.summary-score span{font-size:.38em}.comparison-row,.percentile-row{margin-bottom:14px}.comparison-track,.percentile-track{height:10px;border-radius:999px}.comparison-average,.comparison-you,.percentile-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit}.comparison-average{background:#ffffff14}.comparison-you,.percentile-fill{transition:width .9s ease}.comparison-marker{position:absolute;top:-2px;bottom:-2px;width:2px;background:#ffffff73;border-radius:999px}.percentile-midline{position:absolute;inset:0 auto 0 50%;width:1px;background:#ffffff26}.percentile-number{font-size:1.3rem;font-weight:800}.section-block-label{padding-left:4px}.measurement-group{margin:32px 0 14px;padding:0 4px}.measurement-group-label{color:var(--text)!important;font-size:.72rem!important;margin-bottom:6px}.trait-card,.pattern-card{margin-bottom:0}.trait-header{gap:16px;align-items:flex-start}.trait-scores{display:flex;gap:16px;align-items:flex-start}.trait-value{font-size:1.9rem;font-weight:800;line-height:1;text-align:right}.trait-value span{display:block;color:var(--text-muted);font-size:.58rem;margin-top:4px}.trait-percentile-value{font-size:1.4rem;font-weight:700;line-height:1;text-align:right;color:var(--text-secondary)}.trait-percentile-value span{display:block;color:var(--text-muted);font-size:.58rem;margin-top:4px}.italic-copy{font-style:italic}.profile-box{background:#ffffff09;border-radius:14px;padding:14px;margin-top:10px}.profile-heading,.block-heading{margin:0 0 6px;letter-spacing:.12em;font-weight:800}.subscale-block{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.guide-grid{display:grid;gap:10px}.guide-row{display:grid;grid-template-columns:72px 92px 1fr;gap:10px;align-items:baseline}.guide-label{font-weight:700}.methodology{display:grid;gap:6px}.bottom-space{margin-bottom:18px}.muted{color:var(--text-secondary)}.tiny{font-size:.66rem}.small{font-size:.84rem}.comparison-score{font-weight:700}.footer-actions{justify-content:center}@media(max-width:640px){.content-wrap{width:min(100vw - 18px,760px);padding-top:16px}.hero-card,.card,.choice-card{padding:20px;border-radius:18px}.guide-row{grid-template-columns:1fr;gap:4px}.likert-btn{min-width:54px;padding:10px 4px 9px}.share-actions{flex-direction:column}.share-actions .btn-primary,.share-actions .btn-secondary{width:100%}.likert-label{font-size:.56rem}.trait-header{flex-direction:column}}.dev-toolbar{position:fixed;bottom:16px;right:16px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#12141bf2;border:1px solid #c2185b44;border-radius:14px;z-index:999}.dev-label{font-size:.62rem;font-weight:800;letter-spacing:.15em;color:#c2185b}