:root{font-family:'LaTale Thai',system-ui,sans-serif;color:#251846;background:#f7f4ff}body{margin:0}main{max-width:1100px;margin:auto;padding:24px}header,footer,.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between}a{color:#9f1239;text-decoration:underline}button,input,textarea{font:inherit}button{padding:9px 14px;border:1px solid #cbbce8;border-radius:8px;background:white;color:#493479;cursor:pointer}button[aria-pressed=true]{background:#6549aa;color:white}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #9f1239;outline-offset:2px}.toolbar{justify-content:flex-start;padding:16px;background:white;border-radius:12px}.toolbar input[type=search]{padding:9px;min-width:150px;max-width:100%}progress{width:100%;height:20px;accent-color:#6549aa}#groups{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}details{background:white;border:1px solid #ddd0f4;border-radius:12px;margin:14px 0}summary{padding:16px;cursor:pointer;font-weight:700}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:16px}.item{display:flex;gap:10px;padding:12px;border-radius:8px;background:#f7f4ff;align-items:flex-start;overflow-wrap:anywhere}.item.checked{background:#edf8ed}.item input{width:20px;height:20px;flex-shrink:0}.original{display:block;color:#746782;font-size:.85em;margin-top:5px}.save{background:white;padding:20px;border-radius:12px;margin:24px 0}textarea{display:block;width:100%;box-sizing:border-box;margin:10px 0;overflow-wrap:anywhere}footer{font-size:.9em;padding:20px 0}#caveat{font-size:.9em;color:#725262}#saveStatus{color:#9f1239}@media(max-width:750px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){main{padding:14px}.grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}button{min-height:44px}}