.personality-test-section{max-width:780px;margin-top:36px}.personality-test-section>h2{margin:0;font-size:clamp(1.6rem,5vw,2.2rem);letter-spacing:-.03em;line-height:1.15}.personality-test-section>p{max-width:720px;margin:10px 0 20px;color:var(--muted-foreground)}.personality-quiz{display:grid;gap:10px;max-width:760px;padding:clamp(18px,4vw,28px);border:1px solid color-mix(in srgb,var(--primary) 40%,var(--border));border-radius:var(--radius-lg);background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 9%,var(--surface)),var(--surface) 60%);box-shadow:var(--shadow)}.personality-quiz-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}.personality-quiz-eyebrow{margin:0;color:var(--secondary);font-size:.74rem;font-weight:850;letter-spacing:.14em}.personality-quiz-counter{margin:0;color:var(--subtle-foreground);font-size:.86rem;font-weight:700}.personality-quiz-progress{height:4px;overflow:hidden;border-radius:999px;background:var(--surface-soft)}.personality-quiz-progress span{display:block;height:100%;border-radius:inherit;background:var(--secondary);transition:width .2s ease}.personality-quiz-result-title,.personality-quiz-statement{min-height:3.9em;margin:12px 0 6px;font-size:clamp(1.15rem,3.4vw,1.4rem);font-weight:760;letter-spacing:-.01em;line-height:1.3}.personality-quiz-result-title{min-height:0;font-size:clamp(1.6rem,5vw,2.1rem);letter-spacing:-.03em}.personality-quiz-result-title:focus,.personality-quiz-statement:focus{outline:none}.personality-quiz-options{display:grid;gap:8px}.personality-quiz-option{display:flex;min-height:52px;align-items:center;gap:14px;padding:10px 18px;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);background:var(--surface);font:inherit;font-weight:650;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.personality-quiz-option:hover{border-color:var(--border-bright);background:var(--surface-raised)}.personality-quiz-option[aria-pressed=true]{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--surface));font-weight:800}.personality-quiz-dot{display:grid;flex:0 0 22px;height:22px;place-items:center}.personality-quiz-dot:before{width:var(--dot-size,9px);height:var(--dot-size,9px);border-radius:50%;content:"";background:var(--dot-color,var(--subtle-foreground))}.personality-quiz-option[data-value="2"]{--dot-size:18px;--dot-color:var(--secondary)}.personality-quiz-option[data-value="1"]{--dot-size:13px;--dot-color:var(--secondary)}.personality-quiz-option[data-value="-1"]{--dot-size:13px;--dot-color:var(--primary)}.personality-quiz-option[data-value="-2"]{--dot-size:18px;--dot-color:var(--primary)}.personality-quiz-back{display:inline-flex;width:fit-content;min-height:48px;align-items:center;gap:6px;padding:0 4px;border:0;color:var(--primary);background:transparent;font:inherit;font-weight:750;cursor:pointer}.personality-quiz-hint,.personality-quiz-muted,.personality-quiz-note{margin:0;color:var(--subtle-foreground);font-size:.84rem;line-height:1.55}.personality-quiz-muted{color:var(--muted-foreground);font-size:.95rem}.personality-quiz-axes{display:grid;gap:16px;margin-block:10px}.personality-quiz-poles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.personality-quiz-pole{display:grid;min-height:56px;align-content:center;gap:2px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--muted-foreground);background:var(--surface);font:inherit;text-align:left;cursor:pointer}.personality-quiz-pole span{font-size:.8rem;font-weight:800}.personality-quiz-pole strong{font-size:1.15rem}.personality-quiz-pole[aria-pressed=true]{border-color:var(--primary);color:var(--foreground);background:color-mix(in srgb,var(--primary) 12%,var(--surface))}.personality-quiz-bar{display:flex;gap:2px;height:4px;margin-top:8px}.personality-quiz-bar span{border-radius:999px;background:var(--primary)}.personality-quiz-bar span:last-child{background:var(--secondary)}.personality-quiz-actions{display:grid;gap:10px;margin-top:8px}@media (min-width:640px){.personality-quiz-actions{display:flex;flex-wrap:wrap}}.personality-quiz-dialog{width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:clamp(16px,4vw,28px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--border-bright);border-radius:var(--radius-lg);color:var(--foreground);background:var(--background);box-shadow:var(--shadow)}.personality-quiz-dialog::backdrop{background:rgb(9 10 24/62%)}.personality-quiz-dialog .personality-quiz{box-shadow:none}.personality-quiz-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.personality-quiz-dialog-header h2{margin:0;font-size:clamp(1.35rem,4vw,1.8rem);letter-spacing:-.03em;line-height:1.2}.personality-quiz-dialog-close{display:grid;flex:0 0 48px;height:48px;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--muted-foreground);background:var(--surface);cursor:pointer}.personality-quiz-dialog-subtitle{margin:8px 0 18px;color:var(--muted-foreground)}.personality-test-start{width:100%;margin-bottom:2px}.personality-directory{display:grid;gap:34px;margin-top:22px}.personality-group h3{margin:0;font-size:1.25rem}.personality-group>p{margin:6px 0 14px;color:var(--muted-foreground)}.personality-type-grid{display:grid;gap:14px}.personality-type-card{position:relative;display:grid;gap:6px;padding:20px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.personality-type-card[data-group=nt]{--group-color:var(--primary)}.personality-type-card[data-group=nf]{--group-color:var(--love)}.personality-type-card[data-group=sj]{--group-color:var(--family)}.personality-type-card[data-group=sp]{--group-color:var(--finance)}.personality-type-code{margin:0;color:var(--group-color);font-size:1.6rem;font-weight:850;letter-spacing:.08em}.personality-type-card h4{margin:0;font-size:1.02rem}.personality-type-card h4 a:after{position:absolute;inset:0;border-radius:inherit;content:""}.personality-type-card:hover{border-color:var(--group-color)}.personality-type-card>p:not(.personality-type-code){margin:0;color:var(--muted-foreground);font-size:.92rem}.personality-type-link{display:inline-flex;align-items:center;gap:6px;margin-top:4px;color:var(--primary);font-size:.88rem;font-weight:750}.personality-snapshot{display:grid;max-width:780px;gap:16px;margin-top:32px;padding:clamp(18px,4vw,28px);border:1px solid color-mix(in srgb,var(--primary) 40%,var(--border));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.personality-snapshot h2{margin:0;font-size:1.3rem}.personality-snapshot p{margin:0;color:var(--muted-foreground)}.personality-snapshot-letters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.personality-snapshot-letters li{display:grid;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.personality-snapshot-letters strong{color:var(--primary);font-size:1.5rem;line-height:1.1}.personality-snapshot-letters span{font-weight:750}.personality-snapshot-letters small{color:var(--subtle-foreground)}.personality-snapshot-actions{display:grid;gap:10px}@media (min-width:640px){.personality-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.personality-snapshot-letters{grid-template-columns:repeat(4,minmax(0,1fr))}.personality-snapshot-actions{display:flex;flex-wrap:wrap}}@media (min-width:1024px){.personality-type-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.personality-quiz-option,.personality-quiz-progress span{transition:none}}