*{box-sizing:border-box}body{margin:0;background:#faf9f6;color:#242a35;font:16px/1.6 system-ui,sans-serif}main{max-width:900px;margin:auto;padding:12px}h2,h3{line-height:1.3}label{display:block;margin:12px 0;font-weight:600}input,textarea{display:block;width:100%;background:#fff;color:#202630;border:1px solid #8e929e;border-radius:8px;padding:12px;font:inherit}textarea{resize:vertical}input:focus,textarea:focus{outline:3px solid #7552ad;outline-offset:2px}button{background:#59358e;color:white;border:1px solid #59358e;border-radius:8px;padding:10px 14px;min-height:44px;font:inherit;margin:4px 6px 4px 0;cursor:pointer}button:disabled{opacity:.5;cursor:wait}article{padding:16px 0;border-bottom:1px solid #d8d7da}article p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}small{color:#535969}#comment-form{margin-top:24px;border-top:1px solid #d8d7da;padding-top:12px}#error,#delete-error{color:#9b1c2d}.trap{position:absolute;left:-10000px}dialog{max-width:min(480px,95vw);border:1px solid #aaa;border-radius:12px;padding:20px}dialog::backdrop{background:#20233380}button:focus-visible,a:focus-visible{outline:3px solid #7552ad;outline-offset:3px}