.extra-wrap{max-width:860px;margin:0 auto;padding:24px 16px}.extra-wrap .question-panel{scroll-margin-top:12px}.extra-wrap .answer-options button{min-height:56px;white-space:normal;overflow-wrap:anywhere;line-height:1.5}.extra-wrap h1,.extra-wrap h2,.extra-wrap h3{overflow-wrap:anywhere;line-height:1.45}.extra-wrap .question-nav{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.extra-wrap .question-nav button{min-height:44px}.extra-method{margin-block:24px 8px}.extra-fields{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}.extra-fields input,.extra-fields select{width:100%;min-width:0;min-height:46px;font:inherit;border:1px solid #d9c9d0;border-radius:10px;padding:10px;background:#fff;color:#3d2b30}.extra-role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:20px}.extra-role{min-width:0}.extra-role .mbti-character{max-height:300px;width:auto;max-width:100%;object-fit:contain}.extra-result p{line-height:1.8}.extra-footer{max-width:860px;margin:auto;padding:24px 16px 40px}.extra-language-note{font-size:.85rem;opacity:.8}.extra-intro .primary{margin-block:12px}.extra-wrap .result-actions{flex-wrap:wrap}@media(max-width:420px){.extra-wrap{padding:14px 10px}.extra-fields{grid-template-columns:1fr;gap:6px}.extra-wrap .panel{padding:20px 14px}.extra-wrap .question-nav{gap:8px}.extra-wrap .answer-options button{padding:12px 10px}.extra-wrap .option-marker{flex-shrink:0}}

.activity-input{display:block;width:100%;max-width:420px;min-height:48px;font:inherit;padding:12px;border:1px solid #8b7b85;border-radius:8px;box-sizing:border-box}.activity-panel>button{margin:12px 12px 0 0;min-height:44px}.activity-digits{font:700 clamp(1.3rem,5.5vw,3rem)/1.6 monospace;letter-spacing:.06em;text-align:center;overflow-wrap:anywhere;margin:24px 0}.activity-digits-small{font-size:1.3rem;display:inline-block;margin:0}.activity-trace{overflow-wrap:anywhere;line-height:1.8}.activity-panel label{display:block;margin:12px 0}.activity-panel p[role=alert]{min-height:1.5em;color:#9e213c}

.routine-panel>button{margin:12px 12px 0 0;min-height:44px}.routine-panel .answer-options button{min-height:56px;white-space:normal;text-align:start}.routine-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}.routine-areas section{padding:12px;border:1px solid #ded4db;border-radius:12px}.reaction-target{display:block;touch-action:manipulation;width:100%;min-height:200px;font-family:inherit;font-weight:700;font-size:clamp(1.8rem,7vw,3.5rem);line-height:1.4;border:3px solid #493344;border-radius:18px;margin-block:18px;overflow-wrap:anywhere}.reaction-wait{background:#f8e4df;color:#4c2530}.reaction-ready{background:#173e35;color:#fff}.reaction-target:focus-visible{outline:4px solid #6850a1;outline-offset:4px}@media(prefers-reduced-motion:reduce){.reaction-target{transition:none}}

.explore-panel>button{margin:12px 12px 0 0;min-height:44px}.explore-panel label{display:block;margin:12px 0 6px}.explore-panel select{max-width:100%;min-height:44px;font:inherit;padding:10px;border:1px solid #8b7b85;border-radius:8px}.explore-panel .answer-options button{min-height:56px;white-space:normal;text-align:start}.explore-panel p{line-height:1.8}.extra-method>a{display:inline-block;max-width:100%;overflow-wrap:anywhere;margin:6px 12px 6px 0}

/* Inert first-screen copies (.extra-initial-view, aria-hidden) are shown only when scripting runs, on every page
   that carries one (ad and non-ad). Without scripting the method and noscript notice carry the explanations. */
.extra-initial-view{display:none}
@media(scripting:enabled){.extra-initial-view{display:contents}}