.animal-cards{display:none}.animal-profile{display:grid;gap:18px}.animal-profile-head{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:start}.animal-cover{width:180px;aspect-ratio:1/1;border-radius:16px;border:1px solid var(--line);background:#f3f8f9;overflow:hidden;display:grid;place-items:center}.animal-cover img{width:100%;height:100%;object-fit:cover}.animal-cover .placeholder{font-size:48px;color:#7aa7b2}.animal-summary h3{margin:0 0 6px;font-size:24px}.animal-summary p{margin:5px 0;color:var(--muted)}.animal-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.animal-data{border:1px solid var(--line);background:#f9fbfc;border-radius:11px;padding:11px}.animal-data small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.animal-data strong{display:block;margin-top:4px;font-size:13px;overflow-wrap:anywhere}.record-section{border-top:1px solid var(--line);padding-top:18px}.record-section h3{margin:0 0 12px}.upload-row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.upload-row form{display:flex;gap:8px;flex:1;min-width:260px}.upload-row input[type=file]{flex:1}.animal-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.animal-photo{display:block;aspect-ratio:4/3;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#eef5f6}.animal-photo img{width:100%;height:100%;object-fit:cover}.animal-docs{display:grid;gap:8px}.animal-doc{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:11px;text-decoration:none;color:var(--ink);background:#fff}.animal-doc span{margin-left:auto;color:var(--muted);font-size:11px}.pedigree-tree{display:grid;gap:12px}.pedigree-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pedigree-node{border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px;min-height:76px}.pedigree-node.current{border:2px solid #20a9be;background:#effbfd}.pedigree-node strong,.pedigree-node small{display:block}.pedigree-node small{color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.pedigree-documented{margin-top:12px;border:1px solid var(--line);border-radius:11px;padding:13px;background:#f9fbfc}.pedigree-documented p{margin:7px 0 0;white-space:pre-wrap;line-height:1.55}.profile-actions{display:flex;gap:8px;flex-wrap:wrap}.profile-actions a{text-decoration:none}.mobile-animal-card{display:grid;grid-template-columns:1fr auto;gap:8px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:14px;box-shadow:var(--shadow);cursor:pointer}.mobile-animal-card strong{display:block}.mobile-animal-card small{display:block;color:var(--muted);margin-top:4px}.mobile-animal-card .meta{text-align:right}@media(max-width:900px){.animal-data-grid{grid-template-columns:repeat(2,1fr)}.animal-gallery{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){dialog{width:100%;max-width:none;height:100%;max-height:none;border-radius:0;margin:0}.modal-head{position:sticky;top:0;background:#fff;z-index:3;padding-top:max(14px,env(safe-area-inset-top))}#modalBody{padding:14px 14px calc(22px + env(safe-area-inset-bottom));overflow:auto}.animal-profile-head{grid-template-columns:100px 1fr}.animal-cover{width:100px;border-radius:12px}.animal-summary h3{font-size:20px}.animal-data-grid{grid-template-columns:1fr 1fr}.animal-gallery{grid-template-columns:1fr 1fr}.pedigree-row{grid-template-columns:1fr 1fr}.upload-row,.upload-row form{display:grid;grid-template-columns:1fr;width:100%}.upload-row form{min-width:0}.profile-actions{display:grid;grid-template-columns:1fr 1fr}.profile-actions>*{text-align:center;width:100%}.animal-cards{display:grid;gap:10px}.animals-table{display:none}.content{padding-bottom:calc(22px + env(safe-area-inset-bottom))}.topbar{padding-top:max(12px,env(safe-area-inset-top))}}@media(max-width:430px){.animal-profile-head{grid-template-columns:1fr}.animal-cover{width:100%;max-width:220px}.animal-data-grid{grid-template-columns:1fr}.animal-gallery{grid-template-columns:1fr 1fr}.pedigree-row{grid-template-columns:1fr}.profile-actions{grid-template-columns:1fr}.mobile-animal-card{grid-template-columns:1fr}.mobile-animal-card .meta{text-align:left}}