/* Separate feeding cycle; retains card size and responsive layout. */
#app #life #tap {display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:2px;line-height:1.1}
#app #life #tap span {font-size:clamp(12px,2.4vw,22px)}
#app #life #tap small {font-size:clamp(9px,1.5vw,12px);font-weight:600;opacity:.8}
#feedingCycle {font-size:clamp(9px,1.6vw,12px);color:#edcf83;line-height:1.3;text-align:right;white-space:normal;font-variant-numeric:tabular-nums}
html #app #life.active > .cardProgress {flex:0 0 auto!important;height:auto!important;min-height:60px!important}
@media (orientation:landscape){html #app #life.active > .cardProgress{min-height:48px!important}#feedingCycle{font-size:10px}}