: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{margin:.75rem 0;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}button.nav{color:#555;background:0 0;padding:.4rem .6rem}button.nav:hover{background:#f0f0f0}button.secondary{border:1px solid var(--border);color:#222;background:#fff}.muted{color:#666;overflow-wrap:anywhere;font-size:.9rem}.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}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding:.4rem}