:root{--bg:#efefef;--surface:#fff;--surface-muted:#f4f4f4;--border:#d6d6d6;--text:#0a0a0a;--muted:#686868;--primary:#0a0a0a;--radius:0}.family-stage{min-height:calc(100vh - 44px);display:grid;place-items:start center;padding:28px 16px 100px;background:#efefef}.family-phone{width:min(720px,100%);min-height:780px;padding:18px 18px 94px;background:#fff;box-shadow:0 12px 38px rgba(0,0,0,.08);position:relative}.family-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:4px 0 16px;border-bottom:1px solid #0a0a0a}.family-top strong,.family-top span{display:block}.family-top span{margin-top:2px;color:var(--muted);font-size:.78rem}.family-top button{min-height:40px;padding:8px 11px;border:1px solid #0a0a0a;background:#fff}.family-main{padding-top:26px}.family-page-head{margin-bottom:26px}.family-page-head>span{font-size:.72rem;font-weight:900;letter-spacing:.14em}.family-page-head h1{margin:5px 0 8px;font-size:clamp(2.7rem,9vw,4rem);line-height:.98;letter-spacing:-.05em}.family-page-head p{max-width:540px;margin:0;color:var(--muted)}.family-list{border-top:1px solid #0a0a0a}.family-list button{width:100%;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;min-height:78px;padding:14px 2px;border:0;border-bottom:1px solid #0a0a0a;background:#fff;text-align:left}.family-list strong,.family-list span{display:block}.family-list strong{font-size:1.15rem}.family-list span{margin-top:3px;color:var(--muted);font-size:.85rem}.family-list b{font-size:1.35rem}.animal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.animal-grid article{min-height:178px;display:flex;flex-direction:column;justify-content:space-between;padding:18px;border:1.5px solid #0a0a0a}.animal-grid article>span{font-size:3.6rem;font-weight:900;line-height:.9}.animal-grid strong,.animal-grid small{display:block}.animal-grid strong{font-size:1.5rem}.animal-grid small{color:var(--muted)}.care-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0}.care-actions button{min-height:48px;border:1px solid #0a0a0a;background:#fff;font-weight:800}.family-panel{margin-top:18px;padding:18px;border:1.5px solid #0a0a0a}.family-panel h2{margin:0 0 16px;font-size:1.8rem}.family-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.family-metrics>div{min-height:90px;padding:12px;border:1px solid var(--border)}.family-metrics span,.family-metrics strong{display:block}.family-metrics span{font-size:.7rem;font-weight:900;text-transform:uppercase;color:var(--muted)}.family-metrics strong{margin-top:7px}.compact-list strong{font-size:1rem}.family-bottom{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1.5px solid #0a0a0a;background:#fff}.family-bottom button{min-height:70px;border:0;border-right:1px solid var(--border);background:#fff;font-weight:800}.family-bottom button:last-child{border-right:0}.family-bottom button.active{background:#0a0a0a;color:#fff}@media(max-width:520px){.family-stage{padding:0 0 70px;background:#fff}.family-phone{box-shadow:none}.animal-grid{grid-template-columns:1fr 1fr}.care-actions{grid-template-columns:1fr 1fr}}