:root { color-scheme: light; --ink: #241c16; --line: #e4d8c8; --bad: #8d1d1d; --card: #fffaf3; }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.5 "Songti SC", "Source Han Serif SC", serif; color: var(--ink); background: #f6f1e8; }
header { display: flex; gap: 16px; align-items: center; padding: 16px 24px; background: #fff; border-bottom: 1px solid var(--line); }
header strong { font-size: 18px; }
nav { display: flex; gap: 12px; align-items: center; }
nav a { color: var(--ink); }
nav form { margin: 0; }
main { padding: 24px; max-width: 1200px; }
h1 { font-size: 28px; margin: 0 0 16px; }
.alert { background: #f8d0d0; color: var(--bad); padding: 12px 16px; border-radius: 12px; margin-bottom: 16px; font-weight: 700; }
.error { color: var(--bad); }
form.stack, .stack { display: flex; flex-direction: column; gap: 12px; max-width: 520px; }
label { display: flex; flex-direction: column; gap: 4px; }
input, button { font: inherit; }
input { padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
button, a.button { font: inherit; border: 1px solid var(--ink); background: var(--ink); color: #fffaf3; border-radius: 999px; padding: 6px 14px; text-decoration: none; display: inline-block; cursor: pointer; }
table { width: 100%; border-collapse: collapse; background: var(--card); }
th, td { border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; padding: 10px 8px; }
.muted { color: #6d6256; }
.actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.actions form { margin: 0; }
code { font-family: ui-monospace, monospace; }