:root{--accent:#f5b700;--border:#e3e3e3;color:#222;font-family:system-ui,sans-serif}body{background:#fafafa;margin:0}main{max-width:600px;margin:0 auto;padding:1rem}header{border-bottom:3px solid var(--accent);justify-content:space-between;align-items:center;display:flex}header div{align-items:center;gap:.75rem;display:flex}h1{font-size:1.4rem}form{flex-direction:column;gap:.5rem;margin:1rem 0;display:flex}input,textarea{font:inherit;border:1px solid var(--border);resize:vertical;border-radius:6px;padding:.5rem}button{font:inherit;background:var(--accent);cursor:pointer;border:0;border-radius:6px;padding:.4rem .9rem}button:disabled{opacity:.5;cursor:default}button.link{color:#555;background:0 0;align-self:flex-start;padding:.2rem 0;text-decoration:underline}.row{justify-content:space-between;align-items:center;display:flex}.error{color:#c00;margin:0}article{border:1px solid var(--border);background:#fff;border-radius:8px;margin:.75rem 0;padding:.75rem 1rem}.meta{color:#666;justify-content:space-between;gap:1rem;font-size:.85rem;display:flex}.body{white-space:pre-wrap;overflow-wrap:anywhere;margin:.5rem 0}