.topbar-action-wrap{display:grid;justify-items:center;gap:4px;flex:0 0 48px}.topbar-action-wrap>span{color:#53645c;font-size:12px;font-weight:750;line-height:1}.topbar-action{width:46px!important;height:46px!important;min-width:46px!important;display:grid!important;place-items:center;padding:0!important;border-radius:50%!important;flex:0 0 46px!important}.app-share-trigger{border:1px solid #c7e1d7;background:#e7f4ef;color:#17695b}.app-share-trigger svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.app-share-trigger:focus-visible,.settings-trigger:focus-visible{outline:3px solid rgba(38,125,111,.22);outline-offset:2px}.settings-trigger.topbar-action{border-color:#183f37;background:#183f37;color:#fff}.settings-trigger.topbar-action svg{width:19px;height:19px;fill:currentColor}#homeScreen .topbar{padding-bottom:20px}#homeScreen #shareAppButton,#homeScreen #settingsButton{position:relative;width:46px;height:46px;min-width:46px;display:grid;place-items:center;padding:0;border-radius:50%;flex:0 0 46px}#homeScreen #shareAppButton{margin-right:0;border:1px solid #c7e1d7;background:#e7f4ef;color:#17695b}#homeScreen #settingsButton{border-color:#183f37;background:#183f37;color:#fff}#homeScreen #shareAppButton svg,#homeScreen #settingsButton svg{width:19px;height:19px}#homeScreen #shareAppButton::after,#homeScreen #settingsButton::after{position:absolute;top:50px;left:50%;transform:translateX(-50%);color:#53645c;font-size:12px;font-weight:750;line-height:1;white-space:nowrap}#homeScreen #shareAppButton::after{content:'分享'}#homeScreen #settingsButton::after{content:'设定'}html[lang='en'] #homeScreen #shareAppButton::after{content:'Share'}html[lang='en'] #homeScreen #settingsButton::after{content:'Settings'}html[lang='ms'] #homeScreen #shareAppButton::after{content:'Kongsi'}html[lang='ms'] #homeScreen #settingsButton::after{content:'Tetapan'}.settings-trigger{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border:1px solid #d4e0da;border-radius:14px;background:#fff;color:#267d6f}.settings-trigger svg{width:24px;height:24px;fill:currentColor}.settings-overlay{position:fixed;inset:0;z-index:110000;display:flex;align-items:flex-end;justify-content:center;padding:12px;background:rgba(18,38,32,.34);backdrop-filter:blur(2px)}.settings-overlay[hidden]{display:none}.settings-sheet{width:min(100%,430px);max-height:82vh;overflow:auto;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border:1px solid #dfe5e0;border-radius:24px 24px 18px 18px;background:#fff;box-shadow:0 -18px 50px rgba(24,63,55,.18)}.settings-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;margin-bottom:12px}.settings-title{text-align:center;font-size:22px;font-weight:900;color:#183f37}.settings-close,.settings-back{width:44px;height:44px;display:grid;place-items:center;border:1px solid #dfe5e0;border-radius:13px;background:#fff;color:#526158;font-size:24px}.settings-list,.language-options,.saved-cards{display:grid;gap:9px}.settings-item{width:100%;min-height:64px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;border:1px solid #e0e7e3;border-radius:16px;background:#fff;color:#1f2a24;text-align:left}.settings-item>b{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#edf7f3;color:#267d6f;font-size:19px}.settings-item>span{display:grid;gap:2px;font-size:16px;font-weight:850}.settings-item small{font-size:13px;font-weight:650;color:#78847d}.settings-item i{color:#8b968f;font-size:21px;font-style:normal}.language-option{min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border:1px solid #dfe5e0;border-radius:15px;background:#fff;color:#1f2a24;font-size:16px;font-weight:800}.language-option.active{border-color:#267d6f;background:#edf7f3;color:#184f43}.saved-card-item{width:100%;display:grid;gap:7px;padding:15px;border:1px solid #dce6e1;border-radius:17px;background:#f8faf8;text-align:left}.saved-card-top{display:flex;justify-content:space-between;gap:8px;color:#183f37;font-size:16px;font-weight:900}.saved-card-date,.saved-card-meta{color:#627068;font-size:13px;font-weight:700}.settings-empty{padding:36px 18px;text-align:center;color:#718078;font-size:16px}.saved-card-detail{padding:18px;border:2px solid #267d6f;border-radius:22px;background:linear-gradient(180deg,#fffdf7,#fff 58%,#f6fbf8);text-align:center}.saved-card-detail h3{margin:0 0 16px;color:#183f37;font-size:28px}.saved-card-reward{padding:15px;border-radius:16px;background:#edf7f3;color:#184f43}.saved-card-reward span,.saved-card-reward strong{display:block}.saved-card-code{display:inline-block;margin:14px 0;padding:7px 11px;border-radius:999px;background:#f3f0e7;color:#745f2e;font-size:13px;font-weight:900}.saved-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.saved-card-stats div{padding:12px;border-radius:13px;background:#f1f6f3}.saved-card-stats strong,.saved-card-stats span{display:block}.saved-card-stats strong{font-size:24px;color:#183f37}.saved-card-stats span{font-size:13px;color:#718078}body.settings-open{overflow:hidden}@media(min-width:700px){.settings-overlay{align-items:center}.settings-sheet{border-radius:24px}}
.settings-disclaimer{padding:6px 2px 10px;color:#31423a;font-size:15px;line-height:1.65}.settings-disclaimer p{margin:0 0 14px;font-weight:650}.settings-disclaimer ul{margin:0;padding-left:22px}.settings-disclaimer li{margin:0 0 12px;padding-left:2px}.settings-disclaimer li:last-child{margin-bottom:0}

#homeScreen .page{padding-top:18px}
#homeScreen .challenge-progress-wrap:not(.challenge-progress-complete){margin:6px 0 18px;padding:14px 16px 13px;border:1px solid #dfe6e1;border-radius:22px;background:#fff;box-shadow:none}
#homeScreen .challenge-progress-head{align-items:center;gap:12px}
#homeScreen .challenge-progress-main strong{font-size:31px;letter-spacing:-1.2px}
#homeScreen .challenge-progress-main span{font-size:13px;color:#738078}
#homeScreen .challenge-reward{width:98px;height:62px;border-radius:15px;background:#edf4f0!important;overflow:hidden;box-shadow:inset 0 0 0 1px #dbe7e1}
#homeScreen .challenge-reward::before{content:'';position:absolute;inset:0 0 0 auto;width:var(--reward-progress);background:#d9eee7;z-index:0}
#homeScreen .challenge-reward img{position:relative;z-index:1;width:96px;height:62px;object-fit:contain;transform:scale(1.22);filter:grayscale(var(--reward-gray));transform-origin:center}
#homeScreen .challenge-reward-lock{z-index:2;right:4px;top:4px;min-width:22px;height:22px;font-size:11px;border-width:1.5px}
#homeScreen .challenge-track{margin-top:11px;height:7px;background:#eaf0ed}
#homeScreen .challenge-task{margin-top:8px;padding:7px 0 0;border-radius:0;background:transparent;color:#7f8a84}
#homeScreen .challenge-task.done{background:transparent;color:#267d6f}
#homeScreen .challenge-task-check{width:20px;height:20px}

#homeScreen .challenge-history-panel{margin:0 0 20px;padding:0 2px;border:0;border-radius:0;background:transparent;box-shadow:none}
#homeScreen .challenge-date-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 11px}
#homeScreen .challenge-date-copy{min-width:0;display:grid;gap:2px}
#homeScreen .challenge-date-range{font-size:14px;line-height:1.25;color:#26372f;font-weight:950}
#homeScreen .challenge-date-caption{font-size:11px;color:#7b8780;font-weight:700}
#homeScreen .challenge-date-change{flex:0 0 auto;min-height:38px;padding:0 13px;border:0;border-radius:12px;background:#e8f4ef;color:#267d6f;font-size:12px;font-weight:900}
#homeScreen .challenge-date-native{display:none;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);gap:6px;padding:0 0 8px;align-items:center}
#homeScreen .challenge-date-native>span{color:#9aa39e;text-align:center;font-weight:800}
#homeScreen .challenge-date-native input{width:100%;height:42px;padding:0 9px;border:1px solid #dbe4df;border-radius:13px;background:#fff;color:#1f2a24;font-size:12px;font-weight:850;text-align:center;outline:none;box-shadow:none}
#homeScreen .challenge-date-native input:focus{border-color:#8fb9ad;box-shadow:0 0 0 3px rgba(38,125,111,.10)}
#homeScreen .challenge-date-actions{display:none;justify-content:flex-end;gap:8px;padding-bottom:10px}
#homeScreen .challenge-date-actions button{min-height:36px;padding:0 12px;border-radius:11px;font-size:12px;font-weight:850}
#homeScreen .challenge-date-cancel{border:1px solid #dbe4df;background:#fff;color:#66736c}
#homeScreen .challenge-date-apply{border:0;background:#184f43;color:#fff}
#homeScreen .challenge-history-panel.date-picker-open .challenge-date-native{display:grid}
#homeScreen .challenge-history-panel.date-picker-open .challenge-date-actions{display:flex}
#homeScreen .challenge-history-panel .overview{display:grid!important;margin-top:0;padding-top:0;gap:8px;border-top:0}
#homeScreen .challenge-history-panel .overview.challenge-hidden{display:grid!important}
#homeScreen .challenge-history-panel .overview-card,#homeScreen .challenge-history-panel .overview-card.good,#homeScreen .challenge-history-panel .overview-card.warn,#homeScreen .challenge-history-panel .overview-card.bad{display:block;min-height:78px;padding:10px 9px;border:1px solid #e1e7e3;border-radius:15px;background:#fff;box-shadow:none;text-align:left}
#homeScreen .challenge-history-panel .overview-card+.overview-card{border-left:1px solid #e1e7e3}
#homeScreen .challenge-history-panel .overview-stars{display:none}
#homeScreen .challenge-history-panel .overview-label{display:block;padding-right:0;min-height:26px;font-size:11px;line-height:1.25;color:#68756d}
#homeScreen .challenge-history-panel .overview-value{display:block;margin-top:7px;font-size:22px;line-height:1;font-weight:950}
#homeScreen .challenge-history-panel .overview-card[aria-pressed='true']{background:#f2f7f4;box-shadow:inset 0 -2px 0 currentColor;transform:none}

#homeScreen .day-group-head{margin:22px 2px 9px}
#homeScreen .day-group-title{font-size:14px}
#homeScreen .day-group-count{font-size:11px}
#homeScreen .meal-card{grid-template-columns:68px minmax(0,1fr) auto;gap:11px;margin-bottom:11px;padding:12px;border:1px solid #dde5e0;border-radius:20px;box-shadow:none}
#homeScreen .thumb{width:68px;height:68px;border-radius:14px}
#homeScreen .meal-time{font-size:12px;color:#718078}
#homeScreen .meal-name{font-size:15px;line-height:1.42}
#homeScreen .badge{min-width:44px;padding:6px 8px}
#homeScreen .meal-actions{grid-template-columns:repeat(3,1fr);gap:0;margin-top:3px;padding-top:7px;border-top:1px solid #edf1ee}
#homeScreen .meal-action{min-height:40px;padding:4px 8px;border:0!important;border-radius:10px;background:transparent;font-size:13px}
#homeScreen .meal-action+.meal-action{border-left:1px solid #edf1ee!important;border-radius:0}
#homeScreen .meal-view,#homeScreen .meal-share{color:#267d6f}
#homeScreen .meal-delete{color:#a24d4d}
#homeScreen .glucose-card{border-radius:20px;box-shadow:none}

@media(max-width:360px){
  #homeScreen .challenge-reward{width:90px;height:58px}
  #homeScreen .challenge-reward img{width:88px;height:58px;transform:scale(1.18)}
  #homeScreen .challenge-history-panel .overview-label{font-size:10px}
  #homeScreen .challenge-history-panel .overview-value{font-size:20px}
  #homeScreen .meal-card{grid-template-columns:60px minmax(0,1fr) auto}
  #homeScreen .thumb{width:60px;height:60px}
}
