/* v34 — mobile ergonomics & accessibility */
:where(button,a,[role="button"],.profile-option){touch-action:manipulation;-webkit-tap-highlight-color:transparent}
:where(button,a,[role="button"],input,select,summary):focus-visible{outline:3px solid var(--gold,#c7a440);outline-offset:3px}
button,.btn,.profile-option,.link-button{min-height:44px}
.bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}
.screen{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.phone{min-height:100dvh}
@supports not (min-height:100dvh){.phone{min-height:100vh}}
img{max-width:100%;height:auto}
@media(max-width:389px){.screen{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.top-title{max-width:68vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-metrics,.data-health{gap:5px}.support-modal,.onboarding-card{border-radius:22px}.support-overlay,.onboarding-overlay{padding:10px}.review-options button{min-height:48px}}
@media(hover:hover) and (pointer:fine){button:not(:disabled),a,[role="button"]{cursor:pointer}}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
