:root{color:#1a1a1a;background:#f6f4ef;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}#root{max-width:40rem;margin:0 auto;padding:2rem 1.25rem 4rem}h1{align-items:center;gap:.5rem;margin:0;font-size:1.75rem;font-weight:650;display:flex}.flag{object-fit:cover;border-radius:4px;width:auto;height:2.1em;box-shadow:0 0 0 1px #0002}header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.langs{gap:.25rem;display:flex}.langs button{color:#1a1a1a;background:#fff;border-color:#ccc;margin:0;padding:.25rem .55rem}.langs button.on{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.lead{color:#555;margin:0 0 1.5rem}form{gap:.85rem;display:grid}.cats{border:0;grid-template-columns:1fr 1fr;gap:.5rem;margin:0;padding:0;display:grid}.cats legend{margin-bottom:.35rem;padding:0;font-size:.9rem}.cat{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;gap:.2rem;padding:.7rem .75rem;display:grid;position:relative}.cat-pic{object-fit:cover;pointer-events:none;border-radius:8px;width:3.4rem;height:3.4rem}.cat input{opacity:0;cursor:pointer;background:0 0;border:0;width:auto;height:auto;margin:0;padding:0;position:absolute;inset:0}.cat span{font-weight:600}.cat small{color:#555;font-size:.8rem}.cat.on{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.cat.on small{color:#ccc}.cat.manual{grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center;column-gap:.7rem}.cat.manual .cat-pic{grid-row:1/3}@media (width<=32rem){.cats{grid-template-columns:1fr}}label{gap:.35rem;font-size:.9rem;display:grid}input,select,textarea,button{font:inherit;background:#fff;border:1px solid #ccc;border-radius:6px;padding:.55rem .7rem}textarea.topic{resize:none;white-space:pre-wrap;height:calc(9em + 1.1rem);min-height:calc(7.5em + 1.1rem);max-height:calc(10.5em + 1.1rem);line-height:1.5;overflow-y:auto}select:disabled{opacity:.5;cursor:default}.check{align-items:center;gap:.5rem;display:flex}.check input{width:auto;padding:0}button{cursor:pointer;color:#fff;background:#1a1a1a;border-color:#1a1a1a;margin-top:.25rem}button:disabled{opacity:.6;cursor:default}.error{color:#a40000}article{margin-top:2rem}article h2{margin:0 0 .75rem;font-size:1.25rem}.text{white-space:pre-wrap;line-height:1.55}footer{color:#888;margin-top:3rem;font-size:.8rem}footer p{margin:0}footer p+p{margin-top:.2rem}footer a{color:inherit}