@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600&family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@700;900&display=swap";:root{--color-paper:oklch(96% .014 105);--color-paper-2:oklch(92% .018 108);--color-surface:oklch(98% .01 105);--color-surface-strong:oklch(89% .03 145);--color-rule:oklch(80% .018 130);--color-rule-strong:oklch(62% .035 145);--color-muted:oklch(43% .025 145);--color-ink-soft:oklch(31% .03 145);--color-ink:oklch(19% .035 150);--color-accent:oklch(42% .12 150);--color-accent-strong:oklch(29% .09 150);--color-accent-soft:oklch(91% .045 145);--color-accent-ink:oklch(97% .01 105);--color-highlight:oklch(88% .17 112);--color-focus:oklch(58% .16 155);--color-error:oklch(48% .17 28);--color-error-soft:oklch(94% .035 28);--color-overlay:oklch(15% .035 150/.72);--color-shadow:oklch(18% .03 150/.12);--font-display:"Noto Serif JP", "Yu Mincho", serif;--font-body:"Noto Sans JP", "Hiragino Sans", sans-serif;--font-outlier:"IBM Plex Mono", "SFMono-Regular", monospace;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.953rem;--text-2xl:2.441rem;--text-3xl:3.052rem;--text-display:clamp(2.75rem, 4vw + 1rem, 5.25rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--rule-hairline:1px solid var(--color-rule);--radius-control:.25rem;--radius-panel:.5rem;--z-base:1;--z-raised:10;--z-sticky:200;--z-modal:400;--z-toast:500;--cute-color-paper:oklch(97% .012 95);--cute-color-paper-2:oklch(94% .018 95);--cute-color-surface:oklch(99% .008 95);--cute-color-ink:oklch(20% .012 250);--cute-color-ink-soft:oklch(35% .018 250);--cute-color-muted:oklch(45% .025 250);--cute-color-rule:oklch(78% .025 250);--cute-color-rule-strong:oklch(54% .035 250);--cute-color-pear:oklch(86% .18 95);--cute-color-pear-deep:oklch(67% .14 95);--cute-color-pear-soft:oklch(94% .08 95);--cute-color-cyan:oklch(66% .18 235);--cute-color-cyan-soft:oklch(93% .055 235);--cute-color-coral:oklch(70% .19 24);--cute-color-coral-deep:oklch(48% .16 24);--cute-color-coral-soft:oklch(93% .055 24);--cute-color-mint:oklch(74% .13 150);--cute-color-mint-soft:oklch(93% .05 150);--cute-color-lavender:oklch(72% .13 305);--cute-color-lavender-soft:oklch(93% .05 305);--cute-color-focus:oklch(48% .17 280);--cute-color-error:oklch(46% .17 28);--cute-color-error-soft:oklch(94% .04 28);--cute-color-overlay:oklch(20% .012 250/.68);--cute-color-shadow:oklch(20% .012 250/.18);--cute-font-display:"M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", sans-serif;--cute-font-body:"M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", sans-serif;--cute-font-label:"M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", sans-serif;--cute-radius-input:.75rem;--cute-radius-card:1.25rem;--cute-radius-pill:999px;--cute-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--cute-ease-snap:cubic-bezier(.2, .7, .3, 1);--cute-dur-press:.14s;--cute-dur-float:2.4s}*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}main{background:var(--color-paper);min-height:100dvh}button,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{white-space:nowrap}button:active{transform:translateY(1px)}a:active{color:var(--color-accent)}button:disabled,button[aria-disabled=true]{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@keyframes screenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes feedbackIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.screenPane{animation:screenIn var(--dur-long) var(--ease-out) both}.siteHeader{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:68px;padding-inline:clamp(var(--space-md), 5vw, var(--space-2xl));border-bottom:var(--rule-hairline);background:var(--color-paper);display:flex}.brand{min-height:44px;color:var(--color-ink);align-items:center;gap:var(--space-sm);cursor:pointer;font-family:var(--font-display);background:0 0;border:0;padding:0;font-weight:900;display:flex}.brandMark{border:1px solid var(--color-accent);width:30px;height:30px;color:var(--color-accent);font-family:var(--font-display);font-size:var(--text-sm);place-items:center;display:grid}.headerAction{min-height:44px;padding:0 var(--space-md);border:1px solid var(--color-ink);border-radius:var(--radius-control);color:var(--color-ink);cursor:pointer;font-size:var(--text-sm);transition:color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);background:0 0;font-weight:700}.headerAction:hover{background:var(--color-ink);color:var(--color-paper)}.headerAction:active{transform:translateY(1px)}.headerAction span{margin-inline-start:var(--space-sm)}.headerStatus{color:var(--color-muted);font-size:var(--text-xs)}.hero{width:min(860px,100%);min-height:100svh;padding:clamp(var(--space-lg), 5vw, var(--space-2xl));place-items:center;margin-inline:auto;display:grid}.heroCopy{width:min(680px,100%)}.eyebrow{margin:0 0 var(--space-md);color:var(--color-accent);font-size:var(--text-xs);letter-spacing:.04em;font-weight:700}.hero h1,.questionIntro h1,.resultHero h1,.resultGroupHead h2,.messageBlock>strong,.threadsGuideModal h2{overflow-wrap:anywhere;min-width:0;font-family:var(--font-display);letter-spacing:-.04em;font-style:normal;font-weight:900}.hero h1{white-space:nowrap;margin:0;font-size:clamp(3.5rem,9vw,7rem);line-height:1.02}.hero h1 em{color:var(--color-accent);font-style:normal}.hero.hasDiagnosisExample{place-items:center stretch;gap:clamp(var(--space-xl), 6vw, var(--space-3xl));grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);width:min(1120px,100%)}.heroActions{margin-top:var(--space-xl);align-items:flex-start;gap:var(--space-md);flex-direction:column;display:flex}.heroNotes{gap:var(--space-xs) var(--space-lg);color:var(--color-ink-soft);font-size:var(--text-sm);flex-wrap:wrap;font-weight:700;display:flex}.heroNotes span{align-items:center;gap:var(--space-xs);display:inline-flex}.heroNotes span:before{content:"✓";color:var(--color-accent)}.primaryButton,.threadsButton{min-height:52px;padding:0 var(--space-lg);border:1px solid var(--color-accent-strong);border-radius:var(--radius-control);background:var(--color-accent-strong);color:var(--color-accent-ink);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);font-weight:700}.primaryButton:hover,.threadsButton:hover{background:var(--color-ink);transform:translateY(-1px)}.primaryButton:active,.threadsButton:active{transform:translateY(1px)}.primaryButton:disabled{opacity:.5;cursor:not-allowed;transform:none}.primaryButton span,.threadsButton span{margin-inline-start:var(--space-lg)}.heroStartButton{background:var(--color-accent);border-color:var(--color-accent)}.resultPreview{color:var(--color-ink);position:relative}.resultPreviewCard{padding:clamp(var(--space-lg), 4vw, var(--space-2xl));border:1px solid var(--color-rule-strong);background:var(--color-surface)}.previewLabel{margin:0 0 var(--space-sm);color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-xl);font-weight:900;line-height:1.3}.previewNumber{padding-bottom:var(--space-lg);border-bottom:var(--rule-hairline)}.previewNumber>span{color:var(--color-muted);font-size:var(--text-xs);display:block}.previewNumber strong{color:var(--color-accent);font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.06em;font-size:clamp(3rem,6vw,5rem);line-height:1;display:block}.previewNumber small{color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);letter-spacing:0;margin-inline-start:var(--space-xs)}.previewFacts{margin:0}.previewFacts div{gap:var(--space-3xs);padding-block:var(--space-sm);border-bottom:var(--rule-hairline);grid-template-columns:minmax(0,1fr);display:grid}.previewFacts div:last-child{border-bottom:0}.previewFacts dt{color:var(--color-accent);font-weight:700}.previewFacts dd{color:var(--color-ink-soft);margin:0;line-height:1.5}.previewRedacted{opacity:.58;text-decoration-line:line-through;-webkit-text-decoration-color:var(--color-ink);text-decoration-color:var(--color-ink);text-decoration-thickness:2px}.diagnosisMode{flex-direction:column;height:100svh;display:flex;overflow:hidden}.progressWrap{width:min(860px,100%);margin:var(--space-sm) auto 0;padding-inline:var(--space-lg)}.diagnosisMode .progressWrap{flex:0 0 45px}.progressMeta{color:var(--color-muted);font-family:var(--font-outlier);justify-content:space-between;font-size:.6875rem;display:flex}.progressTrack{height:2px;margin-top:var(--space-xs);background:var(--color-rule);overflow:hidden}.progressTrack span{background:var(--color-accent);height:100%;transition:transform var(--dur-long) var(--ease-out);transform-origin:0;display:block}.progressSteps{display:none}.questionShell{width:min(800px,100%);min-height:0;padding:clamp(var(--space-sm), 2.2vh, var(--space-lg)) var(--space-lg) calc(var(--space-sm) + env(safe-area-inset-bottom));flex-direction:column;flex:auto;margin-inline:auto;display:flex;overflow:hidden}.questionIntro h1{margin:0;font-size:clamp(1.75rem,4vh,2.65rem);line-height:1.2}.questionIntro h1:focus,.resultHero h1:focus{outline:0}.questionIntro>p:not(.eyebrow){margin:var(--space-xs) 0 0;color:var(--color-muted);font-size:var(--text-xs)}.diagnosisMode .questionIntro .eyebrow{margin-bottom:var(--space-2xs)}.selectionCounter{margin-top:var(--space-xs);color:var(--color-accent);font-size:var(--text-xs);font-weight:700;display:inline-block}.feedbackSlot{flex:0 0 32px;align-items:center;display:flex}.error,.selectionFeedback{width:100%;margin:var(--space-2xs) 0 0;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.error{border:1px solid var(--color-error);background:var(--color-error-soft);color:var(--color-error)}.selectionFeedback{color:var(--color-accent);animation:feedbackIn var(--dur-short) var(--ease-out) both}.selectionFeedback span{margin-inline-end:var(--space-xs)}.questionActions{justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-xs);flex:none;display:flex}.backButton{min-height:44px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.wheelNextButton{min-height:48px}.wheelPicker{justify-content:center;gap:var(--space-xs);flex-direction:column;flex:auto;width:min(480px,100%);min-height:0;margin-inline:auto;display:flex}.wheelInstruction{color:var(--color-muted);text-align:center;margin:0;font-size:.6875rem}.wheelFrame{border-block:1px solid var(--color-rule-strong);background:var(--color-surface);height:232px;position:relative;overflow:hidden}.wheelSelectionBand{z-index:var(--z-base);inset:92px var(--space-xs) auto;border-block:1px solid var(--color-accent);background:var(--color-accent-soft);pointer-events:none;height:48px;position:absolute}.wheelList{z-index:var(--z-raised);overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y;height:100%;position:relative;overflow-y:auto}.wheelList::-webkit-scrollbar{display:none}.wheelList:focus{outline:3px solid var(--color-focus);outline-offset:-3px}.wheelSpacer{height:92px}.wheelOption{justify-content:center;align-items:center;gap:var(--space-xs);width:100%;height:48px;color:var(--color-muted);cursor:pointer;scroll-snap-align:center;font-family:var(--font-display);font-size:var(--text-md);transition:color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);background:0 0;border:0;font-weight:700;display:flex}.wheelOption:hover{color:var(--color-accent)}.wheelOption:active{transform:translateY(1px)}.wheelOption.selected{color:var(--color-ink);font-size:var(--text-lg)}.wheelOption small{color:var(--color-muted);font-family:var(--font-body);font-size:.6875rem;font-weight:400}.mbtiCharacterIcon,.mbtiUnknownIcon{background-color:var(--color-paper-2);border-radius:50%;flex:0 0 42px;width:42px;height:42px}.mbtiCharacterIcon{background-image:url(/mbti-characters/mbti-character-sheet.webp);background-repeat:no-repeat;background-size:400% 400%}.mbtiUnknownIcon{border:1px solid var(--color-rule-strong);color:var(--color-muted);font-family:var(--font-display);font-size:var(--text-lg);place-items:center;display:grid}.compactWheel{width:100%}.compactWheel .wheelFrame{height:148px}.compactWheel .wheelSelectionBand{top:50px}.compactWheel .wheelSpacer{height:50px}.compactWheel .wheelOption{font-family:var(--font-body);font-size:var(--text-sm)}.compactWheel .wheelOption.selected{font-size:var(--text-base)}.dualDrumGroup{gap:var(--space-md);flex:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:0;display:grid}.srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.choiceChecklist{min-height:0;margin:var(--space-xs) 0 0;gap:var(--space-sm);border:0;flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;padding:0;display:grid}.checkOption,.skillCheckOption{cursor:pointer;position:relative}.checkOption input,.skillCheckOption input{opacity:0;pointer-events:none;position:absolute}:is(.checkOption:has(input:focus-visible),.skillCheckOption:has(input:focus-visible)){outline:3px solid var(--color-focus);outline-offset:2px}.checkOption{min-height:96px;padding:var(--space-md);border:var(--rule-hairline);background:var(--color-surface);align-items:center;gap:var(--space-sm);transition:background-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);display:flex}.checkOption:hover,.skillCheckOption:hover{background:var(--color-paper-2)}.checkOption:active,.skillCheckOption:active{transform:translateY(1px)}.checkOption.selected,.skillCheckOption.selected{background:var(--color-accent-soft)}.checkMark{border:1px solid var(--color-rule-strong);background:var(--color-surface);color:#0000;width:22px;height:22px;font-size:var(--text-xs);flex:0 0 22px;place-items:center;font-weight:700;display:grid}.selected .checkMark{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.skillChecklist{gap:var(--space-sm);overscroll-behavior:contain;min-height:0;padding:var(--space-2xs);flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow-y:auto}.skillChecklist>.noExperienceOption{min-height:34px;padding:var(--space-2xs) var(--space-xs);border:var(--rule-hairline);background:var(--color-surface);grid-column:1/-1;justify-content:center}.skillGroup{min-width:0;padding:var(--space-sm);border:var(--rule-hairline);background:var(--color-surface);margin:0}.skillGroup legend{padding-inline:var(--space-xs);color:var(--color-accent);font-size:var(--text-xs);font-weight:700}.skillCheckOption{min-height:34px;margin-top:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);align-items:center;gap:var(--space-xs);color:var(--color-ink-soft);font-size:.6875rem;display:flex}.skillCheckOption .checkMark{flex-basis:19px;width:19px;height:19px;font-size:.625rem}.skillCheckOption.selected{color:var(--color-accent-strong);font-weight:700}.resultShell{width:min(1060px,100%);padding:var(--space-2xl) var(--space-lg) var(--space-3xl);margin-inline:auto}.resultHero{gap:var(--space-xl);padding-bottom:var(--space-2xl);border-bottom:2px solid var(--color-ink);text-align:left;grid-template-columns:minmax(0,3fr) minmax(240px,2fr);align-items:center;display:grid}.resultHeroSummary>.eyebrow{margin:0}.resultCaption{margin:var(--space-md) 0 0;color:var(--color-muted)}.resultHero h1{color:var(--color-accent);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(4rem,10vw,7rem);line-height:.95}.resultHero h1 small{color:var(--color-ink);font-family:var(--font-body);letter-spacing:0;margin-inline-start:var(--space-xs);font-size:.18em}.salaryComparison{margin:var(--space-md) 0 0;color:var(--color-ink-soft);font-weight:700}.salaryComparison strong{color:var(--color-accent);font-family:var(--font-display);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;display:block}.salaryComparison span{color:var(--color-muted);font-size:var(--text-xs);display:block}.resultHeroConsult{gap:var(--space-md);align-self:center;display:grid}.resultHeroConsultButton{justify-self:end;width:100%;min-height:64px}.resultPurposeGroups{margin-top:var(--space-2xl);gap:var(--space-2xl);display:grid}.resultPurposeGroup{background:0 0}.resultGroupHead{align-items:flex-start;gap:var(--space-2xs);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-ink);flex-direction:column;display:flex}.resultGroupHead span{color:var(--color-accent);font-family:var(--font-outlier);font-size:var(--text-xs)}.resultGroupHead h2{font-size:var(--text-xl);margin:0}.messageGrid{grid-template-columns:1.2fr 1fr 1fr;display:grid}.messageGrid.twoColumns{grid-template-columns:1.15fr .85fr}.messageBlock{min-width:0;padding:var(--space-lg) var(--space-lg) var(--space-xl) 0;border-bottom:var(--rule-hairline)}.messageBlock+.messageBlock{border-inline-start:var(--rule-hairline);padding-inline-start:var(--space-lg)}.actionMessageGrid .messageBlock:nth-child(odd){border-inline-start:0;padding-inline-start:0}.messageBlock h3{margin:0 0 var(--space-sm);color:var(--color-accent);font-size:var(--text-xs)}.messageBlock p{max-width:65ch;color:var(--color-ink-soft);font-size:var(--text-sm);margin:0;line-height:1.8}.messageExampleLabel{margin-bottom:var(--space-xs);color:var(--color-muted);font-size:var(--text-xs);font-weight:700;display:block}.messageBlock blockquote{padding:var(--space-sm) var(--space-md);border-inline-start:3px solid var(--color-accent);background:var(--color-paper-2);color:var(--color-ink-soft);font-size:var(--text-sm);margin:0;line-height:1.8}.messageBlock ul{color:var(--color-ink-soft);font-size:var(--text-sm);margin:0;padding-inline-start:1.25rem;line-height:1.75}.messageBlock li+li{margin-top:var(--space-xs)}.messageBlock>strong{margin-bottom:var(--space-sm);font-size:var(--text-lg);line-height:1.45;display:block}.mbtiMessage,.positionMessage{background:var(--color-accent-soft);padding-inline:var(--space-lg)}.consultation{margin-top:var(--space-2xl);padding:var(--space-2xl);border-block:2px solid var(--color-ink);background:var(--color-surface);text-align:left}.consultPreview,.modalCopyPreview{margin-top:var(--space-lg);padding:var(--space-md);border:var(--rule-hairline);background:var(--color-paper);text-align:left}.consultPreview strong,.modalCopyPreview strong{color:var(--color-accent);font-size:var(--text-xs)}.consultPreview p,.modalCopyPreview p{margin:var(--space-xs) 0 0;color:var(--color-ink-soft);font-size:var(--text-xs);white-space:pre-wrap}.consultButtons{margin-top:var(--space-lg);align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.mailButton,.modalCopyAgain{min-height:50px;padding:0 var(--space-md);border:1px solid var(--color-ink);border-radius:var(--radius-control);color:var(--color-ink);cursor:pointer;background:0 0;place-items:center;font-weight:700;text-decoration:none;display:inline-grid}.mailButton:hover,.modalCopyAgain:hover{background:var(--color-paper-2)}.resultFooterActions{margin-top:var(--space-lg);gap:var(--space-lg);display:flex}.resultFooterActions button{border:0;border-bottom:1px solid var(--color-ink);min-height:44px;color:var(--color-ink);cursor:pointer;background:0 0;padding:0}.copyToast{z-index:var(--z-toast);inset:var(--space-lg) auto auto 50%;width:max-content;max-width:calc(100% - 2rem);padding:var(--space-sm) var(--space-md);background:var(--color-ink);color:var(--color-paper);font-size:var(--text-sm);animation:feedbackIn var(--dur-short) var(--ease-out) both;font-weight:700;position:fixed;transform:translate(-50%)}.copyToast span{color:var(--color-highlight);margin-inline-end:var(--space-xs)}.modalBackdrop{z-index:var(--z-modal);padding:var(--space-lg);background:var(--color-overlay);animation:feedbackIn var(--dur-short) var(--ease-out) both;place-items:center;display:grid;position:fixed;inset:0}.threadsGuideModal{width:min(620px,100%);max-height:calc(100svh - 3rem);padding:clamp(var(--space-lg), 5vw, var(--space-2xl));border:1px solid var(--color-rule-strong);background:var(--color-surface);color:var(--color-ink);position:relative;overflow-y:auto}.threadsGuideModal h2{font-size:var(--text-xl);margin:0;padding-inline-end:var(--space-xl);line-height:1.4}.modalClose{inset:var(--space-sm) var(--space-sm) auto auto;width:44px;height:44px;color:var(--color-muted);cursor:pointer;font-size:var(--text-xl);background:0 0;border:0;position:absolute}.threadsSteps{margin:var(--space-lg) 0 0;padding:0;list-style:none}.threadsSteps li{gap:var(--space-sm);padding-block:var(--space-sm);border-top:var(--rule-hairline);grid-template-columns:2rem minmax(0,1fr);display:grid}.threadsSteps li>span{color:var(--color-accent);font-size:var(--text-sm);font-weight:700}.threadsSteps p{color:var(--color-ink-soft);font-size:var(--text-sm);margin:0}.modalActions{margin-top:var(--space-lg);justify-content:flex-end;gap:var(--space-sm);display:flex}.siteFooter{width:min(1180px,100% - 2rem);padding-block:var(--space-lg);border-top:var(--rule-hairline);justify-content:space-between;gap:var(--space-md);color:var(--color-muted);font-size:var(--text-xs);margin-inline:auto;display:flex}@media (width<=50rem){.hero{padding-top:calc(var(--space-2xl) + var(--space-xl))}.hero.hasDiagnosisExample{align-content:center;gap:var(--space-lg);padding-block:var(--space-lg);grid-template-columns:minmax(0,1fr)}.hero.hasDiagnosisExample .heroCopy{width:100%}.hero.hasDiagnosisExample h1{font-size:clamp(3rem,12vw,5.5rem)}.hero.hasDiagnosisExample .heroActions{margin-top:var(--space-lg)}.hero.hasDiagnosisExample .resultPreview{width:100%}.hero.hasDiagnosisExample .resultPreviewCard{padding:var(--space-md)}.hero.hasDiagnosisExample .previewNumber{padding-bottom:var(--space-md)}.hero.hasDiagnosisExample .previewNumber strong{font-size:clamp(2.75rem,12vw,4rem)}.hero.hasDiagnosisExample .previewFacts div{padding-block:var(--space-xs)}.heroActions{margin-top:var(--space-lg)}.resultHero{gap:var(--space-lg);grid-template-columns:minmax(0,1fr)}.resultHeroConsult,.resultHeroConsultButton{justify-self:stretch}.messageGrid,.messageGrid.twoColumns{grid-template-columns:minmax(0,1fr)}.messageBlock{padding:var(--space-lg) 0}.messageBlock+.messageBlock{border-inline-start:0;padding-inline-start:0}.mbtiMessage,.positionMessage{padding-inline:var(--space-md)}.consultation{padding:var(--space-xl) var(--space-lg)}}@media (width<=40rem){.hero{padding-inline:var(--space-md)}.heroActions{align-items:stretch}.heroStartButton{width:100%}.diagnosisMode .progressWrap{padding-inline:var(--space-md);flex-basis:36px}.questionShell{padding:var(--space-xs) var(--space-md) calc(var(--space-xs) + env(safe-area-inset-bottom))}.questionIntro h1{font-size:clamp(1.5rem,7vw,2rem)}.choiceChecklist{gap:var(--space-xs);grid-template-columns:minmax(0,1fr)}.checkOption{min-height:56px;padding:var(--space-sm)}.skillChecklist{gap:var(--space-xs);grid-template-columns:minmax(0,1fr)}.skillGroup{padding:var(--space-xs)}.skillCheckOption{min-height:32px}.wheelFrame{height:212px}.wheelSelectionBand{top:82px}.wheelSpacer{height:82px}.dualDrumGroup{gap:var(--space-xs);grid-template-columns:minmax(0,1fr)}.dualDrumGroup .compactWheel .wheelFrame{height:112px}.dualDrumGroup .compactWheel .wheelSelectionBand{top:32px}.dualDrumGroup .compactWheel .wheelSpacer{height:32px}.questionActions .primaryButton{padding-inline:var(--space-sm);flex:1}.resultShell{padding:var(--space-xl) var(--space-md) var(--space-2xl)}.resultHero h1{font-size:clamp(3.75rem,19vw,5.5rem)}.resultGroupHead h2{font-size:var(--text-lg)}.consultButtons,.modalActions{flex-direction:column;align-items:stretch}.consultButtons>*,.modalActions>*{width:100%}.modalBackdrop{padding:var(--space-sm);align-items:end}.threadsGuideModal{max-height:calc(100svh - 1.5rem);padding:var(--space-lg)}}@media (height<=45rem){.questionIntro>p:not(.eyebrow){font-size:.6875rem;line-height:1.35}.feedbackSlot{flex-basis:27px}.wheelFrame{height:196px}.wheelSelectionBand{top:74px}.wheelSpacer{height:74px}.compactWheel .wheelFrame{height:124px}.compactWheel .wheelSelectionBand{top:38px}.compactWheel .wheelSpacer{height:38px}.skillGroup{padding-block:var(--space-2xs)}.skillCheckOption{min-height:28px;margin-top:0}}@media (hover:hover) and (pointer:fine){.checkOption:hover,.skillCheckOption:hover{background:var(--color-paper-2)}}@media print{.consultButtons,.resultHeroConsult{display:none!important}body{background:var(--color-surface)}.resultShell{padding:var(--space-sm)}.resultPurposeGroup,.consultation{break-inside:avoid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}.screenPane{animation-name:feedbackIn}}