.family-hero{background:#104d52;color:#fff;padding:30px;border-radius:22px;margin-bottom:24px;display:flex;gap:24px;justify-content:space-between;align-items:center}.family-hero h2{font-size:28px;margin:8px 0}.family-hero p{max-width:58ch;line-height:1.6;color:#e2eeeb}.family-hero img{width:96px}.family-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#ffcc72}.family-summary{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.family-summary span{padding:12px 16px;background:#fff;border:1px solid #dce6df;border-radius:14px}.family-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #e0e8e2}.family-row:last-child{border:0}.family-person{min-width:0}.family-person strong,.family-person small{display:block;overflow-wrap:anywhere}.family-person small{color:#546862;margin-top:5px;line-height:1.5}.family-actions{display:flex;gap:8px;flex-wrap:wrap}.family-tag{font-size:12px;font-weight:700;color:#104d52;background:#eaf2ec;border-radius:20px;padding:5px 10px;display:inline-block;margin-top:6px}.family-message{line-height:1.6;overflow-wrap:anywhere;color:#754418}.family-note{line-height:1.6;color:#546862}.family-check{display:flex!important;align-items:flex-start;gap:10px;line-height:1.5}.family-check input{width:20px!important;min-width:20px;margin-top:3px}.family-code{min-height:220px;width:100%;resize:vertical;font:inherit;line-height:1.6;padding:14px;border:1px solid #c7d8cf;border-radius:12px}.family-dialog{width:min(540px,calc(100% - 24px))}.family-dialog label{display:block;margin:14px 0}.family-dialog input:not([type=checkbox]),.family-dialog select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #bccdc4;border-radius:10px;font:inherit}.family-dialog .family-actions{margin-top:20px}.family-refresh{margin-left:auto}.family-empty{padding:22px 0;color:#546862;line-height:1.6}.family-invite-page{min-height:100vh;display:grid;place-items:center;background:#f6f5ef;padding:24px}.family-invite-box{width:min(480px,100%);background:#fff;border:1px solid #dde6df;border-radius:24px;padding:32px;box-shadow:0 16px 40px #104d520c}.family-invite-box>img{width:72px;display:block;margin-bottom:20px;background:#104d52;border-radius:20px;padding:10px}.family-invite-box label{display:block;margin:16px 0}.family-invite-box input{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #bccdc4;border-radius:10px;font:inherit}.family-invite-box h1{font-size:28px;color:#104d52}.family-invite-box a{color:#104d52;text-decoration:underline}.family-invite-box [hidden],#kids-gate[hidden]{display:none!important}.family-invite-box .secondary{margin-top:10px}.family-invite-box p{line-height:1.6}#kids-gate .auth-box{max-width:480px}#kids-gate img{width:90px;background:#104d52;border-radius:24px;padding:12px}#kids-gate h2{font-size:30px;color:#104d52}#kids-gate p{line-height:1.7}@media(max-width:650px){.family-hero{padding:24px}.family-hero h2{font-size:24px}.family-hero img{display:none}.family-row{align-items:flex-start;flex-direction:column}.family-invite-box{padding:24px}.family-summary{gap:8px}.family-summary span{flex:1;min-width:110px}.family-actions button{min-height:44px}}
