:root{--bg-deep: #0d0c0e;--bg-surface: #16141a;--bg-elevated: #1e1b23;--bg-hover: #252230;--text-primary: #ede9e3;--text-secondary: #9e9a93;--text-muted: #6b6762;--accent: #c9a84c;--accent-dim: #a08535;--accent-glow: rgba(201, 168, 76, .15);--chart-grid: #2a2730;--chart-axis: #3d3a44;--chart-dot: var(--accent);--chart-archetype: var(--text-secondary);--border: #2a2730;--focus-ring: var(--accent);--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--max-width: 640px;--radius: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);line-height:1.6;min-height:100dvh}#app{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.2}h1{font-size:2.25rem;letter-spacing:-.02em}h2{font-size:1.5rem;font-weight:600}h3{font-size:1.125rem;font-weight:600}p{color:var(--text-secondary);line-height:1.7}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.landing{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:var(--space-2xl) 0}.landing__title{margin-bottom:var(--space-md);color:var(--text-primary)}.landing__subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--space-3xl);max-width:480px;margin-left:auto;margin-right:auto}.landing__meta{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-sm) var(--space-xl);margin-bottom:var(--space-3xl);color:var(--text-muted);font-size:.875rem}.landing__cta{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-2xl);background:var(--accent);color:var(--bg-deep);font-family:var(--font-body);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:background .2s,transform .1s;min-height:52px}.landing__cta:hover{background:var(--accent-dim)}.landing__cta:active{transform:scale(.98)}.landing__note{margin-top:var(--space-xl);font-size:.8125rem;color:var(--text-muted)}.progress{position:fixed;top:0;left:0;right:0;z-index:100;height:3px;background:var(--bg-surface)}.progress__fill{height:100%;background:var(--accent);transition:width .3s ease;will-change:width}.quiz{min-height:100dvh;display:flex;flex-direction:column}.quiz__body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-3xl) 0 var(--space-xl)}.quiz__counter{font-size:.8125rem;color:var(--text-muted);margin-bottom:var(--space-lg);text-align:center}.quiz__question{font-family:var(--font-display);font-size:1.375rem;font-weight:600;line-height:1.4;color:var(--text-primary);text-align:center;margin-bottom:var(--space-2xl)}.likert{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.likert__option{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-md) var(--space-lg);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-family:var(--font-body);font-size:.9375rem;cursor:pointer;transition:all .15s ease;min-height:48px;text-align:center}.likert__option:hover{background:var(--bg-hover);border-color:var(--text-muted);color:var(--text-primary)}.likert__option:active{transform:scale(.98)}.likert__option--selected{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.multi{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.multi__option{display:flex;align-items:flex-start;width:100%;padding:var(--space-md) var(--space-lg);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-family:var(--font-body);font-size:.9375rem;line-height:1.5;cursor:pointer;transition:all .15s ease;min-height:48px;text-align:left}.multi__option:hover{background:var(--bg-hover);border-color:var(--text-muted);color:var(--text-primary)}.multi__option:active{transform:scale(.98)}.multi__option--selected{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.quiz__skip{display:block;margin:var(--space-md) auto 0;padding:var(--space-sm) var(--space-lg);background:none;border:1px solid transparent;border-radius:var(--radius);color:var(--text-muted);font-family:var(--font-body);font-size:.8125rem;cursor:pointer;transition:all .15s}.quiz__skip:hover{color:var(--text-secondary);border-color:var(--border)}.quiz__skip--selected{color:var(--accent);border-color:var(--accent);background:var(--accent-glow)}.quiz__nav{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) 0 var(--space-xl)}.quiz__back{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:none;border:none;color:var(--text-muted);font-family:var(--font-body);font-size:.875rem;cursor:pointer;transition:color .15s}.quiz__back:hover{color:var(--text-secondary)}.quiz__back--hidden{visibility:hidden}.question-enter{opacity:0;transform:translateY(12px)}.question-active{opacity:1;transform:translateY(0);transition:opacity .25s ease,transform .25s ease}.question-exit{opacity:0;transform:translateY(-12px);transition:opacity .15s ease,transform .15s ease}.reveal{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.reveal__text{font-family:var(--font-display);font-size:1.25rem;color:var(--text-secondary);animation:reveal-pulse 1.5s ease-in-out infinite}@keyframes reveal-pulse{0%,to{opacity:.5}50%{opacity:1}}.results{padding:var(--space-3xl) 0;animation:results-enter .5s ease}@keyframes results-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.results__header{text-align:center;margin-bottom:var(--space-3xl)}.results__archetype-name{font-size:2.5rem;color:var(--accent);margin-bottom:var(--space-sm)}.results__one-liner{font-size:1.125rem;color:var(--text-secondary)}.results__secondary{margin-top:var(--space-md);font-size:.9375rem;color:var(--text-muted)}.share-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:var(--space-2xl) var(--space-md) var(--space-lg);margin-bottom:var(--space-2xl)}.share-card .results__header{margin-bottom:var(--space-lg)}.share-card .chart-container{max-width:380px;margin-bottom:var(--space-sm)}.share-card__brand{font-size:.6875rem;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;text-align:center}.results__section{margin-bottom:var(--space-3xl)}.results__section-title{font-family:var(--font-display);font-size:1.25rem;color:var(--text-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.results__description{white-space:pre-line}.results__description p{margin-bottom:var(--space-md)}.results__note{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--bg-elevated);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;font-size:.875rem;color:var(--text-secondary);line-height:1.6}.results__terms{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.results__term{padding:var(--space-xs) var(--space-md);background:var(--bg-elevated);border-radius:100px;font-size:.875rem;color:var(--text-secondary)}.results__terms-note{font-size:.8125rem;color:var(--text-muted)}.dimension-bar{margin-bottom:var(--space-lg)}.dimension-bar__labels{display:flex;justify-content:space-between;margin-bottom:var(--space-xs);font-size:.8125rem;color:var(--text-muted)}.dimension-bar__track{position:relative;height:6px;background:var(--bg-elevated);border-radius:3px}.dimension-bar__center{position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--chart-axis)}.dimension-bar__marker{position:absolute;top:50%;width:14px;height:14px;background:var(--accent);border-radius:50%;transform:translate(-50%,-50%);transition:left .5s ease}.compatible{margin-bottom:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-surface);border-radius:var(--radius);border:1px solid var(--border)}.compatible__name{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.compatible__type{font-size:.8125rem;color:var(--accent-dim);margin-bottom:var(--space-sm)}.compatible__desc{font-size:.9375rem;color:var(--text-secondary)}.share{text-align:center;padding:var(--space-xl);background:var(--bg-surface);border-radius:var(--radius);border:1px solid var(--border)}.share__label{font-size:.9375rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-md)}.share__url{display:block;width:100%;padding:var(--space-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-family:var(--font-body);font-size:.8125rem;text-align:center;margin-bottom:var(--space-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share__buttons{display:flex;justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.share__copy{padding:var(--space-sm) var(--space-xl);background:var(--accent);color:var(--bg-deep);font-family:var(--font-body);font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:background .2s;min-height:44px}.share__copy:hover{background:var(--accent-dim)}.share__copy--copied{background:var(--bg-hover);color:var(--text-secondary)}.share__native,.share__twitter{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-xl);background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-body);font-size:.875rem;font-weight:500;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-decoration:none;transition:all .15s;min-height:44px}.share__native:hover,.share__twitter:hover{background:var(--bg-hover);border-color:var(--text-muted);color:var(--text-primary)}.results__retake{display:block;margin:var(--space-xl) auto 0;padding:var(--space-sm) var(--space-xl);background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-family:var(--font-body);font-size:.875rem;cursor:pointer;transition:all .15s;min-height:44px}.results__retake:hover{border-color:var(--text-muted);color:var(--text-secondary)}.chart-container{width:100%;max-width:500px;margin:0 auto var(--space-xl);aspect-ratio:1}.chart-container svg{width:100%;height:100%}.still-exploring{text-align:center;padding:var(--space-xl)}.still-exploring__title{color:var(--text-secondary);font-size:2rem;margin-bottom:var(--space-lg)}.still-exploring__text{max-width:480px;margin:0 auto}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}button:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(min-width:768px){h1{font-size:3rem}.quiz__question{font-size:1.625rem}.results__archetype-name{font-size:3.5rem}}