.family-app{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.family-app .topbar{gap:12px}.family-app .topbar .brand{margin-right:auto}.family-nav{z-index:30;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dce4df;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.family-nav button{color:#53665e;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;max-width:180px;min-height:56px;display:flex}.family-nav button[aria-current]{color:#a33c19;background:#fff0e7;font-weight:700}.family-app[data-screen=today] .handover-section,.family-app[data-screen=tasks] .handover-section,.family-app:not([data-screen=today]) .family-banner,.family-app:not([data-screen=today]):not([data-screen=tasks]) .tasks-section,.family-app:not([data-screen=handover]) .handover-section{display:none}.family-app .content-grid{grid-template-columns:minmax(0,1fr)}.family-app:not([data-screen=today]):not([data-screen=tasks]):not([data-screen=handover]) .content-grid,.family-app:not([data-screen=today]):not([data-screen=tasks]) .page-heading .add-button{display:none}.family-panel,.family-detail{background:#fff;border:1px solid #dce4df;border-radius:20px;min-width:0;padding:24px}.family-panel h2,.family-detail h2{margin-bottom:16px;font-size:22px;font-weight:700}.family-panel p,.family-detail p{margin:12px 0;line-height:1.8}.family-detail{align-self:start;position:sticky;top:20px}.family-detail h3{overflow-wrap:anywhere;margin:18px 0;font-size:24px;font-weight:700}.family-detail .detail-actions{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.family-placeholder{text-align:center;color:#697970;padding:48px 12px}.family-placeholder svg{margin:auto}.family-menu-card{text-align:left;background:#fff;border:1px solid #dce4df;border-radius:16px;align-items:center;gap:16px;width:100%;min-height:80px;margin:12px 0;padding:22px;display:flex}.family-menu-card>span{overflow-wrap:anywhere;flex:1;min-width:0}.family-menu-card small{color:#68796f;margin-top:5px;display:block}.family-menu-card svg{flex-shrink:0}.family-member,.family-setting{border-bottom:1px solid #edf0ec;align-items:center;gap:16px;padding:18px 0;display:flex}.family-member>div,.family-setting label{flex:1}.family-member p{color:#68796f;margin:0}.family-badge{color:#fff;background:#af451f;border-radius:50px;padding:2px 7px;font-size:12px}.family-app.family-large .main-wrap{font-size:20px}.family-app.family-large .main-wrap button,.family-app.family-large .main-wrap input,.family-app.family-large .main-wrap small,.family-app.family-large .main-wrap .task-title{font-size:1em}.family-app button:focus-visible{outline-offset:3px;outline:3px solid #af451f}@media (min-width:900px){.family-app[data-screen=today] .content-grid,.family-app[data-screen=tasks] .content-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:24px}.family-panels{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}}@media (max-width:600px){.family-app .main-wrap{padding-left:16px;padding-right:16px}.family-app .page-heading h1{font-size:27px}.family-app .demo-actor{flex-wrap:wrap}.family-app .task-toolbar{flex-direction:column;align-items:stretch;display:flex}.family-app .task-toolbar>*{width:100%}.family-panel{padding:18px}.family-member{flex-wrap:wrap}.family-app .task-row{min-width:0}}.care-dialog{overscroll-behavior:contain;max-height:calc(100dvh - 32px);overflow-y:auto}