/* Oko only: compact cards and controls, preserving charts and focus visibility. */
html body .ex442.oko25:not(.diary460){gap:12px!important;margin-top:8px!important;margin-bottom:12px!important;padding-top:0!important;padding-bottom:20px!important;min-height:0;height:auto;overflow:visible}
html body .oko25 .ok-card,
html body .oko25 .ok-metric,
html body .oko25 .ok-datebadge,
html body .oko25 .ok-menu,
html body .oko25 button,
html body .oko25 button:hover,
html body .oko25 button[aria-pressed=true]{border-color:transparent!important;box-shadow:none!important}
html body .oko25 .ok-card{padding:18px 22px;border-radius:20px}
html body .oko25 .ok-head{gap:14px;margin-bottom:14px}
html body .oko25 .ok-head>.ok-icon{width:34px;height:34px}
html body .oko25 .ok-heading h2{font-size:21px;line-height:1.25}
html body .oko25 .ok-heading p{font-size:13px;margin-top:4px}
html body .oko25 .ok-stats,
html body .oko25 .ok-foodcount,
html body .oko25 .ok-sleepstatus{font-size:12px}
html body .oko25 .ok-picker{margin-bottom:12px}
html body .oko25 .ok-chart{height:100px;margin-bottom:42px}
html body .oko25 .ok-daylabel{font-size:12px;gap:2px;top:calc(100% + 8px)}
html body .oko25 .ok-button{min-height:38px;padding:8px 16px;font-size:13px;gap:8px}
html body .oko25 .ok-button>.ok-icon{width:20px;height:20px}
html body .oko25 .ok-foodbody{gap:20px}
html body .oko25 .ok-meal{gap:16px}
html body .oko25 .ok-mealtext{font-size:13px;line-height:1.55;padding:10px 0}
html body .oko25 .ok-datebadge{width:65px;min-height:82px;font-size:12px;padding:10px 4px}
html body .oko25 .ok-datebadge strong{font-size:27px}
html body .oko25 .ok-nutrition{gap:16px}
html body .oko25 .ok-ring{width:98px;height:98px;border-width:6px}
html body .oko25 .ok-ring strong{font-size:24px}
html body .oko25 .ok-ring>span{font-size:12px}
html body .oko25 .ok-macros{gap:13px}
html body .oko25 .ok-macro{font-size:12px;grid-template-columns:80px 1fr 44px;gap:7px}
html body .oko25 .ok-foodactions{margin-top:12px}
html body .oko25 .ok-foodactions>.ok-button:first-child,
html body .oko25 .ok-addsleep{top:16px;right:20px}
html body .oko25 .ok-food .ok-foodcount{margin-right:175px}
html body .oko25 .ok-sleepstatus{margin-right:165px}
html body .oko25 .ok-dailytotal{font-size:11px;margin:10px 0 0}
html body .oko25 .ok-recovery-days{margin-bottom:12px;gap:6px}
html body .oko25 .ok-recovery-days .ok-button{min-height:34px;font-size:12px;padding:6px}
html body .oko25 .ok-recovery-days [aria-pressed=true]{background:#1a4a59;color:#e9ffff}
html body .oko25 .ok-recoverybody{gap:12px}
html body .oko25 .ok-index{gap:14px;font-size:14px}
html body .oko25 .ok-index .ok-ring{width:86px;height:86px}
html body .oko25 .ok-metric{padding:14px;gap:9px;grid-template-columns:26px 1fr}
html body .oko25 .ok-metric strong{font-size:17px}
html body .oko25 .ok-metric span{font-size:12px}
html body .oko25 .ok-metric .ok-icon{width:25px;height:25px}
html body .oko25 .ok-foot{font-size:11px}
@media(min-width:1000px){
 html body .oko25 .ok-foodbody{grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr)}
 html body .oko25 .ok-nutrition{max-width:none}
 html body .oko25 .ok-recoverybody{grid-template-columns:1.2fr repeat(3,1fr)}
 html body .oko25 .ok-index{grid-column:auto;margin-bottom:0}
 html body .oko25 .ok-foodactions>.ok-button:first-child,html body .oko25 .ok-addsleep{position:absolute;margin-top:0}
}
@media(max-width:999px){html body .oko25 .ok-food .ok-foodcount,html body .oko25 .ok-sleepstatus{margin-right:0}}
@media(max-width:650px){
 html body .ex442.oko25:not(.diary460){gap:10px!important}
 html body .oko25 .ok-card{padding:16px 14px}
 html body .oko25 .ok-heading h2{font-size:18px}
 html body .oko25 .ok-heading p{font-size:12px}
 html body .oko25 .ok-head>.ok-icon{width:30px;height:30px}
 html body .oko25 .ok-stats,html body .oko25 .ok-foodcount,html body .oko25 .ok-sleepstatus{font-size:11px}
 html body .oko25 .ok-button{min-height:44px;padding:9px 10px;font-size:12px}
 html body .oko25 .ok-datebadge{width:52px}
 html body .oko25 .ok-mealtext{font-size:12px}
 html body .oko25 .ok-meal{gap:10px}
 html body .oko25 .ok-ring{width:88px;height:88px}
 html body .oko25 .ok-macro{grid-template-columns:70px 1fr 36px;font-size:10px;gap:5px}
 html body .oko25 .ok-nutrition{gap:12px}
 html body .oko25 .ok-recovery-days .ok-button{font-size:10px;min-height:36px;padding:6px 2px}
 html body .oko25 .ok-metric{padding:12px 8px}
 html body .oko25 .ok-metric strong{font-size:14px}
 html body .oko25 .ok-metric span{font-size:10px}
 html body .oko25 .ok-foot{font-size:10px}
}