
#food-rhythm .fr-dial-option:focus-visible { outline:3px solid var(--fr-leaf); outline-offset:2px; }
#food-rhythm .fr-time-actions { display:flex; align-items:center; justify-content:flex-end; gap:9px; margin-top:4px; }
#food-rhythm .fr-time-cancel,#food-rhythm .fr-time-confirm { min-height:42px; padding:8px 16px; border:0; border-radius:13px; font-weight:750; }
#food-rhythm .fr-time-cancel { background:transparent; color:#65756d; }
#food-rhythm .fr-time-confirm { background:var(--fr-green); color:white; }
@keyframes fr-time-fade { from { opacity:0; } }
@keyframes fr-time-rise { from { opacity:0; transform:translateY(34px) scale(.97); } }
#food-rhythm .fr-reminder-remove { width:28px; height:28px; padding:0; border:0; border-radius:9px; background:#f0f4ef; color:#819088; font-size:20px; line-height:1; }
#food-rhythm .fr-add-reminder { display:flex; align-items:center; gap:10px; min-height:52px; margin:0 15px; padding:8px 0; border:0; background:transparent; color:var(--fr-green); font-weight:700; }
#food-rhythm .fr-add-reminder span { display:grid; place-items:center; width:28px; height:28px; border-radius:9px; background:#e7f3eb; font-size:18px; }
#food-rhythm .fr-reminder-content>.fr-error { min-height:20px; margin:-5px 3px 8px; text-align:center; }
#food-rhythm .fr-reminder-save { box-shadow:0 10px 24px #196c5030; }
@media(max-width:430px){
  #food-rhythm .fr-family-account-new { grid-template-columns:54px minmax(0,1fr); padding:16px; }
  #food-rhythm .fr-family-account-icon { width:54px; height:54px; }
  #food-rhythm .fr-family-account-new>b { grid-column:2; justify-self:start; }
  #food-rhythm .fr-family-invite { grid-template-columns:48px minmax(0,1fr); padding:15px; }
  #food-rhythm .fr-family-invite-icon { width:48px; height:48px; }
  #food-rhythm .fr-family-invite button { grid-column:2; justify-self:start; min-height:42px; }
}
@media(max-width:360px){
  #food-rhythm .fr-details-hero { min-height:166px; padding-inline:16px; }
  #food-rhythm .fr-details-hero h1 { font-size:28px; }
  #food-rhythm .fr-details-hero .fr-subhead { padding-right:74px; }
  #food-rhythm .fr-details-mascot { right:10px; width:82px; }
  #food-rhythm .fr-details-mascot .fr-choice-mascot { width:82px; }
  #food-rhythm .fr-details-content { padding-inline:14px; }
  #food-rhythm .fr-account-row { grid-template-columns:40px minmax(0,1fr) auto; gap:9px; padding-inline:12px; }
  #food-rhythm .fr-account-icon { width:40px; height:40px; }
  #food-rhythm .fr-detail-card { min-height:122px; padding-right:32px; padding-left:11px; }
  #food-rhythm .fr-detail-card--goal,#food-rhythm .fr-detail-card--activity { grid-template-columns:38px minmax(0,1fr); gap:7px; min-height:86px; }
  #food-rhythm .fr-detail-card-icon { width:38px; height:38px; }
  #food-rhythm .fr-detail-card-copy strong { font-size:14px; }
  #food-rhythm .fr-detail-panel { padding:19px 16px; }
  #food-rhythm .fr-profile-section-hero { padding-inline:16px; }
  #food-rhythm .fr-goals-hero { min-height:166px; padding-inline:16px; }
  #food-rhythm .fr-goals-hero h1 { font-size:26px; }
  #food-rhythm .fr-goals-hero .fr-subhead { padding-right:70px; }
  #food-rhythm .fr-goals-mascot { right:10px; top:83px; width:66px; }
  #food-rhythm .fr-goals-mascot .fr-choice-mascot { width:66px; }
  #food-rhythm .fr-goals-content { padding-inline:14px; }
  #food-rhythm .fr-profile-section-content { padding-inline:14px; }
  #food-rhythm .fr-profile-section-hero h1 { font-size:27px; }
  #food-rhythm .fr-nutrition-goal { padding:19px 16px; }
  #food-rhythm .fr-goal-input--calories input { width:150px; font-size:43px; }
  #food-rhythm .fr-goal-macros { gap:6px; }
  #food-rhythm .fr-goal-input--macro { padding-inline:6px; }
  #food-rhythm .fr-goal-metric { grid-template-columns:40px minmax(0,1fr) 40px; gap:9px; padding-inline:11px; }
  #food-rhythm .fr-goal-metric-icon { width:40px; height:40px; }
  #food-rhythm .fr-goal-input--metric { grid-template-columns:minmax(54px,1fr) 102px; gap:6px; font-size:12px; }
  #food-rhythm .fr-goal-input--metric input { padding-inline:5px; }
  #food-rhythm .fr-goal-visibility { width:40px; height:40px; }
  #food-rhythm .fr-calculator-hero h1 { font-size:22px; }
  #food-rhythm .fr-calculator-purpose,#food-rhythm .fr-calculator-rhythm { padding:19px 14px; }
  #food-rhythm .fr-calculator-purpose h2,#food-rhythm .fr-calculator-rhythm h2 { font-size:21px; }
  #food-rhythm .fr-calculator-goals { gap:6px; }
  #food-rhythm .fr-calculator-goal { min-height:112px; padding-inline:4px; }
  #food-rhythm .fr-calculator-goal-icon { width:44px; height:44px; }
  #food-rhythm .fr-calculator-goal strong { font-size:12px; }
  #food-rhythm .fr-calculator-activity { grid-template-columns:50px minmax(0,1fr); gap:10px; }
  #food-rhythm .fr-calculator-activity-icon { width:50px; height:50px; }
  #food-rhythm .fr-calculator-activity-step { width:30px; height:30px; }
  #food-rhythm .fr-calculator-body-grid { gap:7px; }
  #food-rhythm .fr-calculator-body-field { grid-template-columns:37px minmax(0,1fr); gap:7px; min-height:75px; padding:8px; }
  #food-rhythm .fr-calculator-body-icon { width:37px; height:37px; }
  #food-rhythm .fr-calculator-body-copy input,#food-rhythm .fr-calculator-body-copy select { font-size:14px; }
  #food-rhythm .fr-family-account-new { grid-template-columns:52px minmax(0,1fr); padding:15px; }
  #food-rhythm .fr-family-account-icon { width:52px; height:52px; }
  #food-rhythm .fr-family-account-new>b { grid-column:2; justify-self:start; }
  #food-rhythm .fr-family-member-grid { gap:8px; }
  #food-rhythm .fr-family-member-card { min-height:148px; }
  #food-rhythm .fr-family-member-lead { grid-template-columns:42px minmax(0,1fr); gap:8px; padding:12px; }
  #food-rhythm .fr-family-member-lead>span,#food-rhythm .fr-family-member-empty>span { width:42px; height:42px; }
  #food-rhythm .fr-family-member-lead .fr-ui-icon,#food-rhythm .fr-family-member-empty .fr-ui-icon { width:22px; height:22px; }
  #food-rhythm .fr-family-member-lead strong,#food-rhythm .fr-family-member-empty strong { font-size:12px; }
  #food-rhythm .fr-family-invite { grid-template-columns:46px minmax(0,1fr); padding:14px; }
  #food-rhythm .fr-family-invite-icon { width:46px; height:46px; }
  #food-rhythm .fr-family-invite button { grid-column:2; justify-self:start; min-height:42px; }
  #food-rhythm .fr-family-rules article { grid-template-columns:40px minmax(0,1fr); justify-items:stretch; min-height:66px; padding:10px 14px; text-align:left; }
  #food-rhythm .fr-family-rules article>span { width:40px; height:40px; }
  #food-rhythm .fr-family-rules article+article::before { right:14px; left:67px; }
  #food-rhythm .fr-notification-hero { padding-inline:16px; }
  #food-rhythm .fr-reminder-content { padding-inline:14px; }
  #food-rhythm .fr-reminder { grid-template-columns:46px minmax(0,1fr) auto auto; gap:7px; padding-inline:12px; }
  #food-rhythm .fr-reminder-switch { transform:scale(.92); transform-origin:left center; }
  #food-rhythm .fr-time-button { min-width:72px; padding-inline:10px; font-size:13px; }
  #food-rhythm .fr-time-panel { padding:18px 15px; }
  #food-rhythm .fr-time-display { width:228px; }
}