:root{--color-canvas:#f7f4ee;--color-surface:#fffdfc;--color-surface-alt:#f1ece3;--color-surface-glass:#fffdfcc7;--color-ink:#1f2a2e;--color-muted:#647076;--color-line:#d9d1c5;--color-primary:#2e6f73;--color-primary-soft:#d8eceb;--color-accent:#c97d60;--color-accent-soft:#f4e2da;--color-success:#3c7a57;--color-warning:#c58a2b;--color-danger:#b9544f;--radius-card:20px;--radius-control:16px;--shadow-soft:0 12px 30px #1f2a2e0f;--shadow-lift:0 18px 44px #1f2a2e1a;--font-heading:Georgia, "Times New Roman", serif;--font-body:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif}*{box-sizing:border-box}html{background:var(--color-canvas)}body{background:linear-gradient(150deg, #fffdfc6b, #f1ece32e 36%, transparent 70%), radial-gradient(circle at top right, #c97d601f, transparent 30%), radial-gradient(circle at bottom left, #2e6f731a, transparent 34%), var(--color-canvas);color:var(--color-ink);font-family:var(--font-body);margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#1f2a2e06 1px,#0000 1px),linear-gradient(90deg,#1f2a2e05 1px,#0000 1px);background-size:34px 34px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000047,#0000 62%);mask-image:linear-gradient(#00000047,#0000 62%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.marketing-shell{min-height:100vh;padding:32px 20px}.auth-wrap{gap:24px;max-width:440px;margin:0 auto;padding:40px 0;display:grid}.brand-lockup{gap:12px;display:grid}.eyebrow{color:var(--color-primary);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.hero-title,.screen-title,.section-title,.metric-value{font-family:var(--font-heading)}.hero-title{margin:0;font-size:clamp(2.5rem,6vw,4rem);line-height:.96}.hero-copy,.screen-subtitle,.muted-copy{color:var(--color-muted);line-height:1.6}.card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);border:1px solid #d9d1c58f;padding:24px}.auth-form,.stack{gap:16px;display:grid}.compact-form{gap:12px;display:grid}.auto-save-profile-form{position:relative}.profile-form-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.save-status{min-height:32px;color:var(--color-primary);white-space:nowrap;background:#2e6f7314;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:.78rem;font-weight:700;display:inline-flex}.save-status-saving{color:#8a6118;background:#c58a2b24}.save-status-saved{color:var(--color-success);background:#3c7a5724}.save-status-error{color:var(--color-danger);background:#b9544f24}.field{gap:8px;display:grid}.field label{letter-spacing:.15em;text-transform:uppercase;font-size:.78rem;font-weight:700}.field input,.field textarea,.field select{border-radius:var(--radius-control);width:100%;color:var(--color-ink);background:#f1ece3b8;border:1px solid #d9d1c5f2;outline:none;padding:14px 16px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s}.field input:focus,.field textarea:focus,.field select:focus{background:var(--color-surface);border-color:#2e6f73bd;box-shadow:0 0 0 4px #2e6f731f}.field textarea{resize:vertical;min-height:120px}.field input:disabled,.field textarea:disabled,.field select:disabled,.primary-button:disabled,.secondary-button:disabled{opacity:.65;cursor:not-allowed}.checkbox-field{color:var(--color-ink);align-items:center;gap:10px;font-weight:600;display:flex}.checkbox-field input{width:18px;height:18px;accent-color:var(--color-primary)}.checkbox-grid{gap:10px;display:grid}.primary-button,.secondary-button{border:none;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 20px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.danger-button{min-height:52px;color:var(--color-danger);background:#b9544f29;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-weight:700;transition:transform .16s,background .16s;display:inline-flex}.primary-button{background:var(--color-primary);color:#fff;box-shadow:0 10px 24px #2e6f7338}.secondary-button{background:var(--color-surface-alt);color:var(--color-ink)}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.action-link:hover{transform:translateY(-1px)}.primary-button:focus-visible,.secondary-button:focus-visible,.danger-button:focus-visible,.action-link:focus-visible,.bottom-nav-item:focus-visible{outline-offset:3px;outline:3px solid #2e6f7347}.text-link,.action-link{color:var(--color-primary);font-weight:700}.form-helper,.form-error{border-radius:16px;margin:0;padding:14px 16px;line-height:1.5}.form-helper{color:var(--color-primary);background:#2e6f7314}.form-error{color:var(--color-danger);background:#b9544f1f}.app-shell{min-height:100vh;padding:16px 16px calc(104px + env(safe-area-inset-bottom));position:relative}.app-header{justify-content:space-between;align-items:flex-start;gap:16px;max-width:720px;margin:0 auto;padding:8px 4px 20px;display:flex}.header-title-group{gap:12px;display:grid}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.header-switcher{background:var(--color-surface-glass);min-width:220px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #d9d1c5b3;border-radius:999px;align-items:center;gap:10px;padding:6px;display:flex}.switcher-label{color:var(--color-muted);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:700}.switcher-select{min-width:150px;min-height:44px;color:var(--color-ink);background:#2e6f7314;border:0;border-radius:999px;padding:0 14px}.icon-button{background:var(--color-surface);width:44px;height:44px;color:var(--color-primary);box-shadow:var(--shadow-soft);border:none;border-radius:999px}.header-button{white-space:nowrap;min-height:44px;padding-inline:16px}.back-button{justify-self:start;gap:8px;min-height:40px;padding-inline:14px}.screen-title{letter-spacing:-.035em;margin:4px 0 0;font-size:clamp(2rem,7vw,2.6rem);line-height:1}.screen-subtitle{max-width:34rem;margin:8px 0 0}.screen-content{gap:18px;max-width:720px;margin:0 auto;display:grid}.screen-content>*{animation:.36s both card-rise}.screen-content>:nth-child(2){animation-delay:45ms}.screen-content>:nth-child(3){animation-delay:90ms}@keyframes card-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.summary-card{gap:16px;display:grid;position:relative;overflow:hidden}.summary-card:after{content:"";filter:blur(8px);background:#2e6f730f;border-radius:999px;width:220px;height:220px;position:absolute;top:-80px;right:-80px}.summary-card>*{z-index:1;position:relative}.detail-list,.inline-actions{gap:12px;display:grid}.danger-zone{border-radius:var(--radius-control);background:#b9544f0f;border:1px solid #b9544f33;gap:12px;padding:16px;display:grid}.admin-card{border:1px solid #2e6f731f;position:relative;overflow:hidden}.nested-card{box-shadow:none;background:#f1ece38c;border:1px solid #d9d1c5a6;padding:16px}.inactive-card{opacity:.72;border:1px dashed #64707673}.family-hero,.person-detail-hero{box-shadow:var(--shadow-lift);background:radial-gradient(circle at 100% 0,#2e6f7324,#0000 34%),linear-gradient(135deg,#fffdfcf5,#d8eceb85)}.family-hero:after,.person-detail-hero:after{content:"";background:#fffdfc66;border:1px solid #2e6f731f;border-radius:42px;width:152px;height:152px;position:absolute;top:-54px;right:-46px;transform:rotate(12deg)}.family-hero>*,.person-detail-hero>*{z-index:1;position:relative}.family-overview-card,.accounts-panel,.account-admin-panel,.sharing-panel,.profile-growth-card{background:#fffdfceb}.profile-growth-card .nested-card{background:#f1ece370}.access-panel-group{gap:14px;display:grid}.access-panel-intro{gap:6px;display:grid}.access-panel-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.access-panel-actions .primary-button,.access-panel-actions .secondary-button{width:100%}.access-panel-content{gap:14px;display:grid}.section-header{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.section-title{margin:0;font-size:1.95rem}.metrics-grid,.two-column-grid,.care-grid{gap:16px;display:grid}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.care-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.care-card,.exam-overview-card{background:linear-gradient(135deg,#fffdfcf5,#f1ece3a8),radial-gradient(circle at 100% 0,#2e6f7314,#0000 40%)}.care-card{gap:12px;min-height:156px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}a .care-card:hover{box-shadow:var(--shadow-lift);border-color:#2e6f7338;transform:translateY(-2px)}.quick-actions{gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.quick-action{background:var(--color-surface);border-radius:var(--radius-card);min-width:120px;box-shadow:var(--shadow-soft);color:var(--color-ink);padding:18px 16px;font-weight:700}.metric-card{gap:8px;min-height:132px;display:grid}.metric-label{color:var(--color-muted);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:700}.metric-value{font-size:2rem;line-height:1}.muted-meta{color:var(--color-muted);font-size:.9rem}.pill{border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 12px;font-size:.78rem;font-weight:700;display:inline-flex}.pill-primary{background:var(--color-primary-soft);color:var(--color-primary)}.pill-accent{background:var(--color-accent-soft);color:var(--color-accent)}.pill-warning{color:#8a6118;background:#c58a2b29}.pill-danger{color:var(--color-danger);background:#b9544f29}.pill-neutral{background:var(--color-surface-alt);color:var(--color-muted)}.list{gap:14px;display:grid}.list>a{content-visibility:auto;contain-intrinsic-size:auto 132px}.list-item{gap:10px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}a .list-item:hover{box-shadow:var(--shadow-lift);border-color:#2e6f7338;transform:translateY(-2px)}.list-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.item-title{margin:0;font-size:1.2rem;font-weight:700}.item-summary{color:var(--color-muted);margin:0;line-height:1.55}.bottom-nav{left:50%;bottom:max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdfce0;border:1px solid #d9d1c5cc;border-radius:28px;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:min(720px,100% - 24px);padding:10px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 20px 40px #1f2a2e1a}.bottom-nav-item{color:var(--color-muted);border-radius:20px;justify-items:center;gap:6px;padding:10px 4px;font-size:clamp(.58rem,2.1vw,.74rem);font-weight:700;display:grid}.bottom-nav-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bottom-nav-item-active{color:var(--color-primary);background:linear-gradient(#d8ecebdb,#d8eceb6b);box-shadow:inset 0 0 0 1px #2e6f7314}.placeholder-page{gap:16px;display:grid}.placeholder-list{color:var(--color-muted);gap:10px;margin:0;padding-left:18px;display:grid}.document-preview-frame{border-radius:var(--radius-card);background:var(--color-surface-alt);border:1px solid #d9d1c5cc;min-height:320px;overflow:hidden}.document-preview-image,.document-preview-embed{border:0;width:100%;min-height:320px;display:block}.document-preview-image{object-fit:contain;background:#fffdfce6}@media (min-width:760px){.app-shell{padding-inline:24px}.header-switcher,.bottom-nav{-webkit-backdrop-filter:none;backdrop-filter:none}.screen-content>*{animation:none}.two-column-grid,.care-grid,.detail-list,.inline-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-wrap{padding-top:56px}}@media (max-width:719px){.app-header{flex-direction:column;align-items:stretch;gap:14px}.header-actions{grid-template-columns:1fr auto;justify-content:flex-start;width:100%;display:grid}.header-switcher{grid-column:1/-1;width:100%;min-width:0}.switcher-select{flex:auto;min-width:0}.header-button{min-height:42px}.screen-title{font-size:clamp(2.1rem,11vw,2.8rem)}.card{padding:20px}.family-hero,.person-detail-hero{padding-top:24px}.section-header{align-items:flex-start}.profile-form-header{display:grid}.save-status{justify-self:start}.bottom-nav{border-radius:24px;gap:4px;width:min(720px,100% - 16px);padding:8px}.bottom-nav-item{border-radius:18px;font-size:.68rem}}