:root{font-family:'Yu Gothic',Meiryo,sans-serif;color:#423b51;background:#faf7ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e7dfdb;background:#fffdf7}header b{letter-spacing:.12em;font-size:17px}header b span{color:#79628c;font-size:12px}.status{font-size:11px;color:#6e6276}main{max-width:650px;margin:auto;padding:28px 20px 48px}.eyebrow{font-weight:700;font-size:13px;color:#756183;letter-spacing:.05em}h1{font-size:clamp(25px,5vw,35px);line-height:1.5;margin:12px 0}h2{font-size:21px;line-height:1.5}p{line-height:1.85}button,a{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #765591;outline-offset:4px}.primary,.secondary{display:block;min-height:48px;width:100%;padding:14px 20px;border-radius:18px;font-weight:700;border:1px solid #d9cfe5;margin-top:12px}.primary{background:#ded0ee;color:#423052}.secondary{background:#fffdf8;color:#635570}.hero{display:block;width:190px;height:190px;object-fit:contain;margin:4px auto}.intro{text-align:center}.note{font-size:13px;color:#6d6474}.choices{display:grid;gap:12px;margin:20px 0}.choice{display:flex;text-align:left;align-items:center;gap:12px;min-height:66px;padding:14px;border:1px solid #ded4e7;border-radius:20px;background:#fffdf9;color:inherit;line-height:1.65}.choice:hover{background:#f3ecf8}.letter{flex-shrink:0;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:#e9ddf2;font-size:13px}.progress{display:flex;gap:8px}.progress i{height:6px;flex:1;border-radius:20px;background:#e7e0dd}.progress i.done{background:#a38ab6}.result-card{padding:18px;margin:18px 0;background:#fffdf9;border:1px solid #e4dce7;border-radius:24px}.result-card img{float:right;width:100px;height:100px;object-fit:contain}.result-card h2{margin-top:8px}.result-card p{clear:both}.selected{font-size:13px;padding-left:18px;line-height:1.9}.try{background:#edf1e7;padding:14px;border-radius:14px}.actions{margin:20px 0}details{padding:16px;border:1px solid #e5dfe8;border-radius:18px;margin:18px 0}summary{cursor:pointer;font-weight:700}.end{background:#f0e8f6;border-radius:22px;padding:20px}a{color:#65517d}@media(max-width:420px){header{padding:14px 16px}header b{font-size:14px}main{padding:20px 16px 38px}h1{font-size:25px}.hero{width:155px;height:155px}.choice{min-height:64px;padding:12px}.result-card img{width:84px;height:84px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
:root{color-scheme:only light}
h1:focus{outline:none}.result-card .eyebrow{clear:none}.result-card h2{margin-right:105px}