#family-view-tools{position:absolute;z-index:3;bottom:14px;left:16px;max-width:calc(100% - 32px);display:flex;gap:8px;flex-wrap:wrap}#family-view-tools[hidden]{display:none}#family-only{min-height:44px;padding:10px 16px;border-radius:24px;background:var(--paper);box-shadow:0 2px 8px #302d3233}#family-only[aria-pressed=true]{background:#302d32;color:#fff;border-color:#302d32}#family-reader-open{min-height:44px;padding:10px 16px;background:#176b6a;color:#fff;border-color:#176b6a;border-radius:24px;box-shadow:0 2px 8px #302d3233;font-weight:600}
#family-reader-open:hover{background:#125957}.family-reader-active .hint{display:none}
#family-reader{width:min(700px,calc(100vw - 24px));max-height:85dvh;padding:0;box-shadow:0 12px 50px #302d3233;overscroll-behavior:contain}
.family-reader-head{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;padding:20px;background:var(--paper);border-bottom:1px solid var(--line)}
#family-reader h2{font-size:25px;line-height:1.2;margin:0;overflow-wrap:anywhere}#family-reader-close{font-size:13px;white-space:nowrap}
#family-reader-status{font-size:14px;color:var(--muted);margin:16px 20px;line-height:1.5}#family-reader-list{padding:0 20px 20px}#family-reader-list h3{font:600 14px "Source Sans 3",Arial,sans-serif;color:#176b6a;margin:22px 0 10px;text-transform:none;letter-spacing:0}
.family-reader-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.family-reader-person{display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:0;min-height:64px;padding:12px!important;text-align:left;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);background:var(--paper);overflow-wrap:anywhere}
.family-reader-person strong{font-size:16px;line-height:1.3}.family-reader-person span,.family-reader-person small{font-size:12px;line-height:1.4;color:var(--muted)}.family-reader-person:hover{background:#e4ebe4!important;border-color:#176b6a}.family-reader-selected{border-color:#176b6a;background:#e4ebe4}.family-reader-selected small{color:#176b6a}#family-reader-retry{margin:0 20px 20px}
@media(max-width:560px){#family-view-tools{bottom:10px;left:10px;max-width:calc(100% - 20px);gap:6px}#family-reader-open,#family-only{font-size:13px;padding:10px 12px}.family-reader-head{padding:16px;gap:10px}#family-reader h2{font-size:21px}#family-reader-close{padding:8px;font-size:12px}#family-reader-status{margin:14px 16px}#family-reader-list{padding:0 16px 16px}.family-reader-grid{grid-template-columns:1fr}.family-reader-person strong{font-size:16px}}