.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}.tasks-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}.tasks-page :is(h1,h2,h3){font-family:Strichpunkt Sans,sans-serif}.tasks-heading{margin:32px 0}.tasks-heading h1{margin:0 0 16px;font-size:3rem;line-height:1.05}.tasks-page p{max-width:65ch;line-height:1.5}.tasks-page h2{margin:0 0 12px;font-size:1.5rem}.tasks-page h3{margin:0 0 12px;font-size:1.125rem}.task-household{max-width:36rem}.task-privacy{align-items:start;gap:12px;margin:24px 0 36px;font-size:.875rem;display:flex}.task-privacy svg{flex-shrink:0;margin-top:3px}.tasks-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}.tasks-page label{margin:0 0 8px;font-size:1rem;font-weight:600;display:block}.tasks-page :is(input:not([type=checkbox]),select,textarea){border:1px solid var(--divider);background:var(--paper);width:100%;min-width:0;min-height:48px;color:var(--ink);font:inherit;caret-color:var(--argile);border-radius:8px;padding:10px 12px;font-size:1rem;display:block}.tasks-page textarea{resize:vertical;min-height:120px}.task-editor :is(input,select,textarea){margin:0 0 24px}.task-editor :is(select,input[aria-describedby]){margin-bottom:8px}.task-editor .task-help{margin:8px 0 24px}.task-required,.task-help{color:var(--muted);font-size:.875rem;font-weight:400}.tasks-page fieldset{border:0;min-width:0;margin:24px 0 0;padding:0}.task-date-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.task-date-fields>div{min-width:0}.tasks-page :is(.solid-button,.outline-button){min-height:48px;font:inherit;text-align:center;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-weight:700;text-decoration:none;display:inline-flex}.tasks-page .solid-button{background:var(--argile);color:var(--paper);border:0}.tasks-page .solid-button:hover{background:#823522}.tasks-page .outline-button{border:1px solid var(--argile);color:var(--argile);background:0 0}.tasks-page .outline-button:hover{background:var(--soft-surface)}.tasks-page button:disabled,.tasks-page fieldset:disabled{opacity:.6;cursor:not-allowed}.tasks-page :is(input,select,textarea,button,a,[tabindex]):focus-visible{outline:3px solid var(--argile);outline-offset:4px}.tasks-page ::selection{background:var(--sun);color:var(--ink)}.task-warning{background:var(--sun);color:var(--ink);border-radius:8px;padding:16px}.task-error{border:1px solid var(--argile);border-radius:12px;padding:16px}.task-feedback:not(:empty){margin:24px 0}.task-feedback p{font-weight:600}.task-send{border-top:1px solid var(--divider);margin:32px 0 0;padding-top:24px}.task-preparations>section{margin:36px 0 0}.task-preparations h2{font-size:1.5rem}.task-preparations ul{padding:0;list-style:none}.task-preparations li{border-bottom:1px solid var(--divider)}.task-open{width:100%;min-height:64px;color:var(--argile);text-align:left;font:inherit;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;padding:16px 0;font-weight:600;display:block}.task-open:hover{text-underline-offset:4px;text-decoration:underline}.task-open span{margin-top:4px;font-size:.875rem;font-weight:400;display:block}.task-receipt{border-top:1px solid var(--divider);padding:24px 0}.task-state{color:var(--argile);font-size:.875rem;font-weight:600}.task-description{white-space:pre-wrap}.task-receipt dl{margin:16px 0;font-size:.875rem}.task-receipt dl>div{margin:8px 0}.task-receipt dt{font-weight:600}.task-receipt dd{font-variant-numeric:tabular-nums;margin:4px 0 0}@media (width<=899px){.tasks-layout{grid-template-columns:minmax(0,1fr);gap:36px}.task-preparations{border-top:1px solid var(--divider);padding-top:24px}}@media (width<=599px){.tasks-page{padding:24px 18px 48px}.tasks-heading{margin:24px 0}.tasks-heading h1{font-size:2.5rem}.task-date-fields{grid-template-columns:minmax(0,1fr);gap:0}.tasks-page :is(.solid-button,.outline-button){width:100%}}.task-permissions form{border-top:1px solid var(--divider);padding:20px 0}.task-permissions legend{margin-bottom:16px;padding:0;font-weight:700}.task-permissions .task-checkbox{align-items:flex-start;gap:12px;margin-bottom:16px;font-weight:400;display:flex}.task-checkbox input{width:20px;height:20px;accent-color:var(--argile);flex:0 0 20px;margin:2px 0 0}