.family-page{max-width:800px;margin:0 auto}.family-heading{margin-bottom:24px}.family-heading>a{font-size:12px;color:#8b56c4;text-decoration:none}.family-heading h1{font-size:28px;margin:12px 0 6px;letter-spacing:-.7px}.family-heading p{color:#877b92;font-size:14px;margin:0}.family-card{background:#fffdfb;border:1px solid #eae3ef;border-radius:18px;padding:26px;margin-bottom:18px}.family-card h2{font-size:18px;font-weight:600;margin:0;color:#483655}.family-card p{font-size:13px;line-height:1.6;color:#8b7f94}.family-card-title{display:flex;align-items:center;gap:14px;margin-bottom:22px}.family-card-title p{margin:4px 0 0}.family-symbol,.family-choice-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;background:#f2e9ff;color:#9146ff;font-size:23px}.family-switch{display:flex;align-items:flex-end;gap:12px;margin:0}.family-switch>div{flex:1;min-width:0}.family-switch label,.family-field>label{display:block;font-size:12px;font-weight:550;color:#706078;margin-bottom:7px}.family-switch select,.family-field input:not([type=checkbox]){width:100%;height:46px;border:1px solid #ded5e5;border-radius:10px;padding:10px 12px;background:#fff;font-family:inherit;font-size:14px;color:#4e3e5b}.desktop .family-switch button,.desktop .family-form>button{height:46px;padding:10px 18px;border-radius:10px;font-size:13px;white-space:nowrap;box-shadow:none}.family-person{display:flex;align-items:center;gap:12px;padding:17px 0;border-top:1px solid #f0eaf4}.family-person>div{flex:1;min-width:0}.family-person strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.family-person small{display:block;font-size:12px;color:#94859f;margin-top:3px;overflow-wrap:anywhere}.family-person form{margin:0}.family-initial{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#f2eafa;color:#8e55cf;font-weight:600}.family-role{font-size:11px;border-radius:16px;padding:6px 10px;background:#f0e8fa;color:#8251b9;white-space:nowrap}.desktop .family-remove{background:#fff;color:#b35a75;border:1px solid #ecdbe2;border-radius:8px;font-size:12px;box-shadow:none;padding:8px 12px}.family-empty{padding:15px 18px;background:#faf7fd;border-radius:12px;margin:8px 0 0}.family-description{margin:8px 0 22px}.family-add{border:1px solid #e9e1ef;border-radius:12px;margin-top:12px;overflow:hidden}.family-add>summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:17px;list-style:none}.family-add>summary::-webkit-details-marker{display:none}.family-add summary>span:nth-child(2){flex:1;min-width:0}.family-add summary strong{display:block;font-size:14px;font-weight:550;line-height:1.4}.family-add summary small{display:block;font-size:12px;color:#988b9f;margin-top:4px}.family-chevron{color:#a18dab;font-size:20px}.family-add[open] .family-chevron{transform:rotate(180deg)}.family-add[open]>summary{background:#faf7fe;border-bottom:1px solid #e9e1ef}.family-form{padding:22px;margin:0;display:grid;gap:18px}.family-field{min-width:0}.family-help{font-size:11px;color:#988aa2;line-height:1.5;margin-top:7px}.family-help ul{padding-left:18px;margin:6px 0 0}.family-consent{background:#f8f3fe;padding:13px;border-radius:10px}.family-consent label{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:12px;color:#7e6c8b;line-height:1.6}.family-consent input{width:17px;height:17px;flex:0 0 17px;margin:2px 0 0;accent-color:#9146ff}.family-form .errorlist{margin:6px 0 0;font-size:12px;color:#b14766;padding-left:18px}.family-card .family-footnote{font-size:11px;margin:18px 0 0;color:#a092aa}@media(max-width:700px){.family-heading h1{font-size:24px}.family-heading p{font-size:13px}.family-card{padding:18px 16px;margin-bottom:14px;border-radius:15px}.family-card-title{gap:10px}.family-card h2{font-size:17px}.family-switch{flex-direction:column;align-items:stretch;gap:12px}.family-switch select,.family-field input:not([type=checkbox]){font-size:16px}.family-person{gap:10px;flex-wrap:wrap}.family-person form{margin-left:50px}.family-role{font-size:10px;padding:5px 8px}.family-add>summary{padding:14px 12px;gap:10px}.family-choice-icon{width:34px;height:34px;flex-basis:34px;font-size:20px}.family-add summary strong{font-size:13px}.family-add summary small{font-size:11px}.family-form{padding:16px;gap:16px}.family-form>button{width:100%;white-space:normal!important}.family-symbol{display:none}}
.family-permissions{margin:0 0 20px;padding:16px;border:1px solid #e9e0f0;border-radius:12px;background:#fcfaff}.family-permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.family-permission-grid label,.family-permission-toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;margin:0;border-radius:9px;background:#f5effc;font-size:12px;color:#66516f}.family-permission-grid label small{display:block;font-size:10px;color:#9b86a7;margin-top:3px}.family-permission-grid input[type=checkbox],.family-permission-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;display:block;flex:0 0 38px;width:38px;height:22px;background:#d6cedf;border-radius:20px;border:0;margin:0;cursor:pointer;box-shadow:none;padding:0;transition:background .18s}.family-permission-grid input:before,.family-permission-toggle input:before{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:white;box-shadow:0 1px 3px #37204820;transition:transform .18s}.family-permission-grid input:checked,.family-permission-toggle input:checked{background:#9146ff}.family-permission-grid input:checked:before,.family-permission-toggle input:checked:before{transform:translateX(16px)}.family-permission-grid input:focus-visible,.family-permission-toggle input:focus-visible{outline:3px solid #c9a6ff;outline-offset:3px}.family-permissions p{font-size:11px;margin:12px 0}.desktop .family-permissions button{font-size:12px;border-radius:8px;padding:9px 14px;box-shadow:none}@media(max-width:420px){.family-permission-grid{grid-template-columns:1fr}.family-permissions{padding:12px}}