:root{color-scheme:light;--paper:#f6f3ec;--ink:#262a27;--muted:#666a62;--accent:#ac3d2e;--line:#dcded3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif}header{max-width:1060px;margin:auto;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);font-size:22px;font-weight:700;letter-spacing:.12em}.brand span{font-size:10px;letter-spacing:.2em;display:block;color:var(--muted)}button,input,select{font:inherit}button,a,summary,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:5px;background:transparent;color:inherit;min-height:48px;padding:10px 18px}button:disabled{cursor:default;opacity:.65}button:hover:not(:disabled){border-color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.quiet{border:0;font-size:14px}main{max-width:1000px;margin:auto;padding:54px 32px 24px}main:focus{outline:0}#main:has(.intro){display:grid;grid-template-columns:1fr 1fr;gap:36px 65px;align-items:center}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:700}h1{font-size:clamp(32px,4vw,46px);line-height:1.22;font-weight:550;letter-spacing:-.045em;margin:22px 0}p{color:var(--muted)}.intro>p:not(.eyebrow){font-size:14px}.nameboard{display:flex;align-items:center;justify-content:space-between;margin-top:48px;gap:12px}.nameboard div{font-size:42px;text-align:center}.nameboard div:last-child{border-left:1px solid var(--line);padding-left:20px}.nameboard span{display:block;font-size:11px;color:var(--muted);font-weight:400}.nameboard b{font-weight:300;font-size:16px;color:#999}.setup{background:#fffcf7;border:1px solid var(--line);padding:26px;border-radius:8px}h2{font-size:20px;font-weight:600;margin:0 0 18px}fieldset{padding:0;border:0;margin:0}legend{font-size:12px;color:var(--muted);margin-bottom:12px}.modes{display:grid;gap:10px}.modes label{cursor:pointer;position:relative}.modes input{position:absolute;opacity:0}.modes span{display:block;border:1px solid var(--line);padding:12px 14px;border-radius:5px;color:var(--muted)}.modes strong{font-size:14px;color:var(--ink);margin-left:12px}.modes small{display:block;margin-left:29px;font-size:11px}.modes input:checked+span{border-color:var(--accent);background:#fbf0e9;color:var(--accent)}.modes input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}details{margin:20px 0}summary{font-size:12px;cursor:pointer;min-height:44px;padding-top:10px}summary span{display:block;margin-left:15px;color:var(--muted);font-size:11px}.settings{display:grid;gap:10px;margin-top:12px}.settings label,form>label{font-size:13px;display:block}select,input:not([type=radio]){width:100%;background:white;border:1px solid var(--line);padding:10px;border-radius:4px;min-height:46px;color:var(--ink)}.primary{background:var(--accent);color:white;border:0;width:100%;font-weight:600;display:flex;justify-content:space-between;align-items:center}.fine{font-size:11px;line-height:1.5;margin-bottom:0}.bottom-note{grid-column:1/-1;text-align:center;font-size:12px;margin:0}footer{text-align:center;font-size:11px;color:var(--muted);padding:28px 16px}footer span{font-size:10px;color:#777}#error{max-width:600px;margin:auto;padding:0 24px;color:var(--accent)}.quiz,.panel{max-width:520px;margin:auto}.quiz-top{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}progress{width:100%;height:4px;accent-color:var(--accent)}.prompt{text-align:center;margin:18px 0 0;font-size:12px}.glyph{font-size:clamp(80px,18vw,112px);line-height:1.5;text-align:center;margin:8px 0 20px;font-weight:500}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answers button{background:#fffcf7;min-height:58px;overflow-wrap:anywhere;font-size:18px}.feedback{margin-top:20px;padding:16px;border-left:3px solid var(--accent);background:#fffaf3}.feedback p{margin:5px 0 14px}.score{font-size:64px;margin:14px 0;color:var(--ink)}.review{list-style:none;padding:0}.review li{padding:14px 0;border-bottom:1px solid var(--line)}.review strong{font-size:24px;margin-right:14px}.panel form{display:grid;gap:14px}.row{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.stat{padding:12px 0;border-bottom:1px solid var(--line)}@media(max-width:700px){header{padding:16px 22px}main{padding:28px 22px 12px}#main:has(.intro){display:block}.intro{text-align:center}h1{font-size:34px;margin:16px 0}.intro>p:not(.eyebrow){font-size:13px}.nameboard{max-width:320px;margin:22px auto 28px}.nameboard div{font-size:35px}.setup{padding:20px}.bottom-note{margin-top:22px}footer{padding:20px 16px}.quiz .glyph{margin:4px 0 14px}.quiz .prompt{margin-top:12px}}@media(prefers-reduced-motion:no-preference){button{transition:background-color .12s,border-color .12s}}