:root{color-scheme:dark;--panel:#1c1916;--gold:#e5c275;--border:#554737}
*{box-sizing:border-box}
body{margin:0;background:#11100e;color:#fff6e6;font:16px/1.5 system-ui,sans-serif}
main{max-width:880px;margin:auto;padding:24px 16px 60px}
a{color:var(--gold)}
h1,h2,h3,p{margin:0 0 12px}
h1{font:normal clamp(2rem,7vw,3.25rem)/1.2 Georgia,serif;margin-top:8px}
form,article{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;margin:12px 0}
label{display:block}
input,select,button{font:inherit;color:inherit;background:#141210;border:1px solid var(--border);border-radius:7px;padding:8px;min-height:44px}
input:not([type=checkbox]),select{display:block;width:100%;margin:4px 0 10px}
button{cursor:pointer;border-color:var(--gold);color:var(--gold)}
button:disabled{opacity:.5}
button[type=submit],#new{background:var(--gold);color:#17120a}
input[type=checkbox]{min-height:0;accent-color:var(--gold)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:8px 16px}
.actions,.heading{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.heading{justify-content:space-between;margin-top:20px}
fieldset{border:1px solid var(--border);margin:0 0 12px}
#notice{color:var(--gold);min-height:1.5em}
[hidden]{display:none!important}