:root{--paper:#f3ecdb;--paper-2:#ebe2cd;--ink:#2a2118;--ink-soft:#6a5f4f;--line:#d8ccae;--accent:#bd7327;--danger:#a3402c;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Charter,Georgia,serif;
  --mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;}
@media (prefers-color-scheme:dark){:root{--paper:#17140f;--paper-2:#201b13;--ink:#ece4d3;--ink-soft:#a89a83;--line:#3a3225;--accent:#d69248;--danger:#d9745d;}}
*{box-sizing:border-box;}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 var(--serif);}
main{max-width:44rem;margin:0 auto;padding:1rem 1rem 4rem;}
a{color:inherit;}
.bar{display:flex;justify-content:space-between;align-items:center;max-width:44rem;margin:0 auto;padding:1rem;
  font:.8rem var(--mono);letter-spacing:.1em;text-transform:uppercase;}
.bar form{margin:0;}
h1{font-size:2rem;line-height:1.1;margin:1.5rem 0 .3rem;}
h2{margin-top:2.5rem;}
.meta{font:.72rem var(--mono);letter-spacing:.05em;color:var(--ink-soft);}
.flash{background:var(--paper-2);border-left:3px solid var(--accent);padding:.5rem .8rem;}
.stack{display:grid;gap:.8rem;margin:1.2rem 0;}
label{display:grid;gap:.25rem;}
label.inline{display:flex;gap:.4rem;align-items:center;}
input,textarea,button{font:inherit;color:inherit;}
input:not([type=radio]):not([type=file]),textarea{width:100%;padding:.45rem .6rem;background:var(--paper);border:1px solid var(--line);}
button{padding:.45rem 1rem;background:var(--paper-2);border:1px solid var(--line);cursor:pointer;justify-self:start;}
button.primary{background:var(--accent);border-color:var(--accent);color:#fff;}
button.danger{color:var(--danger);border-color:var(--danger);background:none;}
button.link{border:0;background:none;padding:0;font:inherit;text-transform:inherit;letter-spacing:inherit;}
.albums{list-style:none;padding:0;border-top:1px solid var(--line);}
.albums li{border-bottom:1px solid var(--line);padding:.8rem 0;}
.albums a{display:grid;text-decoration:none;}
.photos{list-style:none;padding:0;display:grid;gap:2rem;}
.photos img{width:100%;height:auto;display:block;}
.danger-zone{margin-top:4rem;border-top:1px solid var(--line);padding-top:1.5rem;}