/* Jessica's Birthday — styles */
:root{ --ink:#111; --muted:#666; --card:#fafafa; --shadow:0 10px 28px rgba(0,0,0,.08); --r:18px; }
*{ box-sizing:border-box }
body{ margin:0; font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial; color:var(--ink); background:#fff }
.wrap{ max-width:1200px; margin:0 auto; padding:22px }
h1{ font-family:"Baloo 2",system-ui; font-size:clamp(28px,4vw,46px); margin:0 0 6px }
.sub{ margin:0 0 14px; color:var(--muted) }
.uploader{ display:flex; gap:12px; align-items:center; padding:14px; border:2px dashed #e9e9e9; border-radius:16px; background:#fff }
.btn{ appearance:none; border:0; background:#111; color:#fff; padding:10px 14px; border-radius:12px; font-weight:600; box-shadow:var(--shadow); cursor:pointer }
.gallery{ display:grid; gap:14px; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) }
.card{ position:relative; border-radius:var(--r); box-shadow:var(--shadow); overflow:hidden; aspect-ratio:1/1 }
.card img{ width:100%; height:100%; object-fit:cover; display:block }
.cap{ position:absolute; left:10px; right:10px; bottom:10px; color:#fff; font-weight:700; text-shadow:0 2px 8px rgba(0,0,0,.6) }
.muted{ color:var(--muted) }
.lightbox{ position:fixed; inset:0; background:rgba(0,0,0,.75); display:none; align-items:center; justify-content:center; padding:24px; z-index:10 }
.lightbox.open{ display:flex }
.lightbox img{ max-width:min(96vw,1300px); max-height:80vh; border-radius:18px; box-shadow:0 16px 48px rgba(0,0,0,.5) }
.lightbox .close{ position:absolute; top:20px; right:20px }