.moments-intro{text-align:center;padding:75px 6% 55px;background:radial-gradient(ellipse at top,#e7eddd,transparent 70%)}.moments-intro h1{font-size:clamp(3rem,6vw,5.4rem)}.moments-intro p{max-width:630px;margin:24px auto 0;color:#61705d;font-size:18px}.album-section{padding:0 6% 75px;min-height:500px}.album-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0 30px;border-top:1px solid #d0d6c6}#albumFilters{display:flex;gap:10px;flex-wrap:wrap}#albumFilters button{padding:9px 21px;border:1px solid #c7ceba;border-radius:30px;background:transparent;font-size:15px}#albumFilters button[aria-pressed=true]{background:#254e34;color:white;border-color:#254e34}#photoCount{font-size:14px;color:#6d795e;white-space:nowrap}.moment-grid{columns:3;column-gap:22px}.moment-card{break-inside:avoid;display:inline-block;width:100%;margin:0 0 22px;border:1px solid #e1e1d5;background:#fffdf7;border-radius:5px;overflow:hidden}.moment-card button{display:block;width:100%;padding:0;background:none;overflow:hidden}.moment-card img{width:100%;display:block;height:auto;max-height:550px;object-fit:cover;transition:transform .4s}.moment-card button:hover img{transform:scale(1.025)}.moment-meta{padding:14px 20px;font-size:15px;display:flex;align-items:start;justify-content:space-between;gap:12px}.moment-meta small{display:block;color:#76816e;font-size:13px;margin-top:4px}.moment-meta>a{font-family:Arial;font-size:14px}.load-more{display:block;margin:30px auto 0}.album-footer{display:flex;justify-content:space-between;gap:25px;padding:35px 6%;font-size:15px}.photo-stage{display:flex;align-items:center;gap:12px}.photo-stage>button{font-size:40px;background:none;min-width:40px;color:#254e34}.photo-stage img{max-height:73svh;max-width:calc(88vw - 110px);object-fit:contain}.photo-details{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding:15px 30px 5px;font-size:14px}.photo-details p{padding:0}.photo-details>a{border-bottom:1px solid #9b885d}.close-photo{position:absolute;inset-inline-end:18px;top:18px;border-radius:50%;height:40px;width:40px;font-size:30px;background:#fff;box-shadow:0 2px 10px #0003}.admin-section{max-width:1100px;margin:auto;padding:50px 5%}.admin-section h1{font-size:40px;margin-bottom:25px}.admin-panel{border:1px solid #d3d9c9;background:#fffdf7;padding:25px;margin:24px 0;border-radius:5px}.admin-panel h2{font-size:25px;margin-bottom:15px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.admin-grid article{border:1px solid #d2d8c6;padding:12px}.admin-grid img{height:150px;width:100%;object-fit:cover}.admin-grid button{background:#804c39;color:white;padding:7px 12px;margin-top:10px}.admin-message{font-size:15px;padding:12px 0;color:#6c704c}.admin-row{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.admin-row input[type=checkbox]{width:20px;min-height:20px}.admin-panel .form-grid{margin-bottom:20px}.admin-help{font-size:15px;color:#68765f}#uploadPreview{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}#uploadPreview img{width:100px;height:100px;object-fit:cover}.admin-grid input{margin:6px 0}.empty-panel{padding:30px;background:#eeeee2;border:1px solid #cdd3c0}
@media(max-width:760px){header .back-link{font-size:13px;max-width:100px}.moments-intro{padding:45px 6% 35px}.moments-intro h1{font-size:3rem}.moments-intro p{font-size:16px}.album-toolbar{display:block}#albumFilters{gap:7px}#albumFilters button{font-size:13px;padding:8px 12px}#photoCount{display:block;margin-top:18px}.moment-grid{columns:2;column-gap:12px}.moment-card{margin-bottom:12px}.moment-meta{padding:10px;font-size:13px}.moment-meta small{font-size:12px}.moment-meta>a{display:none}.album-footer{flex-direction:column;padding-bottom:35px}.photo-stage{gap:0}.photo-stage>button{min-width:30px;font-size:30px}.photo-stage img{max-width:calc(90vw - 85px)}.photo-details{padding:10px;font-size:13px;gap:12px}.admin-grid{grid-template-columns:1fr 1fr}.admin-panel{padding:18px}.admin-grid img{height:120px}}
@media(max-width:760px){#albumFilters button,.moment-meta{font-size:14px}.moments-intro h1{overflow-wrap:anywhere}.admin-section h1{font-size:32px}}