
#legacyDogsApp{--ld-green:#45a64a;--ld-muted:#66736b;--ld-line:#e5e9e6;--ld-soft:#f5f7f5;width:100%;color:inherit;font:inherit}
#legacyDogsApp *{box-sizing:border-box}
#legacyDogsApp button,#legacyDogsApp input{font:inherit}
.ld-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 18px}
.ld-search{flex:1 1 280px;min-width:0;height:46px;padding:0 18px;border:1px solid var(--ld-line);border-radius:999px;background:#fff;color:inherit}
.ld-filter{min-height:42px;padding:9px 15px;border:1px solid var(--ld-line);border-radius:999px;background:#fff;cursor:pointer}
.ld-filter.is-active{background:var(--ld-green);border-color:var(--ld-green);color:#fff}
.ld-count{margin:0 0 22px;color:var(--ld-muted);font-size:14px}
.ld-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ld-card{overflow:hidden;border:1px solid var(--ld-line);border-radius:16px;background:#fff}
.ld-card-image{display:block;width:100%;aspect-ratio:4/3;padding:0;border:0;background:var(--ld-soft);overflow:hidden;cursor:pointer}
.ld-card-image img{width:100%;height:100%;display:block;object-fit:cover}
.ld-card-body{padding:18px}
.ld-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.ld-card-title{margin:0;font-size:24px;line-height:1.1}
.ld-badge{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:var(--ld-soft);font-size:12px}
.ld-card-meta{min-height:22px;margin:10px 0 15px;color:var(--ld-muted);font-size:14px}
.ld-view,.ld-back{border:0;padding:0;background:transparent;color:var(--ld-green);cursor:pointer}
.ld-back{margin:0 0 24px}
.ld-profile h2{margin:0;font-size:clamp(36px,5vw,64px);line-height:1.05}
.ld-profile-meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 28px}
.ld-profile-meta span{padding:7px 11px;border-radius:999px;background:var(--ld-soft);font-size:14px}
.ld-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 34px}
.ld-gallery button{border:0;padding:0;background:var(--ld-soft);cursor:zoom-in;overflow:hidden;border-radius:12px}
.ld-gallery button:first-child{grid-column:1/-1}
.ld-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.ld-gallery button:first-child img{aspect-ratio:16/8}
.ld-description{max-width:820px;font-size:17px;line-height:1.65}
.ld-description img{max-width:100%;height:auto}
.ld-lightbox{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.9)}
.ld-lightbox.is-open{display:flex}
.ld-lightbox img{max-width:94vw;max-height:90vh;width:auto;height:auto;object-fit:contain}
.ld-lightbox button{position:fixed;z-index:2;border:0;background:rgba(255,255,255,.95);cursor:pointer;display:grid;place-items:center}
.ld-lightbox-close{top:18px;right:18px;width:44px;height:44px;border-radius:50%;font-size:28px}
.ld-lightbox-prev,.ld-lightbox-next{top:50%;transform:translateY(-50%);width:44px;height:54px;border-radius:10px;font-size:28px}
.ld-lightbox-prev{left:16px}.ld-lightbox-next{right:16px}
@media(max-width:900px){.ld-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ld-grid{grid-template-columns:1fr;gap:18px}.ld-search{flex-basis:100%}.ld-filter{flex:1 1 auto}.ld-gallery{grid-template-columns:1fr}.ld-gallery button:first-child{grid-column:auto}.ld-gallery button:first-child img{aspect-ratio:4/3}}
