:root{color-scheme:light;font-family:system-ui,"Noto Sans JP",sans-serif;color:#17382c;background:#f1f4ed}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:40px 22px 70px}h1{font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.5;letter-spacing:.03em}h2{font-size:1.25rem}p,li,label{line-height:1.9}section{background:white;border:1px solid #c7d4c8;border-radius:20px;padding:24px;margin-top:22px}aside{padding:16px;background:#fff4d4;border-radius:12px;color:#49370c}.tag{font-weight:700;color:#355e4a}ul{padding-left:24px}label{display:flex;align-items:flex-start;gap:10px;margin:20px 0}input{width:22px;height:22px;flex:none;margin-top:6px}.actions{display:flex;flex-wrap:wrap;gap:12px}button{font:inherit;font-weight:700;border:1px solid #254d3c;border-radius:10px;background:#254d3c;color:white;padding:12px 18px;min-height:48px;cursor:pointer}button:disabled{background:#e1e7e1;color:#59665c;border-color:#b9c4bb;cursor:default}a{color:#20543d;text-underline-offset:4px}:focus-visible{outline:3px solid #a85100;outline-offset:4px}#status{font-weight:600;min-height:1.9em}#challenge{margin-top:18px;min-height:68px}@media(max-width:480px){main{padding:22px 16px 45px}section{padding:18px}.actions button{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.language{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap}.language label{margin:0}.language select{font:inherit;min-height:44px;max-width:100%;padding:8px;border:1px solid #7a9483;border-radius:8px;background:white;color:#17382c}.stats-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #dbe3db;overflow-wrap:anywhere}.stats-row span{min-width:0}.stats-row strong{flex:none}#stats-status{font-weight:700}[dir=rtl] ul{padding-inline-start:24px;padding-inline-end:0}@media(max-width:380px){.stats-row{align-items:flex-start;flex-direction:column;gap:4px}}