:root{
  --paper:#efe9de;
  --ink:#241f1a;
  --rust:#a5502b;
  --line:#c9bfa9;
  --err:#a5302b;
}
*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:'Iowan Old Style','Georgia',serif;
  min-height:100vh;
}
a{color:var(--rust);}

.top-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  max-width:900px;
  margin:0 auto;
  padding:28px 24px 0;
}
.top-bar .brand{
  font-size:20px;
  text-decoration:none;
  color:var(--ink);
}
.top-bar .user-info{
  font-family:'Courier New',monospace;
  font-size:12.5px;
  color:#6c6252;
  display:flex;
  align-items:center;
  gap:14px;
}
.top-bar form{ margin:0; }
.top-bar .user-info a{
  text-decoration:none;
  color:#6c6252;
}
.top-bar .user-info a:hover{ color:var(--rust); }
.top-bar .user-info a.nav-cta{
  background:var(--ink);
  color:var(--paper);
  padding:8px 16px;
  border-radius:2px;
}
.top-bar .user-info a.nav-cta:hover{ background:var(--rust); }

.landing-hero{
  max-width:740px;
  margin:0 auto;
  padding:64px 24px 20px;
  text-align:left;
}
.landing-hero .cta-row{
  display:flex;
  gap:14px;
  margin-top:28px;
  flex-wrap:wrap;
}
.btn-cta{
  display:inline-block;
  padding:13px 26px;
  background:var(--ink);
  color:var(--paper);
  text-decoration:none;
  font-family:'Courier New',monospace;
  font-size:13.5px;
  border-radius:2px;
}
.btn-cta:hover{ background:var(--rust); }
.btn-cta-outline{
  display:inline-block;
  padding:13px 26px;
  background:transparent;
  color:var(--ink);
  border:1.5px solid var(--line);
  text-decoration:none;
  font-family:'Courier New',monospace;
  font-size:13.5px;
  border-radius:2px;
}
.btn-cta-outline:hover{ border-color:var(--rust); color:var(--rust); }

.landing-main{
  max-width:900px;
  margin:0 auto;
  padding:36px 24px 90px;
}
.feature-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:24px;
}
.feature-card{
  border-top:1.5px solid var(--line);
  padding-top:18px;
}
.feature-card .feature-num{
  font-family:'Courier New',monospace;
  font-size:12px;
  color:var(--rust);
  margin:0 0 10px;
}
.feature-card h3{
  font-weight:400;
  font-size:19px;
  margin:0 0 8px;
}
.feature-card p{
  font-size:14.5px;
  line-height:1.5;
  color:#4a4238;
  margin:0;
}

.faq-section{
  margin-top:60px;
  padding-top:40px;
  border-top:1px solid var(--line);
}
.faq-section h2{
  font-weight:400;
  font-size:26px;
  margin:0 0 20px;
}
.faq-item{
  border-bottom:1px solid var(--line);
  padding:16px 0;
}
.faq-item summary{
  cursor:pointer;
  font-size:15.5px;
  list-style:none;
  position:relative;
  padding-right:24px;
}
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item summary::after{
  content:'+';
  position:absolute;
  right:0;
  top:0;
  color:var(--rust);
  font-family:'Courier New',monospace;
}
.faq-item[open] summary::after{ content:'−'; }
.faq-item p{
  margin:12px 0 0;
  font-size:14.5px;
  line-height:1.55;
  color:#4a4238;
}
.faq-item p a{ color:var(--rust); }

.contact-cta{
  margin-top:60px;
  padding:40px 32px;
  text-align:center;
  background:#faf7f0;
  border:1.5px solid var(--line);
}
.contact-cta h2{
  font-weight:400;
  font-size:26px;
  margin:0 0 10px;
}
.contact-cta p{
  font-size:15px;
  color:#4a4238;
  max-width:48ch;
  margin:0 auto 22px;
}
.contact-cta .btn-cta{ display:inline-block; width:auto; }

.landing-footer{
  max-width:900px;
  margin:60px auto 0;
  padding:40px 24px 50px;
  border-top:1px solid var(--line);
}
.footer-grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:24px;
  margin-bottom:32px;
}
.footer-brand{
  font-family:'Iowan Old Style','Georgia',serif;
  font-size:19px;
  margin:0 0 6px;
}
.footer-tagline{
  font-size:13.5px;
  color:#8a7f6c;
  margin:0;
  max-width:32ch;
}
.footer-heading{
  font-family:'Courier New',monospace;
  font-size:12px;
  color:#8a7f6c;
  margin:0 0 10px;
  text-transform:uppercase;
  letter-spacing:0.03em;
}
.footer-col a{
  display:block;
  font-size:14px;
  color:var(--ink);
  text-decoration:none;
  margin-bottom:8px;
}
.footer-col a:hover{ color:var(--rust); text-decoration:underline; }
.footer-bottom{
  border-top:1px solid var(--line);
  padding-top:20px;
  font-family:'Courier New',monospace;
  font-size:12px;
  color:#a99f8c;
}
@media (max-width:640px){
  .footer-grid{ grid-template-columns:1fr 1fr; }
}

.legal-page{
  max-width:720px;
  margin:0 auto;
  padding:48px 24px 80px;
}
.legal-page h1{
  font-size:32px;
  margin:0 0 8px;
}
.legal-page .legal-updated{
  font-family:'Courier New',monospace;
  font-size:12px;
  color:#8a7f6c;
  margin:0 0 32px;
}
.legal-page h2{
  font-weight:400;
  font-size:20px;
  margin:36px 0 12px;
}
.legal-page p, .legal-page li{
  font-size:15px;
  line-height:1.65;
  color:#4a4238;
}
.legal-page ul{ padding-left:20px; }
.legal-page a{ color:var(--rust); }
.legal-page .legal-note{
  background:#faf7f0;
  border:1px solid var(--line);
  padding:16px 18px;
  font-size:13.5px;
  color:#6c6252;
  margin-bottom:32px;
}
.top-bar button.linklike{
  font-family:'Courier New',monospace;
  font-size:12.5px;
  background:none;
  border:none;
  color:var(--rust);
  cursor:pointer;
  padding:0;
}
.top-bar button.linklike:hover{ text-decoration:underline; }

header.hero{
  padding:36px 24px 24px;
  max-width:900px;
  margin:0 auto;
}
.kicker{
  font-family:'Courier New',monospace;
  font-size:13px;
  color:var(--rust);
  margin:0 0 6px;
}
h1{
  font-size:clamp(30px,5vw,48px);
  font-weight:400;
  line-height:1.05;
  margin:0 0 14px;
  letter-spacing:-0.01em;
}
p.lede{
  font-size:16.5px;
  line-height:1.55;
  max-width:56ch;
  color:#4a4238;
  margin:0;
}

.auth-wrap{
  max-width:420px;
  margin:60px auto;
  padding:0 24px;
}
.auth-card{
  border:1.5px solid var(--line);
  padding:36px 32px;
  background:#faf7f0;
}
.auth-card h1{ font-size:28px; margin-bottom:6px; }
.auth-card p.sub{
  font-family:'Courier New',monospace;
  font-size:12.5px;
  color:#8a7f6c;
  margin:0 0 26px;
}
label{
  display:block;
  font-family:'Courier New',monospace;
  font-size:12px;
  color:#6c6252;
  margin-bottom:6px;
}
input[type="text"], input[type="email"], input[type="password"]{
  width:100%;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:2px;
  background:#fff;
  font-family:inherit;
  font-size:14.5px;
  margin-bottom:18px;
}
input:focus{ outline:none; border-color:var(--rust); }

.btn{
  display:inline-block;
  padding:11px 22px;
  background:var(--ink);
  color:var(--paper);
  font-family:'Courier New',monospace;
  font-size:13px;
  border:none;
  border-radius:2px;
  cursor:pointer;
  width:100%;
  text-align:center;
}
.btn:hover{ background:var(--rust); }

.switch-line{
  margin-top:20px;
  font-size:14px;
  color:#4a4238;
}

.alert{
  font-family:'Courier New',monospace;
  font-size:12.5px;
  padding:10px 14px;
  border-radius:2px;
  margin-bottom:18px;
}
.alert.error{ background:#f6dedb; color:var(--err); border:1px solid #e3b3ab; }
.alert.success{ background:#e4ecd9; color:#3f5a2b; border:1px solid #bcd2a4; }

main.dash{
  max-width:900px;
  margin:0 auto;
  padding:0 24px 80px;
}

#dropzone{
  margin-top:16px;
  border:1.5px solid var(--line);
  border-radius:2px;
  padding:50px 24px;
  text-align:center;
  cursor:pointer;
  position:relative;
  background:repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(165,80,43,0.02) 10px, rgba(165,80,43,0.02) 20px);
  transition:border-color .2s ease, background .2s ease;
}
#dropzone.drag{ border-color:var(--rust); background:rgba(165,80,43,0.05); }
#dropzone .instr{ font-size:17px; margin:0 0 6px; }
#dropzone .sub-txt{ font-family:'Courier New',monospace; font-size:12px; color:#8a7f6c; margin:0; }
#fileInput{ display:none; }
.browse-btn{
  display:inline-block;
  margin-top:16px;
  padding:9px 20px;
  background:var(--ink);
  color:var(--paper);
  font-family:'Courier New',monospace;
  font-size:13px;
  border-radius:2px;
  cursor:pointer;
  user-select:none;
}
.browse-btn:hover{ background:var(--rust); }
#fileNames{
  font-family:'Courier New',monospace;
  font-size:11.5px;
  color:#8a7f6c;
  margin-top:10px;
  min-height:14px;
}
#uploadForm .submit-row{ margin-top:14px; display:none; }
#uploadForm .submit-row .btn{ width:auto; padding:10px 26px; }

.tray-label{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  margin:44px 0 16px;
  border-bottom:1px solid var(--line);
  padding-bottom:10px;
}
.tray-label h2{ font-weight:400; font-size:20px; margin:0; }
.tray-label span{ font-family:'Courier New',monospace; font-size:12px; color:#8a7f6c; }

#gallery{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:18px;
}
.card{
  background:#fff;
  padding:10px 10px 14px;
  box-shadow:0 1px 0 rgba(0,0,0,0.05), 0 6px 14px rgba(36,31,26,0.08);
  transform:rotate(var(--r,0deg));
  transition:transform .15s ease;
}
.card:nth-child(3n+1){--r:-1.1deg;}
.card:nth-child(3n+2){--r:0.6deg;}
.card:nth-child(3n+3){--r:-0.4deg;}
.card:hover{ transform:rotate(0deg) translateY(-2px); }
.card img{ width:100%; aspect-ratio:1/1; object-fit:cover; display:block; background:#eee; }
.card .meta{ display:flex; justify-content:space-between; align-items:center; margin-top:8px; gap:8px; }
.card .name{ font-family:'Courier New',monospace; font-size:11px; color:#8a7f6c; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.card .card-actions{ display:flex; align-items:center; gap:10px; flex-shrink:0; }
.card form{ margin:0; }
.card button.del{ border:none; background:none; font-family:'Courier New',monospace; font-size:11px; color:var(--rust); cursor:pointer; padding:0; }
.card button.del:hover{ text-decoration:underline; }
.card button.copy-link{ border:none; background:none; font-family:'Courier New',monospace; font-size:11px; color:#4a4238; cursor:pointer; padding:0; }
.card button.copy-link:hover{ text-decoration:underline; }

#empty{ padding:40px 0; text-align:center; color:#a99f8c; font-size:14.5px; font-style:italic; }

.stat-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:18px;
  margin-top:16px;
  margin-bottom:20px;
}
.stat-card{
  border:1.5px solid var(--line);
  padding:22px;
  text-align:center;
  background:#faf7f0;
}
.stat-num{
  font-size:32px;
  margin:0 0 6px;
}
.stat-label{
  font-family:'Courier New',monospace;
  font-size:11.5px;
  color:#8a7f6c;
  margin:0;
}
.admin-table{
  width:100%;
  border-collapse:collapse;
  font-size:14px;
}
.admin-table th, .admin-table td{
  text-align:left;
  padding:10px 12px;
  border-bottom:1px solid var(--line);
}
.admin-table th{
  font-family:'Courier New',monospace;
  font-size:11.5px;
  color:#8a7f6c;
  text-transform:uppercase;
  letter-spacing:0.03em;
}

.card img.thumb{ cursor:zoom-in; }

#lightbox{
  position:fixed;
  inset:0;
  background:rgba(20,16,12,0.92);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:1000;
  padding:40px;
  cursor:zoom-out;
}
#lightbox.open{ display:flex; }
#lightbox img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  box-shadow:0 10px 40px rgba(0,0,0,0.5);
  cursor:default;
}
#lightboxClose{
  position:fixed;
  top:20px;
  right:24px;
  background:none;
  border:none;
  color:var(--paper);
  font-size:36px;
  line-height:1;
  cursor:pointer;
  padding:8px;
}
#lightboxClose:hover{ color:var(--rust); }