:root{--red:#8d2020;--paper:#f5f1e8;--ink:#27221e;--line:#d8cdbd}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,"Noto Sans SC",sans-serif}header{background:#2f2723;color:white;display:flex;gap:2rem;align-items:center;padding:.8rem 2rem;position:sticky;top:0;z-index:3}header a{color:white;text-decoration:none}header nav{display:flex;gap:1rem;flex:1}.brand{font-size:1.2rem;font-weight:700}main{max-width:1200px;margin:2rem auto;padding:0 1.5rem}h1,h2{font-family:"Noto Serif SC",serif}.card,table{background:#fff;border:1px solid var(--line);border-radius:6px;padding:1.3rem;margin:1rem 0;box-shadow:0 2px 8px #3322110b}.narrow{max-width:460px;margin:4rem auto}label{display:block;font-weight:600;margin:.7rem 0}input,textarea,select{display:block;width:100%;padding:.65rem;border:1px solid #aa9e8e;border-radius:4px;font:inherit;background:white}textarea{min-height:6rem}button,.button{display:inline-block;border:0;border-radius:4px;background:var(--red);color:white;padding:.6rem 1rem;text-decoration:none;font:inherit;cursor:pointer}.secondary{background:#72675c}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.filters{display:flex;gap:.5rem;align-items:end}.filters input{min-width:280px}.filters input,.filters select{display:inline-block;width:auto}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stats a{background:white;padding:1.5rem;text-align:center;color:var(--ink);text-decoration:none;border:1px solid var(--line)}.stats b{display:block;font-size:2rem;color:var(--red)}table{width:100%;border-collapse:collapse;padding:0}th,td{text-align:left;padding:.7rem;border-bottom:1px solid var(--line);vertical-align:top}th{background:#eee6da}.success,.error{padding:.8rem 1rem;border-radius:4px}.success{background:#dff0dc}.error{background:#f8d9d9;color:#761717}.toolbar{background:#ece5da;padding:.4rem}.toolbar button{background:#5e554e;padding:.3rem .6rem}.editor{min-height:420px;background:white;border:1px solid #aa9e8e;padding:1rem;overflow:auto}.editor img{max-width:100%}.revision{padding:.5rem;border-bottom:1px solid var(--line)}.inline{display:inline}.inline button{padding:.2rem .5rem}code{font-size:.85em}@media(max-width:760px){header{align-items:flex-start;flex-wrap:wrap;padding:.7rem 1rem}header nav{order:3;overflow:auto;width:100%}main{padding:0 .7rem;margin:1rem auto}.filters{display:block}.filters>*{margin:.3rem 0}table{display:block;overflow:auto}.editor{min-height:280px}}