:root{font-family:system-ui,-apple-system,sans-serif;color:#17213a;background:#f5f7fc;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:880px;margin:auto;padding:60px 24px}header,.bar,.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:18px}header{padding-bottom:40px}.tag{font-size:12px;font-weight:800;letter-spacing:2px;color:#65728b}h1{font-size:42px;letter-spacing:-2px;margin:12px 0}h1 span{color:#2b50ed}header p,footer,#meta{color:#65728b}button{font:inherit;border:0;border-radius:10px;background:#2b50ed;color:white;padding:13px 20px;cursor:pointer;font-weight:650;white-space:nowrap}button:disabled{opacity:.5;cursor:wait}.secondary{background:#e9edf6;color:#34435e;padding:10px 14px}.bar{border-top:2px solid #17213a;padding:18px 0}h2{font-size:20px;margin:0}#count{color:#2b50ed;margin-left:8px}#posts{display:grid;gap:12px}.post{background:white;border:1px solid #e0e5ef;border-radius:14px;padding:22px;text-align:left;color:#17213a;white-space:normal;width:100%}.post:hover{border-color:#2b50ed}.post strong{display:block;font-size:18px;overflow-wrap:anywhere}.post p{font-weight:400;color:#65728b;margin:10px 0 0;font-size:14px}footer{font-size:14px;line-height:1.8;margin-top:32px}dialog{border:1px solid #dbe1ed;border-radius:20px;max-width:600px;width:calc(100% - 32px);padding:28px;color:inherit}dialog::backdrop{background:#14233c88}.dialog-head{margin-bottom:22px}label{display:block;font-weight:600;margin:16px 0}input,textarea{width:100%;display:block;margin-top:8px;border:1px solid #bec8da;border-radius:8px;padding:12px;font:inherit}textarea{resize:vertical}#body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin:22px 0}#title{overflow-wrap:anywhere;min-width:0}.danger{background:#b32636}#status,#form-status,#detail-status{color:#9d2734;line-height:1.6}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #8ca4ff;outline-offset:3px}@media(max-width:520px){main{padding:32px 18px}h1{font-size:34px}header{padding-bottom:26px}dialog{padding:20px}.post{padding:18px}}