[hidden]{display:none!important}body{margin:0;background:#faf5eb;color:#473c31;font:16px system-ui}main{max-width:740px;padding:24px;margin:auto}article{background:white;border:1px solid #dccdbb;border-radius:12px;padding:18px;margin:12px 0}button,a{padding:12px;display:inline-block;border-radius:8px;margin:4px;cursor:pointer}button{border:1px solid #dccdbb;background:#fff}button[data-dir=up]{color:#c74f2b}button[data-dir=down]{color:#2a6f97}button[aria-pressed=true]{background:#f1e3cd;border:1px solid currentColor;box-shadow:inset 0 0 0 1px currentColor}button[data-dir]{transform:none}button:focus-visible,input:focus-visible{outline:3px solid #c78927;outline-offset:3px}button:disabled{cursor:default}#message{white-space:pre-wrap}a{color:#70462f}small{display:block;color:#746759}*{box-sizing:border-box}.perfect{padding:24px;border:2px solid #c74f2b;border-radius:12px;font-size:24px;animation:celebrate .6s ease-out}@keyframes celebrate{from{transform:scale(.94)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.perfect{animation:none}}input{max-width:100%;padding:12px;border:1px solid #dccdbb;border-radius:8px}
.notice{padding:14px;border:1px solid #dccdbb;border-radius:10px;background:#fff6dc}header small{line-height:1.6}.test-mark{color:#875b25;font-weight:bold}footer{font-size:14px;line-height:1.8}
#cards{background:#fff;border:1px solid #dccdbb;border-radius:12px;margin:16px 0}#cards article{display:grid;grid-template-columns:minmax(0,1fr) minmax(92px,auto) minmax(92px,auto);gap:4px 8px;padding:14px 16px;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}#cards article+article{border-top:1px solid #e4dacb}#cards strong{grid-column:1;grid-row:1;min-width:0;overflow-wrap:anywhere}#cards small{grid-column:1;grid-row:2;min-width:0;overflow-wrap:anywhere}#cards button[data-dir]{font:inherit;min-height:48px;margin:0;align-self:center}#cards button[data-dir=up]{grid-column:2;grid-row:1 / span 2}#cards button[data-dir=down]{grid-column:3;grid-row:1 / span 2}#cards article>p{grid-column:1 / -1;margin:8px 0 0}@media(max-width:600px){#cards article{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 8px;padding:12px 14px}#cards strong,#cards small{grid-column:1 / -1;grid-row:auto}#cards button[data-dir=up]{grid-column:1;grid-row:auto}#cards button[data-dir=down]{grid-column:2;grid-row:auto}}