.gallery-root{width:100%}.gallery-hero-banner{background:linear-gradient(135deg,#132a24,#235347 50%,#1a3f36);border-radius:28px;padding:36px 40px;color:#ffffff;margin-bottom:30px;box-shadow:0 12px 36px rgba(19,42,36,.2);position:relative;overflow:hidden}.gallery-hero-header-flex{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px}.gallery-hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);padding:5px 14px;border-radius:100px;font-size:13px;font-weight:700;color:#a7f3d0;margin-bottom:12px}.gallery-hero-title{font-size:36px;font-weight:900;margin:0 0 6px;color:#ffffff;letter-spacing:-.5px}.gallery-hero-subtitle{font-size:15px;color:rgba(255,255,255,.85);margin:0;max-width:600px}.gallery-hero-stats{display:flex;gap:14px;align-items:center}.hero-stat-pill{background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);padding:10px 18px;border-radius:16px;display:flex;align-items:center;gap:10px}.hero-stat-val{font-size:20px;font-weight:800;color:#fde047}.hero-stat-lbl{font-size:12.5px;color:rgba(255,255,255,.85)}.gallery-controls-box{background:#f8faf9;border:1px solid #e2e8f0;border-radius:20px;padding:18px 22px;margin-bottom:30px;display:flex;flex-direction:column;gap:14px}.gallery-search-wrap{position:relative;width:100%}.gallery-search-input{width:100%;padding:13px 20px 13px 46px;border-radius:100px;border:1px solid #cbd5e1;background:#ffffff;font-size:14.5px;color:#0f172a;outline:none;transition:all .2s ease}.gallery-search-input:focus{border-color:#235347;box-shadow:0 0 0 3px rgba(35,83,71,.15)}.gallery-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:17px;color:#64748b;pointer-events:none}.filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-label{font-size:13px;font-weight:700;color:#334155;margin-right:4px}.filter-pill{padding:7px 15px;border-radius:100px;border:1px solid #cbd5e1;background:#ffffff;color:#475569;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-pill:hover{background:#f1f5f9;color:#0f172a}.filter-pill.active{background:#235347;color:#ffffff;border-color:#235347}.filter-pill.toxic-venomous.active{background:#dc2626;border-color:#dc2626}.filter-pill.toxic-mild.active{background:#d97706;border-color:#d97706}.filter-pill.toxic-harmless.active{background:#059669;border-color:#059669}.flat-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:24px;width:100%}.photo-card{background:#0f172a;border-radius:22px;overflow:hidden;position:relative;box-shadow:0 8px 24px rgba(0,0,0,.12);transition:transform .3s cubic-bezier(.165,.84,.44,1),box-shadow .3s ease;cursor:pointer;height:400px;display:flex;flex-direction:column;justify-content:space-between}.photo-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.25)}.photo-card-bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.25,1,.5,1);z-index:0}.photo-card:hover .photo-card-bg-image{transform:scale(1.08)}.photo-card-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.55),rgba(15,23,42,0) 35%,rgba(15,23,42,.2) 60%,rgba(15,23,42,.95));z-index:1;pointer-events:none}.photo-card-top-overlay{position:relative;z-index:2;padding:16px;display:flex;justify-content:space-between;align-items:center}.photo-author-pill{display:flex;align-items:center;gap:8px;background:rgba(15,23,42,.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:4px 12px 4px 5px;border-radius:100px;color:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,.3)}.photo-author-avatar-sm{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1.5px solid #ffffff}.photo-author-name-sm{font-size:12px;font-weight:700;letter-spacing:.2px}.photo-badges-right{display:flex;gap:6px;align-items:center}.badge-toxic-overlay{padding:5px 12px;border-radius:100px;font-size:11px;font-weight:800;color:#ffffff;backdrop-filter:blur(8px);box-shadow:0 4px 10px rgba(0,0,0,.25);text-transform:uppercase}.badge-toxic-overlay.venomous{background:rgba(220,38,38,.92)}.badge-toxic-overlay.mild{background:rgba(217,119,6,.92)}.badge-toxic-overlay.harmless{background:rgba(16,185,129,.92)}.badge-redlist-overlay{background:rgba(185,28,28,.95);color:#ffffff;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:800}.photo-card-bottom-overlay{position:relative;z-index:2;padding:20px;color:#ffffff;display:flex;flex-direction:column;gap:8px}.photo-card-species-title{font-size:20px;font-weight:900;margin:0;line-height:1.25;color:#ffffff;text-shadow:0 2px 8px rgba(0,0,0,.6)}.photo-card-species-sci{font-size:13.5px;font-style:italic;color:rgba(255,255,255,.85);margin:0}.photo-card-meta-row{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding-top:10px;border-top:1px solid rgba(255,255,255,.15)}.photo-card-upload-tag{font-size:11.5px;font-weight:700;color:#a7f3d0;background:rgba(16,185,129,.2);padding:3px 10px;border-radius:100px;border:1px solid rgba(16,185,129,.3)}.photo-card-credits-sub{font-size:11.5px;color:rgba(255,255,255,.75);font-weight:500}.photo-card-view-details-link{background:rgba(255,255,255,.9);color:#0f172a;font-size:12px;font-weight:800;padding:6px 14px;border-radius:100px;text-decoration:none;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.photo-card-view-details-link:hover{background:#ffffff;transform:scale(1.05)}.infinite-scroll-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 0 20px}.infinite-scroll-spinner{display:flex;align-items:center;gap:12px;background:#f1f5f9;color:#235347;padding:10px 24px;border-radius:100px;font-size:14px;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.04)}.spinner-dot-pulse{width:10px;height:10px;background-color:#235347;border-radius:50%;animation:pulse-ring 1.2s cubic-bezier(.455,.03,.515,.955) infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.4);opacity:1}to{transform:scale(.8);opacity:.5}}.infinite-scroll-end{color:#64748b;font-size:13.5px;font-weight:600;background:#f8faf9;padding:8px 20px;border-radius:100px;border:1px dashed #cbd5e1}.gallery-empty{text-align:center;padding:60px 20px;background:#f8faf9;border-radius:24px;border:2px dashed #cbd5e1;color:#64748b}@media (max-width:768px){.photo-card{height:350px}.flat-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.gallery-hero-title{font-size:26px}}