:root{--deep-olive: #636454;--olive: #7f8873;--blue-sage: #99a49c;--stone: #dad2c8;--taupe: #b6aca4;--espresso: #5c564f;--cream: #faf1e6;--ink: #5c564f;--paper: #faf1e6;--line: #dad2c8;--muted: #7a736b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-height:100%}body{background:var(--cream);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;margin:0;min-height:100%;min-width:320px}button,input,textarea{font:inherit}button{align-items:center;background:var(--deep-olive);border:0;border-radius:8px;box-shadow:0 10px 24px #5c564f2e;color:#fff;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:48px;padding:0 18px}button:disabled{cursor:wait;opacity:.65}input,textarea{background:var(--paper);border:1px solid var(--line);border-radius:8px;color:var(--ink);outline:0;padding:14px 15px;width:100%}input:focus,textarea:focus{border-color:var(--blue-sage);box-shadow:0 0 0 3px #99a49c33}textarea{min-height:88px;resize:vertical}main{margin:0 auto;max-width:1140px;padding:18px}.hero{align-items:end;background:linear-gradient(90deg,#5c564fc7,#5c564f80,#faf1e61f),url(https://images.unsplash.com/photo-1523438885200-e635ba2c371e?auto=format&fit=crop&w=1800&q=82);background-position:center 46%;background-size:cover;border-radius:8px;box-shadow:0 24px 60px #5c564f33;color:#fff;display:flex;justify-content:space-between;min-height:330px;overflow:hidden;padding:30px}.hero-copy{max-width:760px}.eyebrow{align-items:center;background:#ffffff26;border:1px solid rgba(255,255,255,.26);border-radius:999px;display:inline-flex;font-size:.82rem;font-weight:800;gap:7px;padding:7px 11px}.hero h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,8vw,92px);font-weight:500;line-height:.95;margin:8px 0 14px}.date,.subcopy{margin:0}.date{color:var(--cream);font-size:1rem;font-weight:900;margin-top:18px;text-transform:uppercase}.subcopy{color:#ffffffe6;font-size:1.04rem;line-height:1.5;max-width:480px}.ghost{background:#ffffffeb;box-shadow:none;color:var(--espresso);flex:0 0 auto}.panel{background:#faf1e6f2;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 36px #5c564f1a;margin:16px 0;padding:18px}.upload-panel{background:linear-gradient(135deg,#faf1e6f5,#dad2c8db),radial-gradient(circle at top right,rgba(153,164,156,.28),transparent 16rem)}.panel h2{font-size:1.35rem;margin:0 0 6px}.panel-copy{color:var(--muted);line-height:1.45;margin:0 0 12px}.login,.join-panel,.upload-panel{display:grid;gap:12px}.actions,.adminbar,.modbar{display:flex;gap:10px}.actions button{flex:1;min-height:58px;flex-direction:row;gap:8px;letter-spacing:0}.actions button:first-child{background:var(--olive);color:#fff}.actions button:nth-child(2){background:var(--blue-sage);color:#fff}.actions button svg{height:20px;width:20px}.secondary{background:var(--stone);box-shadow:none;color:var(--espresso)}.pending-preview{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.pending-preview img{aspect-ratio:1;background:var(--stone);border-radius:8px;object-fit:cover;width:100%}.pending-preview img:only-child{aspect-ratio:4 / 3;max-height:360px}.upload-state,.message,.empty{align-items:center;color:var(--muted);display:flex;gap:8px;margin-top:10px}.message{background:var(--cream);border:1px solid var(--stone);border-radius:8px;color:var(--espresso);font-weight:700;padding:12px 14px}.section-heading{align-items:end;color:var(--espresso);display:flex;justify-content:space-between;margin:24px 0 12px}.section-heading span{font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,5vw,44px)}.section-heading strong{color:var(--muted);font-size:.95rem}.gallery{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:44px}.gallery-empty{display:grid;min-height:160px;place-items:center}.gallery-empty .empty{justify-content:center;margin:0;padding:18px 0;text-align:center;width:min(100%,420px)}.photo{background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 30px #5c564f1c;overflow:hidden}.photo.muted{opacity:.55}.photo-open{background:transparent;border-radius:0;box-shadow:none;display:block;min-height:0;padding:0;position:relative;width:100%}.photo-open img{aspect-ratio:1;background:var(--stone);display:block;height:100%;object-fit:cover;width:100%}.photo-open span{background:linear-gradient(180deg,transparent,rgba(92,86,79,.58));bottom:0;color:#ffffffd1;font-size:.82rem;font-weight:700;left:0;overflow:hidden;padding:22px 9px 8px;position:absolute;right:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.photo-meta{align-items:start;display:flex;gap:12px;justify-content:space-between;padding:13px}.photo-meta strong{color:var(--espresso)}.photo-meta p{color:var(--muted);line-height:1.4;margin:4px 0 0;overflow-wrap:anywhere}.icon-button{background:var(--stone);box-shadow:none;color:var(--espresso);min-height:40px;padding:0 11px}.icon-button.liked{background:var(--deep-olive);color:#fff;opacity:1}.modbar{border-top:1px solid var(--line);padding:10px}.modbar button{box-shadow:none;flex:1;min-height:42px}.danger{background:#8e2d2d}.adminbar{align-items:center;justify-content:space-between}.lightbox{background:#050706;display:grid;top:0;right:0;bottom:0;left:0;place-items:center;padding:0;position:fixed;z-index:20}.lightbox-content{align-items:center;display:grid;height:100dvh;justify-items:center;max-height:none;max-width:none;overflow:hidden;position:relative;width:100vw}.lightbox-content img{background:#050706;display:block;max-height:100dvh;max-width:100vw;object-fit:contain;width:auto}.lightbox-close{background:#0507068a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);border-radius:999px;box-shadow:none;color:#fff;min-height:40px;padding:0 14px;position:absolute;right:14px;top:max(14px,env(safe-area-inset-top));z-index:1}.lightbox-meta{align-items:start;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72) 28%,rgba(0,0,0,.9));bottom:0;color:#fff;display:flex;gap:14px;justify-content:space-between;left:0;padding:72px 18px max(18px,env(safe-area-inset-bottom));position:absolute;right:0}.lightbox-meta p{color:#ffffffc7;display:-webkit-box;line-height:1.35;margin:6px 0 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.lightbox-meta p.expanded{display:block;overflow:visible;-webkit-line-clamp:unset}.caption-toggle{background:transparent;box-shadow:none;color:#ffffffeb;font-size:.92rem;font-weight:800;justify-content:flex-start;min-height:28px;padding:0}.lightbox-actions{align-items:flex-end;display:flex;flex:0 0 auto;gap:6px}.lightbox-like{background:#ffffff1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);box-shadow:none;color:#fff;flex:0 0 auto;gap:5px;min-height:34px;min-width:34px;padding:0 9px}.lightbox-like.liked{background:#ffffffeb;color:var(--espresso)}@media (max-width: 820px){main{padding:10px}.hero{align-items:start;flex-direction:column;min-height:310px;padding:22px}.gallery{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 520px){.hero{min-height:360px}.hero h1{font-size:52px}.actions,.adminbar{flex-direction:column}.section-heading{align-items:start;flex-direction:column;gap:2px}.photo-open span{font-size:.72rem;padding:18px 7px 7px}.lightbox-meta{flex-direction:column}.lightbox-actions{align-items:stretch}.lightbox-actions .lightbox-like{flex:0 0 auto}}