:root{--paper:#fbfbf9;--sheet:#fff;--ink:#17202d;--ink-soft:#4a5463;--ink-faint:#69717e;--print:#c2185b;--print-soft:#f6dbe6;--print-line:#edc6d6;--agree:#2b5d8a;--illus-paper:#fbfbf9;--graphite:#2b2e33;--ok:#1b7f5a;--ok-soft:#dcefe6;--ng:#c2185b;--rule:#e6e2e6;--code-bg:#f4f5f7;--code-ink:#1f2a37;--tok-comment:#6b7a8c;--tok-string:#2f7d4f;--tok-keyword:#a3195b;--tok-number:#8a5a00;--shadow:0 1px 0 #17202d0f, 0 8px 24px -16px #17202d40;--radius:6px;--font:"Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#12161d;--sheet:#1a1f28;--ink:#e8ebf0;--ink-soft:#b3bac6;--ink-faint:#7d8696;--print:#f06292;--print-soft:#3a2230;--print-line:#5a2c42;--agree:#6fa8dc;--graphite:#e8ebf0;--ok:#4cc38a;--ok-soft:#173a2b;--ng:#f06292;--rule:#2c3340;--code-bg:#10141a;--code-ink:#dfe5ee;--tok-comment:#8592a5;--tok-string:#7fd1a0;--tok-keyword:#f48fb1;--tok-number:#f0c06a;--shadow:0 1px 0 #0000004d, 0 8px 24px -16px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-feature-settings:"palt" 0;margin:0;font-size:16px;line-height:1.75}a{color:var(--print);text-underline-offset:3px}h1,h2,h3{letter-spacing:.01em;margin:0 0 .6em;font-weight:900;line-height:1.35}h1{font-size:clamp(1.6rem,3.6vw,2.25rem)}h2{font-size:1.3rem}h3{font-size:1.05rem;font-weight:700}p{margin:0 0 1em}:focus-visible{outline:3px solid var(--print);outline-offset:2px}main{max-width:1040px;margin:0 auto;padding:24px 16px 64px}.site-header{border-bottom:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1040px;margin:0 auto;padding:18px 16px;display:flex}.logo{color:var(--ink);letter-spacing:.04em;font-size:1.35rem;font-weight:900;text-decoration:none}.logo span{color:var(--print);margin-left:2px}.site-header nav{flex-wrap:wrap;gap:20px;font-size:.92rem;display:flex}.site-header nav a{color:var(--ink-soft);text-decoration:none}.site-header nav a:hover{color:var(--print)}.site-footer{border-top:1px solid var(--rule);max-width:1040px;color:var(--ink-faint);margin:0 auto;padding:24px 16px 48px;font-size:.8rem}.sheet{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:28px clamp(18px,4vw,40px);position:relative}.sheet-kicker{color:var(--print);margin-bottom:4px;font-size:.9rem;font-weight:700}.lead{color:var(--ink-soft);max-width:40em}.fine,.section-note{color:var(--ink-faint);font-size:.82rem}.btn{font:inherit;cursor:pointer;border:2px solid #0000;border-radius:999px;padding:10px 22px;font-weight:700;transition:background-color .15s,color .15s,border-color .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:not(:disabled):hover{background:var(--print)}.btn-ghost{color:var(--ink);border-color:var(--ink);background:0 0}.btn-ghost:hover{border-color:var(--print);color:var(--print)}.btn-text{color:var(--ink-faint);text-underline-offset:3px;background:0 0;border:none;padding:6px 8px;font-weight:500;text-decoration:underline}.btn-lg{padding:14px 30px;font-size:1.05rem}.mark-list{gap:10px;margin:18px 0 8px;display:grid}.mark-option{text-align:left;width:100%;font:inherit;color:var(--ink);border:1px solid var(--print-line);border-radius:var(--radius);cursor:pointer;background:0 0;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:12px 14px;transition:border-color .15s,background-color .15s;display:grid}.mark-option:not(:disabled):hover{border-color:var(--print);background:color-mix(in srgb, var(--print-soft) 40%, transparent)}.mark-option:disabled{cursor:default}.mark-bubble{border:1.5px solid var(--print);border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:44px;display:inline-grid;position:relative}.mark-letter{font-family:var(--mono);color:var(--print);z-index:1;font-size:.85rem;font-weight:600;transition:color .2s;position:relative}.mark-bubble:after{content:"";background:var(--graphite);opacity:0;border-radius:48% 52% 50% 46%/50% 46% 54% 50%;transition:transform .22s cubic-bezier(.3,1.4,.6,1),opacity .12s;position:absolute;inset:3px 4px;transform:scale(.2)rotate(-8deg)}.mark-option.is-selected .mark-bubble:after{opacity:.92;transform:scale(1)rotate(-3deg)}.mark-option.is-selected .mark-letter{color:var(--sheet)}.mark-option.is-selected{border-color:var(--graphite)}.mark-option.is-correct,.mark-option.is-missed{border-color:var(--ok);background:var(--ok-soft)}.mark-option.is-correct .mark-bubble:after{background:var(--ok)}.mark-option.is-missed .mark-bubble{border-color:var(--ok);border-width:3px}.mark-option.is-wrong{border-color:var(--ng);background:var(--print-soft)}.mark-text{line-height:1.6}.progress{background:var(--rule);border-radius:var(--radius) var(--radius) 0 0;height:4px;position:absolute;inset:0 0 auto;overflow:hidden}.progress-bar{background:var(--print);height:100%;transition:width .3s}.q-head,.sample-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.sample-head{justify-content:flex-start}.q-number{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:900}.q-number small{color:var(--ink-faint);font-size:.85rem;font-weight:500}.q-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border:1px solid var(--rule);color:var(--ink-soft);border-radius:999px;padding:2px 10px;font-size:.78rem}.tag-kind{border-color:var(--print-line);color:var(--print)}.tag-multi{background:var(--ink);color:var(--paper);border-color:var(--ink)}.q-prompt{max-width:38em;font-size:1.1rem;font-weight:700;line-height:1.7}.q-prompt-sub{margin-bottom:0;font-size:1.02rem}.reason-head{border-top:1px dashed var(--print-line);margin-top:18px;padding-top:16px}.picked{color:var(--ink-soft);margin-bottom:6px;font-size:.9rem}.q-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.q-actions .quit{margin-left:auto}.kbd-hint{color:var(--ink-faint);margin:14px 0 0;font-size:.75rem}@media (hover:none){.kbd-hint{display:none}}.code{font-family:var(--mono);background:var(--code-bg);color:var(--code-ink);border-left:3px solid var(--print-line);tab-size:2;border-radius:4px;margin:12px 0;padding:14px 16px;font-size:.84rem;line-height:1.65;overflow-x:auto}.code-compact{margin:8px 0 0;padding:10px 12px;font-size:.78rem}.tok-comment{color:var(--tok-comment);font-style:italic}.tok-string{color:var(--tok-string)}.tok-keyword{color:var(--tok-keyword);font-weight:600}.tok-number{color:var(--tok-number)}.hero{grid-template-columns:1fr;align-items:start;gap:28px;margin:12px 0 36px;display:grid}@media (width>=820px){.hero{grid-template-columns:1fr 1.05fr;gap:40px}}.hero h1{word-break:keep-all;overflow-wrap:anywhere;margin-top:12px;font-size:clamp(1.75rem,4.2vw,2.45rem);line-height:1.3}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:8px;display:flex}.hero-meta{color:var(--ink-faint);font-size:.88rem}.sample{background:var(--sheet);border:1px solid var(--rule);border-top:4px solid var(--print);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.sample .q-prompt{font-size:1rem}.sample-result{border-top:1px dashed var(--print-line);color:var(--ink-soft);margin-top:14px;padding-top:14px;font-size:.92rem}.sample-verdict{color:var(--ink);font-size:1.05rem;font-weight:900}.sample-result.is-correct .sample-verdict{color:var(--ok)}.sample-result.is-wrong .sample-verdict{color:var(--ng)}.history{margin:0 0 12px;padding:0;list-style:none}.history li{border-bottom:1px solid var(--rule);font-variant-numeric:tabular-nums;grid-template-columns:7em 7em 1fr;gap:8px;padding:6px 0;font-size:.92rem;display:grid}.sheet-head h1{margin-bottom:14px}.rules{gap:14px;margin:20px 0;padding:0;list-style:none;display:grid}.rules li{border-left:3px solid var(--print-line);color:var(--ink-soft);padding-left:16px;font-size:.93rem}.rules strong{color:var(--ink);font-size:1rem;display:block}.genre-strip{flex-wrap:wrap;gap:6px;margin:20px 0 24px;display:flex}.genre-strip span{border:1px solid var(--rule);color:var(--ink-soft);border-radius:999px;padding:3px 10px;font-size:.8rem}.mode-picker{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px;margin-bottom:18px;display:grid}.mode-card{font:inherit;text-align:left;color:var(--ink);border:2px solid var(--ink);border-radius:var(--radius);cursor:pointer;background:0 0;gap:4px;padding:18px 20px;transition:background-color .15s,color .15s;display:grid}.mode-card:hover{background:var(--ink);color:var(--paper)}.mode-name{font-size:1.2rem;font-weight:900}.mode-meta{opacity:.8;font-size:.88rem}.mode-cta{margin-top:8px;font-size:.9rem;font-weight:700}.report-head{border-bottom:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:22px;padding-bottom:14px;display:flex}.report-head h1{margin:0;font-size:1.4rem}.report-meta{gap:22px;margin:0;font-size:.85rem;display:flex}.report-meta dt{color:var(--ink-faint)}.report-meta dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.score-block{grid-template-columns:auto 1fr;align-items:center;gap:28px;margin-bottom:22px;display:grid}@media (width<=560px){.score-block{grid-template-columns:1fr;gap:16px}}.score-main{border:2px solid var(--ink);border-radius:var(--radius);text-align:center;min-width:200px;padding:12px 26px 14px;display:grid}.score-label{color:var(--ink-soft);font-size:.85rem;font-weight:700}.score-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:4.2rem;font-weight:900;line-height:1.05}.score-sub{color:var(--print);font-size:.85rem;font-weight:700}.title-stamp{color:var(--print);border:3px double var(--print);border-radius:4px;margin-bottom:10px;padding:2px 16px;font-size:1.5rem;font-weight:900;display:inline-block;transform:rotate(-3deg)}.score-title p{color:var(--ink-soft);margin:0}.report-grid{grid-template-columns:1fr;align-items:center;gap:18px;display:grid}@media (width>=760px){.report-grid{grid-template-columns:1.15fr 1fr}}.radar-wrap{margin:0}.radar{width:100%;max-width:440px;margin:0 auto;display:block}.radar-ring{fill:none;stroke:var(--rule);stroke-width:1px}.radar-mean{stroke:var(--ink-faint);stroke-width:2px}.radar-spoke{stroke:var(--rule)}.radar-shape{fill:color-mix(in srgb, var(--print) 22%, transparent);stroke:var(--print);stroke-width:2.5px;stroke-linejoin:round}.radar-dot{fill:var(--print)}.radar-label{fill:var(--ink);font-size:15px;font-weight:700;font-family:var(--font)}.radar-value{fill:var(--ink-soft);font-variant-numeric:tabular-nums;font-weight:500}.radar-scale{fill:var(--ink-faint);font-size:10px}.radar-wrap figcaption{color:var(--ink-faint);text-align:center;font-size:.82rem}.shape{color:var(--ink-soft);margin-top:6px;font-size:.9rem;display:block}.cat-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9rem}.cat-table th,.cat-table td{border-bottom:1px solid var(--rule);text-align:right;padding:7px 6px}.cat-table th[scope=row],.cat-table thead th:first-child{text-align:left;font-weight:500}.cat-table thead th{color:var(--ink-faint);border-bottom:1px solid var(--ink);font-size:.78rem;font-weight:500}.cat-table td:last-child{font-weight:900}.is-high{color:var(--print)}.is-low{color:var(--ink-faint)}.indicators{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:18px 28px;display:grid}.indicator p{color:var(--ink-faint);margin:6px 0 0;font-size:.8rem}.indicator-top{justify-content:space-between;align-items:baseline;display:flex}.indicator-label{font-weight:700}.indicator-value{font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:900}.meter{background:var(--rule);border-radius:999px;height:8px;margin-top:4px;position:relative;overflow:hidden}.meter-fill{background:var(--print);border-radius:999px;height:100%}.meter-mean{background:var(--ink);width:2px;position:absolute;top:-2px;bottom:-2px;left:50%}.breadth-dots{gap:6px;margin-top:6px;display:flex}.breadth-dots span{border:1.5px solid var(--print);border-radius:50%;width:18px;height:26px}.breadth-dots span.on{background:var(--graphite);border-color:var(--graphite)}.roles{margin:0;padding:0;list-style:none}.role{border-bottom:1px solid var(--rule);grid-template-rows:auto auto;grid-template-columns:52px 1fr;align-items:center;column-gap:14px;padding:10px 0;display:grid}.grade-stamp{width:46px;height:46px;font-size:1.4rem;font-weight:900;font-family:var(--mono);border:2.5px solid;border-radius:50%;grid-row:span 2;place-items:center;display:grid;transform:rotate(-8deg)}.grade-A .grade-stamp,.grade-B .grade-stamp{color:var(--print)}.grade-A .grade-stamp{background:var(--print-soft)}.grade-C .grade-stamp{color:var(--ink-soft)}.grade-D .grade-stamp,.grade-E .grade-stamp{color:var(--ink-faint)}.role-name{font-weight:700}.role-detail{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:.82rem}.weak-list{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:18px;display:grid}.weak h3{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.weak-dev{color:var(--ink-faint);font-size:.85rem;font-weight:500}.weak p,.weak li{color:var(--ink-soft);font-size:.9rem}.weak ul{margin:0;padding-left:1.2em}.share-preview{background:var(--code-bg);border-radius:4px;padding:12px 14px;font-size:.92rem}.share-buttons,.again{flex-wrap:wrap;gap:10px;display:flex}.again{border-top:1px solid var(--rule);margin-top:18px;padding-top:18px}.review-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.toggle{color:var(--ink-soft);cursor:pointer;align-items:center;gap:6px;font-size:.88rem;display:inline-flex}.toggle input{accent-color:var(--print);width:16px;height:16px}.review-list{margin:8px 0 0;padding:0;list-style:none}.review-item{border-bottom:1px solid var(--rule)}.review-item summary{cursor:pointer;grid-template-columns:32px 1fr;gap:2px 10px;padding:12px 0;list-style:none;display:grid}.review-item summary::-webkit-details-marker{display:none}.review-mark{text-align:center;grid-row:span 2;font-size:1.4rem;font-weight:900;line-height:1.2}.score-full .review-mark{color:var(--ok)}.score-half .review-mark{color:var(--tok-number)}.score-none .review-mark{color:var(--ng)}.review-prompt{font-size:.95rem}.review-meta{color:var(--ink-faint);font-size:.75rem}.review-item details[open] summary .review-prompt{font-weight:700}.review-item details>:not(summary){margin-left:42px}.review-answers{grid-template-columns:7em 1fr;gap:4px 12px;margin:12px 0;font-size:.88rem;display:grid}.review-answers dt{color:var(--ink-faint)}.review-answers dd{margin:0}.explanation{color:var(--ink-soft);background:var(--code-bg);border-radius:4px;margin-bottom:16px;padding:12px 14px;font-size:.9rem}@media (width<=560px){.review-item details>:not(summary){margin-left:0}.review-answers{grid-template-columns:1fr}.review-answers dd{margin-bottom:6px}}.empty{text-align:center;padding:48px 20px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:10;background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:8px 14px;text-decoration:none;position:absolute;top:-48px;left:12px}.skip-link:focus{top:12px}main:focus{outline:none}.page-head{max-width:44em;margin:8px 0 28px}.page-head h1{font-size:clamp(1.7rem,4vw,2.4rem)}.link-quiet{color:var(--ink-soft);font-size:.92rem}.site-header nav a[aria-current=page]{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--print);text-decoration-color:var(--print);text-underline-offset:6px;font-weight:700;text-decoration-thickness:2px}.footer-inner{gap:10px;display:grid}.footer-inner nav{flex-wrap:wrap;gap:18px;display:flex}.footer-inner nav a{color:var(--ink-soft)}.footer-logo{color:var(--ink);margin:0;font-size:1rem;font-weight:900}.footer-logo span{color:var(--print)}.illustration{background:var(--illus-paper);border-radius:var(--radius);width:100%;height:auto;display:block}.empty-art{width:min(240px,60%);margin:0 auto 18px}.feature{border-top:1px solid var(--rule);grid-template-columns:1fr;gap:28px;padding:40px 0;display:grid}@media (width>=860px){.feature{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px}}.feature h2{font-size:clamp(1.6rem,3.4vw,2.1rem)}.feature-exam h2{color:var(--print)}.feature-persona h2{font-family:var(--mono);letter-spacing:.01em}.feature-copy p{color:var(--ink-soft);max-width:36em}.feature-points{color:var(--ink-soft);margin:0 0 20px;padding-left:1.2em;font-size:.93rem}.feature-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.genre-list{border-top:2px solid var(--ink);grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.genre-list li{border-bottom:1px solid var(--rule);gap:2px;padding:12px 4px;display:grid}.genre-list strong{font-size:.95rem}.genre-list span{color:var(--ink-faint);font-size:.8rem;line-height:1.55}.lineup{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width<=520px){.lineup{grid-template-columns:repeat(3,minmax(0,1fr))}}.lineup a{color:var(--ink);border-bottom:3px solid #0000;justify-items:center;gap:2px;padding-bottom:6px;text-decoration:none;transition:border-color .15s;display:grid}.lineup a:hover,.lineup a:focus-visible{border-bottom-color:var(--type-color)}.lineup .illustration{aspect-ratio:1;object-fit:cover}.lineup-name{text-align:center;font-size:.78rem;font-weight:700;line-height:1.3}.lineup-code{font-family:var(--mono);color:var(--ink-faint);font-size:.68rem}.my-type{color:var(--ink);align-items:center;gap:14px;margin-bottom:16px;text-decoration:none;display:flex}.my-type .illustration{border:2px solid var(--type-color);width:72px}.my-type strong{font-size:1.1rem;display:block}.intro-head{grid-template-columns:1fr;align-items:center;gap:20px;display:grid}@media (width>=720px){.intro-head{grid-template-columns:minmax(0,1fr) 200px}}.intro-art{justify-self:center;max-width:200px}.practice{border:1px dashed var(--print-line);border-radius:var(--radius);margin:8px 0 20px;padding:12px 16px}.practice summary{cursor:pointer;color:var(--print);font-weight:700}.practice .sample{box-shadow:none;margin-top:14px}.mode-note{opacity:.75;font-size:.8rem;line-height:1.55}.interlude{text-align:center;padding:48px clamp(18px,4vw,40px)}.interlude h1:focus{outline:none}.interlude .lead{margin:0 auto 24px}.interlude-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.question-sheet.is-challenge{border-top:4px solid var(--ink)}.question-sheet.is-challenge .q-number{color:var(--print)}.score-band{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.8rem}.band-note{color:var(--ink-faint);margin-top:10px;font-size:.78rem}.mania{border-left:4px solid var(--print);justify-content:space-between;align-items:center;gap:16px;display:flex}.mania h2{margin-bottom:4px}.mania-stars{color:var(--print);letter-spacing:.08em}.mania-label{margin-bottom:4px;font-size:1.15rem;font-weight:900}.mania p:last-child{margin-bottom:0}.mania-score{font-variant-numeric:tabular-nums;margin:0;font-size:2.6rem;font-weight:900}.mania-score small{color:var(--ink-faint);font-size:1rem}.review-challenge{background:var(--ink);color:var(--paper);border-radius:999px;margin-right:6px;padding:0 6px;font-size:.68rem;display:inline-block}.persona-test{max-width:760px;margin:0 auto}.persona-test-head{z-index:2;background:var(--paper);margin-bottom:8px;padding:12px 0 10px;position:sticky;top:0}.persona-test-title{font-family:var(--mono);justify-content:space-between;align-items:baseline;margin:0 0 8px;font-size:1.1rem;display:flex}.persona-test-title span{font-family:var(--font);color:var(--ink-faint);font-size:.85rem;font-weight:500}.persona-test-title:focus{outline:none}.progress-inline{border-radius:999px;height:4px;position:static}.progress-inline .progress-bar{background:var(--ink)}.persona-hint{color:var(--ink-soft);margin:10px 0 0;font-size:.86rem}.persona-items{margin:0;padding:0;list-style:none}.persona-item{border-bottom:1px solid var(--rule);padding:30px 0;transition:opacity .25s}.persona-item.is-done{opacity:.5}.persona-item.is-done:hover,.persona-item.is-done:focus-within{opacity:1}.persona-statement{text-align:center;justify-content:center;gap:10px;max-width:34em;margin:0 auto 18px;font-size:1.12rem;font-weight:700;line-height:1.6;display:flex}.persona-num{font-family:var(--mono);color:var(--ink-faint);padding-top:.3em;font-size:.8rem;font-weight:600}.code-pair-grid{grid-template-columns:1fr;gap:12px;margin-bottom:18px;display:grid}@media (width>=680px){.code-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.code-pane{grid-template-rows:auto 1fr;min-width:0;margin:0;display:grid}.code-pane figcaption{font-family:var(--mono);margin-bottom:4px;font-size:.85rem;font-weight:600}.code-pane .code{height:100%;margin:0}.likert{border:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:0;padding:0;display:grid}.lk-end{font-size:.85rem;font-weight:700}.lk-end-left{text-align:right;color:var(--agree)}.lk-end-right{color:var(--print)}.lk-scale{align-items:center;gap:clamp(6px,1.6vw,14px);display:flex}.lk-option{cursor:pointer;place-items:center;display:grid;position:relative}.lk-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.lk-dot{border:2px solid;border-radius:50%;transition:background-color .15s,transform .15s;display:block}.lk-left{color:var(--agree)}.lk-right{color:var(--print)}.lk-mid{color:var(--ink-faint)}.lk-xl .lk-dot{width:46px;height:46px}.lk-lg .lk-dot{width:38px;height:38px}.lk-md .lk-dot{width:30px;height:30px}.lk-sm .lk-dot{width:24px;height:24px}.lk-option:hover .lk-dot{background:color-mix(in srgb, currentColor 18%, transparent)}.lk-option input:checked+.lk-dot{box-shadow:inset 0 0 0 4px var(--paper);background:currentColor;transform:scale(1.04)}.lk-option input:focus-visible+.lk-dot{outline:3px solid var(--ink);outline-offset:3px}@media (width<=560px){.likert{grid-template-columns:1fr 1fr;gap:8px 12px}.lk-scale{grid-area:1/1/auto/-1;justify-content:space-between}.lk-end-left{text-align:left}.lk-end-right{text-align:right}.lk-xl .lk-dot{width:38px;height:38px}.lk-lg .lk-dot{width:32px;height:32px}.lk-md .lk-dot{width:26px;height:26px}.lk-sm .lk-dot{width:20px;height:20px}}.persona-nav{justify-content:space-between;align-items:center;gap:12px;padding:28px 0 8px;display:flex}.persona-count{color:var(--ink-faint);font-size:.85rem}.persona-result{max-width:880px;margin:0 auto}.type-hero{grid-template-columns:1fr;align-items:center;gap:24px;margin:8px 0 28px;display:grid}@media (width>=720px){.type-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px}}.type-hero-art .illustration{border:2px solid var(--type-color)}.type-name{margin:14px 0 6px;font-size:clamp(2.2rem,7vw,3.4rem);line-height:1.15}.type-en{font-family:var(--mono);color:var(--ink-faint);margin-top:8px;font-size:.95rem;font-weight:400;display:block}.type-tagline{color:var(--type-color);margin:16px 0 0;font-size:1.25rem;font-weight:700}@media (prefers-color-scheme:dark){.type-tagline,.trait-col h3{color:color-mix(in srgb, var(--type-color) 55%, white)}}.type-badge{font-family:var(--mono);gap:3px;font-weight:600;display:inline-flex}.type-badge span{background:var(--type-color);color:#fff;border-radius:4px;place-items:center;width:1.8em;height:1.8em;font-size:.9rem;display:grid}.type-badge-lg span{border-radius:8px;width:2.1em;height:2.1em;font-size:clamp(1.6rem,6vw,2.4rem)}.axis-bars{gap:22px;display:grid}.axis-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.axis-label{color:var(--ink-faint);font-size:.82rem}.axis-verdict{color:var(--type-color);font-weight:900}.axis-row{grid-template-columns:8.5em 1fr 8.5em;align-items:center;gap:12px;display:grid}.axis-pole{color:var(--ink-faint);font-size:.82rem;line-height:1.35}.axis-pole-right{text-align:right}.axis-pole.is-win{color:var(--ink);font-weight:700}.axis-track{background:var(--rule);border-radius:999px;height:12px;position:relative}.axis-fill{background:var(--type-color);border-radius:999px;position:absolute;top:0;bottom:0}.axis-mid{background:var(--ink);width:2px;position:absolute;top:-4px;bottom:-4px;left:50%}.axis-desc{color:var(--ink-soft);margin:6px 0 0;font-size:.82rem}@media (width<=560px){.axis-row{grid-template-columns:1fr 1fr}.axis-track{grid-area:2/1/auto/-1}}.type-summary{max-width:40em;font-size:1.02rem;line-height:1.9}.traits{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:24px;margin:28px 0;display:grid}.trait-col h3{color:var(--type-color);border-bottom:2px solid var(--type-color);padding-bottom:6px}.trait-weak h3{color:var(--ink-soft);border-bottom-color:var(--rule)}.trait{margin-bottom:16px}.trait h4{margin:0 0 4px;font-size:.98rem}.trait p{color:var(--ink-soft);margin:0;font-size:.92rem}.careers{counter-reset:career;margin:0;padding:0;list-style:none}.career{border-bottom:1px solid var(--rule);grid-template-columns:1fr auto;align-items:center;gap:16px;padding:14px 0;display:grid}.career-name{font-size:1.05rem;font-weight:900}.career-main p{color:var(--ink-soft);margin:2px 0 0;font-size:.9rem}.career-grade{color:var(--ink-faint);justify-items:center;gap:2px;font-size:.68rem;text-decoration:none;display:grid}.career-grade .grade-stamp{width:40px;height:40px;font-size:1.2rem}.career-cta{white-space:nowrap;font-size:.82rem}.type-facts{grid-template-columns:9em 1fr;gap:12px 16px;margin:18px 0 0;display:grid}.type-facts dt{font-weight:700}.type-facts dd{color:var(--ink-soft);margin:0}.type-facts ul{margin:0;padding-left:1.2em}@media (width<=560px){.type-facts{grid-template-columns:1fr;gap:2px}.type-facts dd{margin-bottom:12px}}.partner{margin-bottom:20px}.partner-card{border:1px solid var(--rule);border-left:5px solid var(--type-color);border-radius:var(--radius);background:var(--sheet);color:var(--ink);box-shadow:var(--shadow);grid-template-columns:120px 1fr;align-items:center;gap:18px;padding:16px;text-decoration:none;display:grid}.partner-card:hover{border-color:var(--type-color)}.partner-copy{gap:2px;display:grid}.partner-name{font-size:1.2rem;font-weight:900}.partner-note{color:var(--ink-soft);font-size:.88rem}.axis-legend{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:12px 24px;margin:18px 0 24px;font-size:.88rem;display:grid}.axis-legend dt{font-weight:700}.axis-legend dd{color:var(--ink-soft);margin:0}.axis-legend strong{font-family:var(--mono);color:var(--ink)}.family{border-top:1px solid var(--rule);padding:28px 0}.family h2{align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.family-code{font-family:var(--mono);color:var(--ink-faint);font-size:.9rem;font-weight:600}.family-desc{color:var(--ink-soft);margin-bottom:16px;font-size:.92rem}.type-grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:14px;display:grid}.type-tile{border:1px solid var(--rule);border-bottom:4px solid var(--type-color);border-radius:var(--radius);background:var(--sheet);color:var(--ink);align-content:start;gap:4px;padding:12px;text-decoration:none;transition:border-color .15s;display:grid;position:relative}.type-tile:hover{border-color:var(--type-color)}.type-tile-art{margin-bottom:6px}.type-tile-code{font-family:var(--mono);color:var(--ink-faint);font-size:.75rem}.type-tile-name{font-size:1.1rem;font-weight:900}.type-tile-tag{color:var(--ink-soft);font-size:.8rem;line-height:1.55}.type-tile.is-mine{outline:2px solid var(--type-color);outline-offset:2px}.mine-flag{color:#fff;background:var(--type-color);border-radius:999px;padding:0 8px;font-size:.72rem;font-weight:700;position:absolute;top:18px;right:18px}.about{max-width:820px}.prose p,.prose li{max-width:40em}.prose ul{padding-left:1.2em}.prose li{margin-bottom:8px}.facts{gap:10px;margin:16px 0 0;display:grid}.facts div{border-bottom:1px solid var(--rule);grid-template-columns:8em 1fr;gap:12px;padding-bottom:8px;display:grid}.facts dt{font-weight:700}.facts dd{color:var(--ink-soft);margin:0}.note{border-left:4px solid var(--print);background:var(--print-soft);border-radius:4px;padding:8px 14px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.notice{background:var(--print-soft);border-left:4px solid var(--print);border-radius:4px;padding:12px 16px;font-size:.9rem}.q-prompt:focus{outline:none}.sheet.intro,.question-sheet,.interlude,.result,.sheet.empty{max-width:860px;margin-left:auto;margin-right:auto}.code-pane .code{white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:hidden}@media (prefers-color-scheme:light){.illustration{mix-blend-mode:multiply}}.resume{border:2px solid var(--ink);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.resume p{margin:0}.resume strong{display:block}.resume-actions{align-items:center;gap:8px;display:flex}.sample-result:focus{outline:none}