:root{--maxw:1120px;--gutter:clamp(20px, 5vw, 56px);--font-display:"Bahnschrift", "DIN Alternate", "Oswald", "Segoe UI", sans-serif;--font-body:"Yu Gothic UI", "Hiragino Sans", "Segoe UI", "Meiryo", sans-serif;--font-mono:"Consolas", "Cascadia Mono", "JetBrains Mono", ui-monospace, monospace}[data-skin=instrument]{--bg:#090c12;--panel:#141a24;--panel-deep:#0e121b;--hairline:#8fa0bf17;--hairline-strong:#8fa0bf33;--accent:#ffb020;--accent-hi:#ffc64d;--accent-deep:#ff9e1b;--accent-ink:#1a1204;--text:#edf0f6;--text-muted:#8a93a6;--text-dim:#4f5a6e;--radius:12px;--radius-sm:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-skin=neutral]{--bg:#fff;--panel:#f5f6f8;--panel-deep:#edeff3;--hairline:#11182714;--hairline-strong:#11182729;--accent:#2f58f6;--accent-hi:#4c71ff;--accent-deep:#2246d6;--accent-ink:#fff;--text:#10141c;--text-muted:#5a6472;--text-dim:#97a0af;--radius:12px;--radius-sm:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.skin-root{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100dvh}.jp{word-break:auto-phrase;line-break:strict;overflow-wrap:normal}.jp-balance{text-wrap:balance;word-break:auto-phrase;line-break:strict}.jp-pretty{text-wrap:pretty;word-break:auto-phrase;line-break:strict}.nw{white-space:nowrap}@supports not (word-break:auto-phrase){.jp,.jp-balance,.jp-pretty{word-break:normal;overflow-wrap:normal}}.container{width:100%;max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.22em;color:var(--accent);margin:0;font-size:12px;font-weight:600}.btn{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;line-height:1;text-decoration:none;transition:transform .12s,background .16s,border-color .16s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg, var(--accent-hi), var(--accent-deep));color:var(--accent-ink);box-shadow:inset 0 1px #ffffff40}.btn-primary:hover{filter:brightness(1.04)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{color:var(--text);border-color:var(--hairline-strong);background:0 0}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}a{color:var(--accent)}a:focus-visible,button:focus-visible,.btn:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.wrap{flex-direction:column;min-height:100dvh;display:flex}.appbar{border-bottom:1px solid var(--hairline);background:var(--panel-deep);padding:18px 0}.appbar .container{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.app-title{font-family:var(--font-body);color:var(--text);margin:0;font-size:clamp(18px,2.4vw,22px);font-weight:700}.app-sub{color:var(--text-muted);font-size:13px}.main{flex:1;padding-block:clamp(20px,4vw,40px)}.grid2{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (max-width:760px){.grid2{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);padding:18px}.card h2{letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase;font-size:13px;font-weight:600;font-family:var(--font-display);margin:0 0 12px}.field-label{color:var(--text-muted);margin:0 0 6px;font-size:13px;display:block}textarea,input[type=text],input[type=number],select{background:var(--panel-deep);width:100%;color:var(--text);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);resize:vertical;padding:12px 14px;font-size:14px;line-height:1.6}textarea:focus,input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}textarea{min-height:240px}.out{white-space:pre-wrap;word-break:break-word;min-height:240px;font-family:var(--font-mono);color:var(--text);margin:0;font-size:14px;line-height:1.6}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row-end{justify-content:flex-end}.spacer{flex:1}.badge{font-size:12px;font-family:var(--font-mono);border:1px solid var(--hairline-strong);color:var(--text-muted);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;display:inline-flex}.badge.ok{color:#59d9a0;border-color:#59d9a066}.badge.err{color:#ff6b6b;border-color:#ff6b6b66}.hint{color:var(--text-dim);font-size:12px;font-family:var(--font-mono);margin-top:8px}.err-box{border-radius:var(--radius-sm);color:#ff9b9b;font-family:var(--font-mono);white-space:pre-wrap;background:#ff6b6b14;border:1px solid #ff6b6b4d;margin-top:10px;padding:10px 12px;font-size:13px}.footer{border-top:1px solid var(--hairline);color:var(--text-dim);padding-block:20px;font-size:12px}.footer .container{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.prose{color:var(--text);line-height:1.9}.prose h2{margin:28px 0 8px;font-size:18px}.prose p{color:var(--text-muted);max-width:68ch;margin:0 0 12px}.faq-q{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--panel);margin:0 0 12px;padding:16px 18px}.faq-q>h3{color:var(--text);margin:0 0 8px;font-size:15px}.faq-q>p{color:var(--text-muted);margin:0}.wrap{overflow-x:clip}.qbar{justify-content:space-between;gap:10px;width:100%;align-items:center!important}.qbar>div{flex:auto;min-width:0}.qbar .ent-tag{flex:none}.app-title,.app-sub{overflow-wrap:anywhere}.app-title-link{text-decoration:none}.ent-tag{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:#ffb0201a;border:1px solid #ffb02059;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700}.ent-tag-sm{padding:3px 9px;font-size:10px}.btn-lg{padding:15px 28px;font-size:16px}.quiz-wrap,.result-wrap{max-width:760px;margin-inline:auto}.intro{padding:clamp(24px,4vw,40px)}.intro-h{color:var(--text);margin:10px 0 14px;font-size:clamp(24px,5vw,34px);line-height:1.3}.intro-lead{color:var(--text-muted);margin:0 0 18px;font-size:15px;line-height:1.95}.intro-points{gap:8px;margin:0 0 8px;padding:0;list-style:none;display:grid}.intro-points li{color:var(--text);padding-left:26px;font-size:14px;position:relative}.intro-points li:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;left:4px;box-shadow:0 0 10px #ffb02099}.disclaimer{color:var(--text-dim);border-top:1px solid var(--hairline);margin:20px 0 0;padding-top:14px;font-size:12px;line-height:1.8}.quiz{padding:clamp(22px,4vw,36px)}.progress{background:var(--panel-deep);border:1px solid var(--hairline);border-radius:999px;height:6px;margin-bottom:18px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--accent-deep), var(--accent-hi));border-radius:999px;height:100%;transition:width .28s}.qmeta{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.qcount{font-family:var(--font-display);color:var(--accent);letter-spacing:.04em;font-size:22px;font-weight:700}.qcount-of{color:var(--text-dim);font-size:14px}.qtext{color:var(--text);margin:0 0 20px;font-size:clamp(19px,3.4vw,24px);line-height:1.5}.opts{gap:12px;display:grid}.opt{text-align:left;background:var(--panel-deep);width:100%;color:var(--text);border:1px solid var(--hairline-strong);border-radius:var(--radius);cursor:pointer;font-family:var(--font-body);align-items:center;gap:14px;padding:16px 18px;font-size:15px;transition:border-color .14s,background .14s,transform .1s;display:flex}.opt:hover{border-color:var(--accent);background:#ffb0200f}.opt:active{transform:translateY(1px)}.opt-on{border-color:var(--accent);background:#ffb0201a}.opt-key{background:var(--panel);border:1px solid var(--hairline-strong);width:30px;height:30px;font-family:var(--font-display);color:var(--accent);border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.opt-label{flex:1;line-height:1.5}.result-wrap{gap:18px;display:grid}.result-hero{text-align:center;border-radius:var(--radius);background:radial-gradient(120% 90% at 50% -10%, color-mix(in srgb, var(--type-accent) 22%, transparent), transparent 60%), var(--panel);border:1px solid var(--hairline-strong);padding:clamp(28px,5vw,48px) clamp(20px,4vw,40px);position:relative;overflow:hidden}.result-hero .eyebrow{color:var(--type-accent)}.result-emoji{margin:10px 0 6px;font-size:56px;line-height:1}.result-name{color:var(--type-accent);font-size:clamp(30px,7vw,48px);font-weight:800;font-family:var(--font-body);text-shadow:0 0 26px color-mix(in srgb, var(--type-accent) 45%, transparent);letter-spacing:.01em;margin:4px 0 2px}.result-nick{font-family:var(--font-display);letter-spacing:.2em;color:var(--text-muted);margin:0 0 12px;font-size:14px}.result-tag{color:var(--text);margin:0;font-size:clamp(15px,3vw,18px);font-weight:600}.result-card{padding:clamp(20px,3.5vw,28px)}.rc-h{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:0 0 12px;font-size:12px;font-weight:700}.rc-body{color:var(--text-muted);margin:0;font-size:15px;line-height:1.95}.strength-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.strength-list li{color:var(--text);padding-left:26px;font-size:15px;line-height:1.6;position:relative}.strength-list li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;top:0;left:2px}.cta-tools .btn{margin-top:16px}.next-step{background:#ffb0200d;border:1px solid #ffb0204d}.share-card{text-align:left}.share-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.share-row .btn{flex:none}.result-name{max-width:100%}.btn-x{color:#fff;border:1px solid var(--hairline-strong);background:#111418;font-weight:700}.btn-x:hover{filter:brightness(1.1);border-color:#fff}.x-mark{font-size:17px;line-height:1}.result-again{text-align:center;margin:6px 0 4px}@media (max-width:460px){.share-row{flex-direction:column;align-items:stretch}.share-row .btn{width:100%}.intro .row,.cta-learn .row{flex-direction:column;align-items:stretch}.intro .row .btn,.cta-learn .row .btn{text-align:center;justify-content:center;width:100%}}.cat-tag{color:var(--accent)}.opt-locked{cursor:default}.opt-locked:hover{border-color:var(--hairline-strong);background:var(--panel-deep)}.opt-correct{background:#59d9a01f!important;border-color:#59d9a0bf!important}.opt-correct .opt-key{color:#59d9a0;border-color:#59d9a080}.opt-wrong{background:#ff6b6b1a!important;border-color:#ff6b6bb3!important}.opt-wrong .opt-key{color:#ff6b6b;border-color:#ff6b6b80}.opt-mark{font-family:var(--font-display);letter-spacing:.08em;border-radius:999px;flex:none;margin-left:auto;padding:3px 9px;font-size:11px;font-weight:700}.opt-mark-ok{color:#59d9a0;background:#59d9a024;border:1px solid #59d9a066}.opt-mark-ng{color:#ff9b9b;background:#ff6b6b1f;border:1px solid #ff6b6b66}.opt:disabled{opacity:1}.explain-box{border-radius:var(--radius);border:1px solid var(--hairline-strong);background:var(--panel-deep);margin-top:16px;padding:16px 18px}.explain-ok{background:#59d9a00f;border-color:#59d9a066}.explain-ng{background:#ffb0200d;border-color:#ffb02066}.explain-verdict{font-family:var(--font-display);letter-spacing:.04em;margin:0 0 8px;font-size:15px;font-weight:700}.explain-ok .explain-verdict{color:#59d9a0}.explain-ng .explain-verdict{color:var(--accent)}.explain-body{color:var(--text);margin:0 0 10px;font-size:15px;line-height:1.9}.explain-src{color:var(--text-dim);margin:0;font-size:13px}.term-link{color:var(--accent);border-bottom:1px solid color-mix(in srgb, var(--accent) 45%, transparent);font-weight:700;text-decoration:none}.term-link:hover{border-bottom-color:var(--accent)}.review-link{margin-top:8px;font-size:13px}.score-big{margin:4px 0 2px;line-height:1}.score-num{font-family:var(--font-display);color:var(--type-accent);text-shadow:0 0 30px color-mix(in srgb, var(--type-accent) 45%, transparent);font-size:clamp(56px,15vw,96px);font-weight:800}.score-den{font-family:var(--font-display);color:var(--text-muted);margin-left:8px;font-size:clamp(22px,5vw,32px);font-weight:700}.score-pct{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:6px;font-size:14px}.catbars{gap:14px;display:grid}.catbar-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.catbar-name{color:var(--text);font-size:14px}.catbar-val{font-family:var(--font-display);color:var(--accent);font-size:14px;font-weight:700}.catbar-track{background:var(--panel-deep);border:1px solid var(--hairline);border-radius:999px;height:10px;overflow:hidden}.catbar-fill{background:linear-gradient(90deg, var(--accent-deep), var(--accent-hi));border-radius:999px;height:100%;transition:width .4s}.catbar-weak{background:linear-gradient(90deg,#ff6b6b,#ff9e1b)}.weak-tag{font-family:var(--font-display);letter-spacing:.08em;color:#ff9b9b;background:#ff6b6b1f;border:1px solid #ff6b6b66;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:700}.cta-learn{background:#ffb0200d;border:1px solid #ffb0204d}.review-list{counter-reset:none;gap:16px;margin:0;padding:0;list-style:none;display:grid}.review-item{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--panel-deep);padding:14px 16px}.review-q{color:var(--text);margin-bottom:8px;font-size:15px;line-height:1.6}.review-badge{font-family:var(--font-display);letter-spacing:.06em;vertical-align:middle;border-radius:6px;margin-right:8px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.rb-ok{color:#59d9a0;background:#59d9a01f;border:1px solid #59d9a066}.rb-ng{color:#ff9b9b;background:#ff6b6b1f;border:1px solid #ff6b6b66}.review-ans{color:#59d9a0;margin-bottom:4px;font-size:14px;line-height:1.6}.review-your{color:#ff9b9b;margin-bottom:6px;font-size:13px;line-height:1.6}.review-exp{color:var(--text-muted);font-size:14px;line-height:1.85}.eyebrow,.app-sub,.card h2,.field-label,.badge,.hint,.err-box,.footer,.ent-tag,.ent-tag-sm,.disclaimer,.rc-h,.explain-src,.review-link,.opt-mark,.weak-tag,.review-badge,.review-your{font-size:14px}.btn{min-height:44px}.footer a,.app-title-link,.term-link,.prose a{align-items:center;min-height:44px;display:inline-flex}