.personality-page{--quiz-paper:oklch(99.3% .004 100);--quiz-wash:oklch(95% .018 160);--quiz-ink:oklch(36% .045 166);--quiz-line:oklch(85% .021 159);--quiz-note:oklch(50% .023 157);color:var(--foreground);background:var(--background);min-height:100dvh}.dark .personality-page{--quiz-paper:oklch(25.5% .012 160);--quiz-wash:oklch(29% .023 160);--quiz-ink:oklch(84% .047 162);--quiz-line:oklch(39% .025 159);--quiz-note:oklch(75% .021 157)}.quiz-wrap{max-width:1120px;margin-inline:auto;padding-inline:28px}.personality-page h1,.personality-page h2,.quiz-hero-art figcaption{font-family:Patrick Hand,Kaiti SC,STKaiti,sans-serif;font-weight:400}.personality-page h1{letter-spacing:-.025em;max-width:650px;margin:17px 0;font-size:clamp(2.8rem,4.4vw,4.3rem);line-height:1.06}.personality-page h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2}.personality-page h3{font-size:1rem;font-weight:600}.quiz-hero{grid-template-columns:1.4fr .8fr;align-items:center;gap:64px;padding-block:56px 42px;display:grid}.quiz-eyebrow{color:var(--quiz-ink);letter-spacing:.06em;font-size:12px;font-weight:600}.quiz-intro{color:var(--muted-foreground);max-width:555px;font-size:16px;line-height:1.8}.quiz-hero-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:25px;display:flex}.quiz-button{background:var(--quiz-ink);min-height:46px;color:var(--quiz-paper);cursor:pointer;text-align:center;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:600;line-height:1.45;transition:opacity .15s,transform .15s;display:inline-flex}.quiz-button:hover:not(:disabled){opacity:.88}.quiz-button:active:not(:disabled){transform:translateY(1px)}.quiz-button:disabled{opacity:.42;cursor:not-allowed}.quiz-button-secondary{border-color:var(--quiz-line);color:var(--quiz-ink);background:0 0}.personality-page button:focus-visible,.personality-page a:focus-visible,.personality-page summary:focus-visible,.quiz-option:focus-within{outline:3px solid var(--quiz-ink);outline-offset:4px}.quiz-text-link{color:var(--quiz-ink);text-underline-offset:4px;cursor:pointer;align-items:center;gap:8px;font-size:13px;text-decoration:underline;display:inline-flex}.quiz-benefits{color:var(--quiz-note);flex-wrap:wrap;gap:17px;margin-top:22px;padding:0;font-size:12px;list-style:none;display:flex}.quiz-benefits li{align-items:center;gap:6px;display:flex}.quiz-notice{color:var(--quiz-note);margin-top:16px;font-size:12px;line-height:1.75}.quiz-hero-art{width:100%;max-width:330px;margin:0 auto;transform:rotate(3deg)}.quiz-letter-sheet{border:1px solid var(--quiz-line);background:var(--quiz-paper);box-shadow:8px 8px 0 var(--quiz-wash);color:var(--quiz-ink);border-radius:3px 4px 24px;grid-template-columns:1fr 1fr;padding:25px 15px 15px;display:grid}.quiz-letter-sheet svg{width:100%;height:auto}.quiz-hero-art figcaption{color:var(--quiz-ink);text-align:center;margin-top:17px;font-size:24px}.quiz-anchor{scroll-margin-top:86px}.quiz-panel{background:var(--quiz-paper);border:1px solid var(--quiz-line);border-radius:16px;padding:28px 36px 20px}.quiz-progress-heading{color:var(--quiz-note);justify-content:space-between;gap:10px;font-size:12px;display:flex}.quiz-progress{appearance:none;background:var(--quiz-wash);width:100%;height:4px;color:var(--quiz-ink);border:none;border-radius:2px;margin-top:12px;display:block}.quiz-progress::-webkit-progress-bar{background:var(--quiz-wash);border-radius:2px}.quiz-progress::-webkit-progress-value{background:var(--quiz-ink);border-radius:2px}.quiz-progress::-moz-progress-bar{background:var(--quiz-ink)}.quiz-question-heading{text-align:center;padding-block:28px 22px}.quiz-question-heading h2{font-size:clamp(1.7rem,2.8vw,2.3rem)}.quiz-question-heading p{color:var(--muted-foreground);margin-top:8px;font-size:13px}.quiz-options{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-width:0;padding:0;display:grid}.quiz-option{border:1.5px solid var(--border);cursor:pointer;border-radius:11px;transition:border-color .15s,background .15s;position:relative;overflow:hidden}.quiz-option:hover{border-color:var(--quiz-ink)}.quiz-option.is-selected{border-color:var(--quiz-ink);background:var(--quiz-wash);box-shadow:inset 0 0 0 1px var(--quiz-ink)}.quiz-option input{opacity:0;width:1px;height:1px;position:absolute}.quiz-option>svg{width:100%;height:150px;color:var(--quiz-ink);margin-top:9px;display:block}.quiz-option-caption{justify-content:space-between;align-items:center;gap:8px;padding:12px 18px 18px;font-size:13px;font-weight:500;display:flex}.quiz-radio{border:1px solid var(--quiz-line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;display:inline-flex}.is-selected .quiz-radio{color:var(--quiz-paper);background:var(--quiz-ink);border-color:var(--quiz-ink)}.quiz-controls{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.quiz-selection-hint{color:var(--muted-foreground);text-align:center;font-size:12px}.quiz-local-note{text-align:center;margin-top:18px}.quiz-result-layout{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.quiz-result-card{background:var(--quiz-paper);border:10px solid var(--quiz-wash);outline:1px solid var(--quiz-line);color:var(--quiz-ink);border-radius:5px;padding:34px}.quiz-result-card h2{margin-top:14px;font-size:44px}.quiz-result-tagline{margin-top:10px;font-size:15px}.quiz-result-ink{width:100%;max-height:230px;margin-block:15px}.quiz-result-card>p:not(.quiz-eyebrow,.quiz-notice,.quiz-result-tagline){font-size:14px;line-height:1.8}.quiz-card-brand{border-top:1px solid var(--quiz-line);justify-content:space-between;align-items:center;margin-top:22px;padding-top:17px;font-size:11px;display:flex}.quiz-card-brand span:first-child{font-family:Patrick Hand,sans-serif;font-size:25px}.quiz-result-details{padding-top:12px}.quiz-evidence{margin-top:14px;padding:0;list-style:none}.quiz-evidence li{align-items:center;gap:15px;margin-block:14px;display:flex}.quiz-evidence svg{background:var(--quiz-wash);width:100px;height:68px;color:var(--quiz-ink);border-radius:7px;flex-shrink:0}.quiz-evidence span{color:var(--muted-foreground);font-size:12px;display:block}.quiz-evidence strong{margin-top:5px;font-size:14px;font-weight:500;display:block}.quiz-tip,.quiz-shared-note{color:var(--quiz-note);margin-block:20px;font-size:14px;line-height:1.8}.quiz-result-actions{flex-wrap:wrap;gap:10px;display:flex}.quiz-utility-actions{flex-wrap:wrap;gap:23px;margin-top:20px;display:flex}.quiz-utility-actions button{cursor:pointer;color:var(--quiz-ink);text-underline-offset:4px;align-items:center;gap:7px;font-size:13px;text-decoration:underline;display:flex}.quiz-share-fallback{margin-top:14px;font-size:13px;display:block}.quiz-share-fallback input{border:1px solid var(--quiz-line);border-radius:5px;width:100%;margin-top:5px;padding:10px}.quiz-conversion{background:var(--quiz-wash);border-radius:14px;grid-template-columns:1.1fr 1fr;gap:40px;margin-top:32px;padding-block:38px;display:grid}.quiz-conversion p:not(.quiz-notice){color:var(--quiz-note);margin-top:12px;font-size:14px;line-height:1.8}.quiz-conversion>div:last-child{align-self:center}.quiz-review-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.quiz-review-list{margin-top:20px;padding:0;list-style:none}.quiz-review-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding-block:14px;font-size:13px;display:flex}.quiz-review-list strong{color:var(--quiz-ink);margin-top:5px;font-weight:500;display:block}.quiz-review-list button{flex-shrink:0}.quiz-styles{padding-block:56px}.quiz-styles>h2{text-align:center;font-size:28px}.quiz-style-gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:10px;display:grid}.quiz-style-gallery svg{color:var(--quiz-ink);width:100%}.quiz-style-gallery h3{text-align:center;color:var(--quiz-note);font-size:12px;font-weight:500}.quiz-learn{grid-template-columns:1fr 1fr;gap:64px;padding-block:40px 60px;display:grid}.quiz-learn p{color:var(--muted-foreground);margin-top:20px;font-size:15px;line-height:1.85}.quiz-learn dl{gap:24px;display:grid}.quiz-learn dt{font-size:14px;font-weight:600}.quiz-learn dd{color:var(--muted-foreground);margin-top:7px;font-size:14px;line-height:1.75}.quiz-related{padding-bottom:64px}.quiz-related>div{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.quiz-related a{background:var(--quiz-wash);border-radius:12px;justify-content:space-between;align-items:center;gap:25px;padding:24px;display:flex}.quiz-related a>svg{color:var(--quiz-ink);flex-shrink:0}.quiz-related p{color:var(--quiz-note);margin-top:8px;font-size:13px;line-height:1.75}.quiz-faq{grid-template-columns:.65fr 1fr;gap:60px;padding-bottom:90px;display:grid}.quiz-faq details{border-bottom:1px solid var(--border);padding-block:17px}.quiz-faq details:first-child{padding-top:3px}.quiz-faq summary{cursor:pointer;font-size:14px;font-weight:500}.quiz-faq details p{color:var(--muted-foreground);margin-top:14px;font-size:14px;line-height:1.8}@media (width<=767px){.quiz-wrap{padding-inline:20px}.quiz-hero{grid-template-columns:1fr;gap:20px;padding-block:34px 28px}.quiz-hero-art{display:none}.quiz-hero-actions{gap:15px}.quiz-hero-actions .quiz-text-link{max-width:145px;line-height:1.7}.quiz-benefits{gap:12px;font-size:11px}.quiz-panel{padding:20px 16px 16px}.quiz-options{grid-template-columns:1fr;gap:9px}.quiz-option{align-items:center;display:flex}.quiz-option>svg{width:48%;height:95px;margin:0}.quiz-option-caption{text-align:left;flex:1;gap:8px;padding:12px;font-size:13px}.quiz-selection-hint{display:none}.quiz-controls .quiz-button{padding-inline:14px;font-size:13px}.quiz-result-layout,.quiz-conversion,.quiz-learn,.quiz-faq{grid-template-columns:1fr;gap:28px}.quiz-result-card{padding:24px}.quiz-result-card h2{font-size:38px}.quiz-conversion{margin-inline:20px;padding-block:28px}.quiz-style-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 15px}.quiz-style-gallery h3{font-size:11px}.quiz-learn{padding-top:0}.quiz-related>div{grid-template-columns:1fr;gap:12px}.quiz-review-head{align-items:start}.quiz-review-head h2{font-size:26px}}@media (width<=359px){.quiz-wrap,.quiz-panel{padding-inline:12px}.quiz-options{gap:6px}.quiz-option>svg{height:88px}}@media (prefers-reduced-motion:reduce){.personality-page *,.personality-page :before,.personality-page :after{scroll-behavior:auto!important;transition:none!important}}