main{max-width:800px}nav{display:flex;flex-wrap:wrap;gap:12px}section{margin:24px 0}#editor,.post{border:1px solid #bdcfd9;background:#f1f6f8;border-radius:12px;padding:20px;margin-bottom:18px}.post p{white-space:pre-wrap;overflow-wrap:anywhere}textarea{width:100%;font:inherit;padding:12px;line-height:1.8}label{display:block;margin:15px 0 8px}.check{display:flex;gap:8px;align-items:flex-start}input[type=checkbox]{width:20px;height:20px;flex-shrink:0}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions button{width:auto}audio{display:block;width:100%;margin:12px 0}audio[hidden],section[hidden],[hidden]{display:none!important}.badge{display:inline-block;background:#a93832;color:white;padding:4px 9px;border-radius:20px;font-size:13px}.reply{background:white;border-left:3px solid #a58c57;padding:12px;margin:12px 0}.note{font-size:13px;line-height:1.7;color:#5b707c}#record-status.recording{color:#ac3535;font-weight:700}#record-status.recording:before{content:'● ';animation:pulse 1s infinite}dialog{max-width:90vw;border:1px solid #bed0db;border-radius:12px;padding:24px}dialog::backdrop{background:#123a5266}@keyframes pulse{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){#record-status.recording:before{animation:none}}@media(max-width:600px){#editor,.post{padding:14px}button{min-height:44px}.actions button{width:100%}}