:root { --bg:#f4f5f7; --card:#fff; --text:#1d2330; --muted:#6b7280; --accent:#2f5bea; --border:#e2e5ea; --danger:#c62828; --ok:#1b7f3b; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#14171d; --card:#1d222b; --text:#e6e8ec; --muted:#9aa3b2; --accent:#6c8cff; --border:#2d3440; --danger:#ff6b6b; --ok:#5ad17f; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif; }
header { display:flex; justify-content:space-between; align-items:center; padding:12px 20px; background:var(--card); border-bottom:1px solid var(--border); }
.brand { font-weight:700; font-size:1.15rem; color:var(--text); text-decoration:none; }
nav { display:flex; gap:16px; align-items:center; }
nav .who { color:var(--muted); }
main { max-width:900px; margin:24px auto; padding:0 16px; }
a { color:var(--accent); }
h1 { margin:0 0 16px; } h2 { margin-top:0; }
.card { background:var(--card); border:1px solid var(--border); border-radius:10px; padding:18px; margin-bottom:18px; }
.card.narrow { max-width:420px; margin:60px auto; }
label { display:block; margin-bottom:12px; font-weight:500; }
input, textarea { display:block; width:100%; margin-top:4px; padding:9px 10px; border:1px solid var(--border); border-radius:6px; background:var(--bg); color:var(--text); font:inherit; }
button { padding:9px 16px; border:0; border-radius:6px; background:var(--accent); color:#fff; font:inherit; cursor:pointer; }
button.link { background:none; color:var(--muted); padding:0; font-size:.9rem; }
button.danger:hover { color:var(--danger); }
table { width:100%; border-collapse:collapse; }
th, td { text-align:left; padding:8px 6px; border-bottom:1px solid var(--border); vertical-align:top; }
th { color:var(--muted); font-weight:600; font-size:.9rem; }
.muted { color:var(--muted); }
.error { color:var(--danger); } .ok { color:var(--ok); }
.post .meta { color:var(--muted); font-size:.9rem; margin-bottom:8px; }
.post .body { word-wrap:break-word; }
@media (max-width:600px) { th:nth-child(4), td:nth-child(4), th:nth-child(5), td:nth-child(5) { display:none; } }