.family-page{--paper:#f9f9f6;--divider:#d9ded6;--soft-surface:#eaf0e7;--muted:#6c6d68;max-width:1120px;color:var(--ink);overflow-wrap:anywhere;margin:0 auto;padding:32px 32px 80px}.family-page h1,.family-page h2,.family-page h3,.family-page h4{font-family:Strichpunkt Sans,sans-serif}.family-heading{justify-content:space-between;align-items:center;gap:24px;margin:32px 0;display:flex}.family-heading h1{margin:0 0 12px;font-size:3rem}.family-heading p{max-width:65ch;margin:0}.family-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:48px;display:grid}.family-sidebar{position:sticky;top:24px}.family-page label{flex-direction:column;gap:8px;font-size:1rem;font-weight:600;display:flex}.family-page input:not([type=checkbox]),.family-page select{border:1px solid var(--divider);background:var(--paper);width:100%;min-height:48px;color:var(--ink);font:inherit;caret-color:var(--argile);border-radius:8px;padding:10px 12px;font-weight:400}.family-page input[readonly]{font-size:.875rem}.family-page button{min-height:44px}.family-page button:disabled{opacity:.55;cursor:wait}.family-page form{flex-direction:column;align-items:stretch;gap:16px;margin-top:20px;display:flex}.family-page form button{align-self:flex-start}.family-page .family-consent{flex-direction:row;align-items:flex-start;gap:12px;font-weight:400;line-height:1.5;display:flex}.family-consent input{width:20px;height:20px;accent-color:var(--argile);flex:0 0 20px;margin-top:3px}.family-page h2{margin:0 0 12px;font-size:2rem}.family-page h3{margin:0 0 12px;font-size:1.5rem}.family-page h4{margin:8px 0;font-size:1.125rem}.family-page p{max-width:65ch}.family-current{background:var(--argile);color:var(--paper);border-radius:16px;padding:24px}.family-current p{margin:8px 0 0}.family-current .family-help{color:var(--paper)}.family-content>section,.family-settings{margin-top:36px}.family-content>.family-welcome{margin-top:0;padding:24px 0}.family-help{color:var(--muted);font-size:.875rem;line-height:1.5}.family-privacy{align-items:flex-start;gap:10px;margin-top:24px;font-size:.875rem;line-height:1.5;display:flex}.family-privacy svg{flex-shrink:0;margin-top:2px}.family-page details{border-top:1px solid var(--divider);padding:16px 0}.family-page summary{cursor:pointer;align-content:center;min-height:44px;font-weight:600}.family-create{margin-top:24px}.family-create summary svg{vertical-align:middle}.family-page details[open]>summary{margin-bottom:16px}.family-members,.family-events,.family-pending{margin:20px 0;padding:0;list-style:none}.family-members>li{border-bottom:1px solid var(--divider);padding:20px 0}.family-members>li>div{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;display:flex}.family-members span{color:var(--muted);font-size:.875rem}.family-members details{border:0;margin-top:12px;padding-bottom:0}.family-events>li{background:var(--paper);border-radius:12px;margin:12px 0;padding:20px}.family-events p{font-variant-numeric:tabular-nums;margin:8px 0}.family-empty{background:var(--soft-surface);border-radius:12px;padding:20px}.family-incoming,.family-share{background:var(--paper);border:1px solid var(--divider);overflow-wrap:anywhere;border-radius:12px;margin-bottom:32px;padding:24px}.family-text-button{color:var(--argile);font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:none;padding:8px 0;text-decoration:underline}.family-feedback p{margin:0 0 16px;padding:16px 0;font-weight:600}.family-error{border:1px solid var(--argile);border-radius:12px;margin:0 0 24px;padding:16px 20px}.family-error p{margin:0 0 12px}.family-pending li{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.family-page :is(input,select,button,summary):focus-visible{outline:3px solid var(--argile);outline-offset:4px}.family-page ::selection{background:var(--sun);color:var(--ink)}@media (width<=799px){.family-layout{grid-template-columns:minmax(0,1fr);gap:24px}.family-sidebar{position:static}.family-heading h1{font-size:2.5rem}}@media (width<=599px){.family-page{padding:24px 18px 48px}.family-heading{margin:24px 0}.family-heading>svg{display:none}.family-current,.family-incoming,.family-share{padding:20px}.family-page form button{align-self:stretch}.family-page select{text-overflow:ellipsis}}.family-page .solid-button{background:var(--argile);min-height:48px;color:var(--paper);font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:12px 22px;font-weight:700;text-decoration:none;display:inline-flex}.family-page .solid-button:hover{background:#823522}.caregiver-nav{flex-wrap:wrap;justify-content:space-between;gap:12px 24px;display:flex}.caregiver-nav a{align-items:center;min-height:44px;display:inline-flex}.caregiver-page fieldset{border:0;border-top:1px solid var(--divider);margin:0;padding:20px 0}.caregiver-page legend{padding-right:12px;font-weight:600}.caregiver-event-options{scrollbar-color:var(--argile) var(--soft-surface);gap:16px;max-height:440px;padding:8px 8px 12px;display:grid;overflow:auto}.caregiver-event-options label{min-height:44px}.caregiver-event-options small{color:var(--muted);margin-top:4px;font-size:.875rem;font-weight:400;display:block}.caregiver-scope{background:var(--soft-surface);border-radius:12px;padding:20px}.caregiver-scope ul{padding-left:24px}.caregiver-page .family-content{min-width:0}.caregiver-page .family-members h3{font-family:DM Sans,sans-serif;font-size:1rem}.caregiver-page .family-current h2{margin:0}.caregiver-page .family-current :is(a,button):focus-visible{outline-color:var(--sun)}.caregiver-page :is(a,input,button,select,summary){scroll-margin:24px}.caregiver-page .cl-footerAction{flex-wrap:wrap}.caregiver-page .cl-footerActionLink{white-space:nowrap;min-height:44px}.caregiver-pagination{margin:16px 0}.caregiver-pagination nav{flex-wrap:wrap;gap:12px 24px;display:flex}.caregiver-pagination p{font-variant-numeric:tabular-nums}