/* GritHQ Retro Neon UI v1 — Alpha4.68
   Visual-only authority for the approved Home / Train / Progress / Profile mockups.
   It intentionally preserves the existing shell, data contracts, dialogs and workout engine. */
:root{
  --neon-blue:#1597ff;--neon-blue-rgb:21,151,255;
  --neon-cyan:#18d9e8;--neon-cyan-rgb:24,217,232;
  --neon-lime:#72f02d;--neon-lime-rgb:114,240,45;
  --neon-purple:#b84dff;--neon-purple-rgb:184,77,255;
  --neon-rose:#ff4f86;--neon-rose-rgb:255,79,134;
  --neon-orange:#ffae00;--neon-orange-rgb:255,174,0;
  --neon-panel:#07131e;--neon-panel-2:#091724;--neon-border:rgba(96,126,157,.34);
}

/* One neon language throughout the product. */
.gh-neon-icon,.gh-training-mode-control-icon,.gh-profile-row-icon,.gh-profile-quick>span,.bottom-nav .nav-btn svg,.desktop-rail .nav-btn svg{
  filter:drop-shadow(0 0 7px currentColor);
}
.gh-neon-icon{display:grid;place-items:center;border:1px solid currentColor;border-radius:13px;background:rgba(7,17,29,.78);box-shadow:inset 0 0 18px color-mix(in srgb,currentColor 10%,transparent)}
.gh-neon-icon svg{width:62%;height:62%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.gh-neon-icon.purple{color:var(--neon-purple)}.gh-neon-icon.blue{color:var(--neon-blue)}.gh-neon-icon.lime{color:var(--neon-lime)}.gh-neon-icon.green{color:var(--neon-lime)}.gh-neon-icon.orange{color:var(--neon-orange)}
.gh-coach-avatar{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* Bottom dock keeps semantic colors but gets the approved restrained glow. */
#bottomNav .nav-btn[data-view="home"]{color:var(--neon-blue)!important}
#bottomNav .nav-btn[data-view="routines"]{color:var(--neon-cyan)!important}
#bottomNav .nav-btn[data-view="history"]{color:var(--neon-lime)!important}
#bottomNav .nav-btn[data-view="profile"]{color:var(--neon-purple)!important}
#bottomNav .nav-btn.active{background:linear-gradient(145deg,rgba(18,55,91,.55),rgba(7,18,29,.88))!important;border-color:currentColor!important;box-shadow:0 0 20px color-mix(in srgb,currentColor 20%,transparent),inset 0 0 22px color-mix(in srgb,currentColor 8%,transparent)!important}
#bottomNav .nav-btn svg{stroke:currentColor!important}

/* ========================= HOME ========================= */
body.home-mode #view-home{max-width:980px;margin:0 auto}
body.home-mode .gh-home-dashboard{display:grid;gap:14px;min-width:0}
body.home-mode .gh-home-personalized,
body.home-mode .gh-home-health-card,
body.home-mode .home-quick-card{border:1px solid var(--neon-border)!important;background:linear-gradient(145deg,#081522,#06111b)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 34px rgba(0,0,0,.16)!important}
body.home-mode .gh-home-personalized{padding:18px!important;border-color:rgba(var(--neon-purple-rgb),.28)!important;border-radius:20px!important}
body.home-mode .gh-home-section-kicker{font-size:13px!important;letter-spacing:.15em!important;font-weight:900!important;margin-bottom:14px!important}
body.home-mode .gh-home-section-kicker.personalized{color:var(--neon-purple)!important}
body.home-mode .gh-home-section-kicker.health{color:var(--neon-lime)!important}
body.home-mode .gh-home-section-kicker.quick{color:var(--neon-orange)!important}
body.home-mode .gh-home-section-kicker svg{stroke:currentColor!important;filter:drop-shadow(0 0 6px currentColor)}
body.home-mode .gh-personalized-compact{display:grid!important;grid-template-columns:112px minmax(0,1fr) minmax(150px,190px)!important;align-items:center!important;gap:18px!important;min-width:0!important}
body.home-mode .gh-personalized-target{display:block!important;width:112px!important;height:112px!important;border:1px solid rgba(var(--neon-purple-rgb),.55)!important;border-radius:18px!important;overflow:hidden!important;background:#050a14!important;box-shadow:0 0 22px rgba(var(--neon-purple-rgb),.18),inset 0 0 18px rgba(var(--neon-blue-rgb),.08)!important}
body.home-mode .gh-personalized-copy{min-width:0!important;align-self:center!important}
body.home-mode .gh-personalized-copy h3{margin:0 0 8px!important;font-size:27px!important;line-height:1.05!important;letter-spacing:-.035em!important;color:#f7f9fc!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
body.home-mode .gh-personalized-copy p{margin:0!important;font-size:13px!important;line-height:1.42!important;color:#94a4b6!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:block!important}
body.home-mode .gh-coach-note{display:block;margin-top:9px;color:#d477ff;font-size:11.5px;line-height:1.2}
body.home-mode .gh-personalized-cta{min-width:0!important;width:100%!important;max-width:none!important;min-height:72px!important;height:auto!important;padding:12px 14px!important;border:1px solid rgba(214,96,255,.62)!important;border-radius:15px!important;background:linear-gradient(145deg,#5a1aad,#8626d6)!important;color:#fff!important;font-size:14px!important;font-weight:850!important;line-height:1.15!important;box-shadow:0 0 26px rgba(var(--neon-purple-rgb),.18),inset 0 1px 0 rgba(255,255,255,.17)!important}
body.home-mode .gh-personalized-mini-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin-top:16px!important;border:1px solid rgba(78,110,145,.36)!important;border-radius:15px!important;overflow:hidden!important;background:#07131e!important}
body.home-mode .gh-mini-action{min-width:0!important;min-height:72px!important;height:auto!important;padding:10px 11px!important;border:0!important;border-right:1px solid rgba(78,110,145,.34)!important;border-radius:0!important;background:transparent!important;color:#f5f8fb!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:9px!important;align-items:center!important;text-align:left!important}
body.home-mode .gh-mini-action:last-child{border-right:0!important}
body.home-mode .gh-mini-action>span{grid-row:1/3;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;border:1px solid currentColor;background:rgba(255,255,255,.02)}
body.home-mode .gh-mini-action>span svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75}
body.home-mode .gh-mini-action.checkin>span{color:var(--neon-purple);box-shadow:0 0 14px rgba(var(--neon-purple-rgb),.12)}
body.home-mode .gh-mini-action.rest>span{color:var(--neon-blue);box-shadow:0 0 14px rgba(var(--neon-blue-rgb),.12)}
body.home-mode .gh-mini-action.edit>span{color:var(--neon-cyan);box-shadow:0 0 14px rgba(var(--neon-cyan-rgb),.12)}
body.home-mode .gh-mini-action b{font-size:12px!important;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:clip}
body.home-mode .gh-mini-action small{font-size:10.5px!important;line-height:1.15!important;color:#8798aa!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
body.home-mode .gh-home-health{display:grid;gap:8px;margin:0!important}
body.home-mode .gh-home-health-card{min-height:112px!important;height:auto!important;padding:14px 16px!important;display:grid!important;grid-template-columns:72px minmax(0,1fr) 140px!important;gap:14px!important;align-items:center!important;border-radius:18px!important}
body.home-mode .gh-apple-health-icon{width:68px!important;height:68px!important;font-size:0!important;color:var(--neon-lime)!important;border-color:rgba(var(--neon-lime-rgb),.52)!important;border-radius:16px!important;box-shadow:0 0 22px rgba(var(--neon-lime-rgb),.14)!important}
body.home-mode .gh-apple-health-icon svg{width:38px!important;height:38px!important;stroke:currentColor!important;fill:none!important}
body.home-mode .gh-health-copy h3{font-size:18px!important;margin:0 0 5px!important}
body.home-mode .gh-home-health-card p{font-size:12px!important;line-height:1.35!important;color:#92a2b4!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:block!important}
body.home-mode .gh-health-cta{position:static!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:52px!important;height:auto!important;padding:0 12px!important;border-color:rgba(var(--neon-lime-rgb),.45)!important;background:linear-gradient(145deg,rgba(26,91,38,.75),rgba(7,57,25,.8))!important;color:#f5fff5!important;font-size:13px!important;border-radius:13px!important;box-shadow:0 0 18px rgba(var(--neon-lime-rgb),.10)!important}
body.home-mode .gh-home-utility-grid{display:block!important}.gh-dashboard-side:empty{display:none!important}
body.home-mode .home-quick-card{padding:14px 16px!important;border-radius:18px!important;overflow:hidden!important}
body.home-mode .home-quick-card .gh-home-section-kicker{margin-bottom:10px!important}
body.home-mode .gh-quick-more{color:var(--neon-orange)!important;font-size:12px!important}
body.home-mode .gh-quick-compact{display:grid!important;grid-template-columns:64px minmax(130px,1fr) minmax(250px,1.15fr) auto!important;gap:12px!important;align-items:center!important}
body.home-mode .gh-quick-timer-icon{width:60px!important;height:60px!important;font-size:0!important;color:var(--neon-orange)!important;border-color:rgba(var(--neon-orange-rgb),.5)!important;border-radius:15px!important;box-shadow:0 0 20px rgba(var(--neon-orange-rgb),.12)!important}
body.home-mode .gh-quick-timer-icon svg{width:34px!important;height:34px!important;stroke:currentColor!important}
body.home-mode .gh-quick-title h3{font-size:17px!important;margin:0 0 4px!important}.gh-quick-title p{font-size:11.5px!important;color:#93a3b5!important}
body.home-mode .quick-timer-grid{display:grid!important;grid-template-columns:repeat(3,minmax(58px,1fr))!important;gap:4px!important;align-items:center!important}
body.home-mode .quick-timer-grid .field{display:grid!important;justify-items:center!important;gap:2px!important;margin:0!important}
body.home-mode .quick-input-wrap input{width:48px!important;font-size:25px!important;font-weight:850!important;text-align:center!important;background:transparent!important;border:0!important;padding:0!important;color:#fff!important}
body.home-mode .quick-input-wrap small{font-size:11px!important}.quick-timer-grid .field>span{font-size:11px!important;color:#8191a4!important}
body.home-mode .quick-start-btn{min-height:38px!important;padding:0 12px!important;border-color:rgba(var(--neon-orange-rgb),.45)!important;background:rgba(var(--neon-orange-rgb),.08)!important;color:var(--neon-orange)!important;font-size:11.5px!important;white-space:nowrap!important}
body.home-mode .gh-quick-advanced{margin-top:10px!important}

/* ========================= TRAIN ========================= */
#view-routines .gh-neon-page-head{margin-bottom:12px!important}
#view-routines .gh-neon-page-head h2{font-size:34px!important;letter-spacing:-.045em!important}
#view-routines .gh-six-lanes{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important;margin:12px 0 18px!important}
#view-routines .gh-six-lanes .gh-lane-switch{min-height:86px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:9px 7px!important;border:1px solid currentColor!important;border-radius:15px!important;background:linear-gradient(155deg,#081622,#07111b)!important;text-align:center!important;color:#a9bac9!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
#view-routines .gh-six-lanes .gh-lane-switch-icon{width:34px!important;height:34px!important;border-radius:10px!important;border:1px solid currentColor!important;box-shadow:0 0 14px color-mix(in srgb,currentColor 16%,transparent)!important}
#view-routines .gh-six-lanes .gh-lane-switch-icon svg{width:21px!important;height:21px!important;stroke:currentColor!important;filter:drop-shadow(0 0 6px currentColor)}
#view-routines .gh-six-lanes .gh-lane-switch-copy strong{font-size:12px!important;line-height:1.1!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
#view-routines .gh-lane-switch.calisthenics{color:var(--neon-blue)!important}#view-routines .gh-lane-switch.strength{color:var(--neon-cyan)!important}#view-routines .gh-lane-switch.cardio{color:var(--neon-lime)!important}#view-routines .gh-lane-switch.hybrid{color:var(--neon-purple)!important}#view-routines .gh-lane-switch.mobility{color:var(--neon-orange)!important}#view-routines .gh-lane-switch.recovery{color:var(--neon-rose)!important}
#view-routines .gh-six-lanes .gh-lane-switch.active{border-color:var(--neon-blue)!important;box-shadow:0 0 0 1px rgba(var(--neon-blue-rgb),.7),0 0 22px rgba(var(--neon-blue-rgb),.16),inset 0 0 20px rgba(var(--neon-blue-rgb),.06)!important;background:linear-gradient(155deg,#0a1b2b,#07131e)!important}
#view-routines .gh-neon-train-dashboard{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:0!important}
#view-routines .training-mode-intro{min-height:250px!important;border-radius:18px!important;border-color:rgba(70,112,153,.45)!important}
#view-routines .training-mode-intro>div{max-width:55%!important}#view-routines .training-mode-intro h2{font-size:30px!important;line-height:1.04!important;max-width:15ch!important}#view-routines .training-mode-intro .subtle{font-size:12px!important;line-height:1.42!important}
#view-routines .training-mode-intro .primary{min-height:48px!important;border-radius:12px!important;box-shadow:0 0 20px rgba(var(--neon-blue-rgb),.13)!important}
#view-routines .training-mode-intro.mobility::before{background:radial-gradient(circle at 72% 40%,rgba(var(--neon-orange-rgb),.22),transparent 30%),linear-gradient(145deg,#1b1307,#07121d)!important}
#view-routines .training-mode-intro.recovery::before{background:radial-gradient(circle at 72% 40%,rgba(var(--neon-rose-rgb),.20),transparent 30%),linear-gradient(145deg,#1a0912,#07121d)!important}
#view-routines .gh-coach-feature-card{min-height:120px!important;display:grid!important;grid-template-columns:104px minmax(0,1fr) 150px!important;gap:16px!important;align-items:center!important;padding:14px 16px!important;border:1px solid rgba(var(--neon-purple-rgb),.34)!important;border-radius:17px!important;background:linear-gradient(145deg,#0b1422,#07111b)!important}
#view-routines .gh-coach-feature-icon{width:96px;height:96px;border-radius:15px;overflow:hidden;border:1px solid rgba(var(--neon-purple-rgb),.5);box-shadow:0 0 22px rgba(var(--neon-purple-rgb),.15)}
#view-routines .gh-coach-feature-copy .eyebrow{color:var(--neon-purple)!important}#view-routines .gh-coach-feature-copy h3{font-size:18px!important;margin:3px 0 5px!important}#view-routines .gh-coach-feature-copy p{font-size:11.5px!important;line-height:1.4!important;color:#94a4b6!important}
#view-routines .gh-coach-feature-cta{min-height:48px!important;border-color:rgba(var(--neon-purple-rgb),.55)!important;background:linear-gradient(145deg,#5620a7,#7e22ca)!important;color:#fff!important;border-radius:12px!important}
#view-routines .gh-train-saved,#view-routines .gh-train-library{border-radius:17px!important;border-color:rgba(66,103,139,.38)!important;background:linear-gradient(145deg,#091724,#07121d)!important;padding:15px!important}

/* ========================= PROGRESS ========================= */
#view-history .progress-page-head h2{font-size:34px!important;letter-spacing:-.045em!important}#view-history .progress-page-head .subtle{font-size:12px!important;max-width:52ch!important}
#view-history .progress-area-tabs{margin:12px 0 14px!important;background:#07131e!important;border-color:rgba(74,108,145,.42)!important}
#view-history .progress-area-tab{min-height:54px!important}.progress-area-tab-icon svg{filter:drop-shadow(0 0 6px currentColor)}
#view-history .progress-area-tab.active{background:rgba(var(--neon-blue-rgb),.06)!important;border-color:var(--neon-blue)!important;box-shadow:0 0 17px rgba(var(--neon-blue-rgb),.13)!important}
#view-history .progress-area-tab[data-progress-area="overview"]{color:var(--neon-purple)!important}#view-history .progress-area-tab[data-progress-area="calisthenics"]{color:var(--neon-blue)!important}#view-history .progress-area-tab[data-progress-area="strength"]{color:var(--neon-cyan)!important}#view-history .progress-area-tab[data-progress-area="cardio"]{color:var(--neon-lime)!important}
#view-history .gh-progress-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:11px}
#view-history .gh-progress-summary-card,#view-history .gh-progress-metric-card,#view-history .gh-progress-trend-card{border:1px solid rgba(70,106,142,.4)!important;border-radius:17px!important;background:linear-gradient(145deg,#091724,#07121d)!important;padding:15px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
#view-history .gh-summary-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.gh-summary-head .gh-neon-icon{width:40px;height:40px;flex:0 0 auto}.gh-summary-head h3{font-size:16px!important;margin:0 0 2px!important}.gh-summary-head p{font-size:10.5px!important;line-height:1.2!important;color:#8fa0b2!important;margin:0!important}
#view-history .gh-summary-lines{display:grid;gap:0}.gh-summary-lines>div{min-height:34px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid rgba(85,111,139,.22)}.gh-summary-lines>div:first-child{border-top:0}.gh-summary-lines span{font-size:11px;color:#a6b5c3}.gh-summary-lines strong{font-size:11.5px;color:#f2f6fa;text-align:right;overflow-wrap:anywhere}.gh-progress-summary-card.patterns .gh-summary-lines strong{color:#d258ff}
#view-history .gh-progress-metric-card{min-height:180px}.gh-big-number{display:block;font-size:38px;line-height:1;font-weight:900;text-align:center;margin-top:8px}.gh-big-number.lime{color:var(--neon-lime);text-shadow:0 0 16px rgba(var(--neon-lime-rgb),.3)}.gh-big-number.blue{color:var(--neon-blue);text-shadow:0 0 16px rgba(var(--neon-blue-rgb),.3)}.gh-big-label{display:block;text-align:center;font-size:11px;color:#9aacbc;margin-top:4px}
#view-history .gh-week-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:16px}.gh-week-dots span{height:28px;border:1px solid #314359;border-radius:50%;display:grid;place-items:center;font-size:9px;color:#8395a6}.gh-week-dots span.done{border-color:var(--neon-lime);background:rgba(var(--neon-lime-rgb),.15);color:var(--neon-lime);box-shadow:0 0 10px rgba(var(--neon-lime-rgb),.15)}
#view-history .gh-pr-bars{height:48px;display:flex;align-items:flex-end;justify-content:center;gap:7px;margin-top:10px}.gh-pr-bars i{width:14px;min-height:8px;border-radius:3px 3px 0 0;background:linear-gradient(#21a6ff,#126ee5);box-shadow:0 0 8px rgba(var(--neon-blue-rgb),.25)}
#view-history .gh-progress-trend-card{margin-top:0!important}.gh-progress-trend-card .chart-wrap{height:150px!important}.gh-progress-trend-card .bar{background:linear-gradient(to top,#7c25dc,#da55ff)!important;box-shadow:0 0 7px rgba(var(--neon-purple-rgb),.2)}

/* ========================= PROFILE ========================= */
#view-profile .gh-profile-head h2{font-size:34px!important;letter-spacing:-.045em!important}
#view-profile .gh-profile-grid{gap:8px!important}
#view-profile .gh-profile-row{min-height:72px!important;border-radius:16px!important;background:linear-gradient(145deg,#091724,#07121d)!important;border-color:rgba(69,106,142,.4)!important}
#view-profile .gh-profile-row-icon{width:44px!important;height:44px!important;border-radius:12px!important;background:#071725!important;box-shadow:0 0 16px color-mix(in srgb,currentColor 14%,transparent)!important}
#view-profile .gh-profile-row-icon svg{width:24px!important;height:24px!important;stroke:currentColor!important;fill:none!important}
#view-profile .gh-profile-row-icon.training{color:var(--neon-blue)!important;border-color:rgba(var(--neon-blue-rgb),.55)!important}#view-profile .gh-profile-row-icon.equipment{color:var(--neon-orange)!important;border-color:rgba(var(--neon-orange-rgb),.55)!important}#view-profile .gh-profile-row-icon.goals{color:var(--neon-rose)!important;border-color:rgba(var(--neon-rose-rgb),.55)!important}#view-profile .gh-profile-row-icon.injury{color:var(--neon-lime)!important;border-color:rgba(var(--neon-lime-rgb),.55)!important}
#view-profile .gh-profile-row strong{font-size:14px!important}.gh-profile-row small{font-size:11px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:block!important}
#view-profile .gh-profile-quick-grid{gap:9px!important;margin-top:9px!important}
#view-profile .gh-profile-quick{min-height:116px!important;padding:12px!important;border-radius:16px!important;background:linear-gradient(145deg,#091724,#07121d)!important;border-color:rgba(70,106,142,.4)!important;display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:11px!important;align-content:center!important}
#view-profile .gh-profile-quick>span{grid-row:1/3;width:58px!important;height:58px!important;border-radius:50%!important;background:#071725!important}
#view-profile .gh-profile-quick.coach{border-color:rgba(var(--neon-purple-rgb),.38)!important}.gh-profile-quick.coach>.gh-profile-coach-art{width:66px!important;height:66px!important;border-radius:13px!important;overflow:hidden!important;border:1px solid rgba(var(--neon-purple-rgb),.5)!important;box-shadow:0 0 18px rgba(var(--neon-purple-rgb),.15)!important;background:#050a14!important}.gh-profile-quick.coach>.gh-profile-coach-art .gh-coach-avatar{border-radius:12px!important}
#view-profile .gh-profile-quick.health>span{color:var(--neon-lime)!important;border-color:rgba(var(--neon-lime-rgb),.5)!important}.gh-profile-quick.nutrition>span{color:var(--neon-cyan)!important;border-color:rgba(var(--neon-cyan-rgb),.5)!important}.gh-profile-quick.settings>span{color:var(--neon-blue)!important;border-color:rgba(var(--neon-blue-rgb),.5)!important}
#view-profile .gh-profile-quick strong{font-size:14px!important;align-self:end}.gh-profile-quick small{font-size:10.5px!important;line-height:1.25!important;color:#91a2b3!important;align-self:start}

/* ========================= PHONE FIT ========================= */
@media(max-width:959px) and (orientation:portrait){
  .main-content{padding-left:13px!important;padding-right:13px!important}
  body.home-mode .gh-home-dashboard{gap:11px!important}
  body.home-mode .gh-home-personalized{padding:13px!important;border-radius:17px!important}
  body.home-mode .gh-home-section-kicker{font-size:11.5px!important;margin-bottom:10px!important}
  body.home-mode .gh-personalized-compact{grid-template-columns:78px minmax(0,1fr) 122px!important;gap:10px!important}
  body.home-mode .gh-personalized-target{width:76px!important;height:76px!important;border-radius:14px!important}
  body.home-mode .gh-personalized-copy h3{font-size:18px!important;line-height:1.07!important;margin-bottom:5px!important}
  body.home-mode .gh-personalized-copy p{font-size:11px!important;line-height:1.32!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important}
  body.home-mode .gh-coach-note{font-size:10px!important;margin-top:6px!important}
  body.home-mode .gh-personalized-cta{min-height:62px!important;font-size:12px!important;padding:9px!important;border-radius:13px!important}
  body.home-mode .gh-personalized-mini-actions{margin-top:11px!important;border-radius:13px!important}
  body.home-mode .gh-mini-action{min-height:62px!important;padding:8px 7px!important;grid-template-columns:31px minmax(0,1fr)!important;column-gap:6px!important}
  body.home-mode .gh-mini-action>span{width:30px;height:30px}.gh-mini-action>span svg{width:17px!important;height:17px!important}.gh-mini-action b{font-size:10.5px!important}.gh-mini-action small{font-size:9px!important;line-height:1.08!important}
  body.home-mode .gh-home-health{gap:6px!important}.gh-home-section-kicker.health{margin-left:2px!important}
  body.home-mode .gh-home-health-card{min-height:96px!important;padding:11px 12px!important;grid-template-columns:56px minmax(0,1fr) 112px!important;gap:10px!important;border-radius:16px!important}
  body.home-mode .gh-apple-health-icon{width:54px!important;height:54px!important;border-radius:13px!important}.gh-apple-health-icon svg{width:30px!important;height:30px!important}
  body.home-mode .gh-health-copy h3{font-size:15px!important;margin-bottom:3px!important}.gh-home-health-card p{font-size:10.5px!important;line-height:1.25!important}.gh-health-cta{min-height:46px!important;font-size:11.5px!important}
  body.home-mode .home-quick-card{padding:11px 12px!important;border-radius:16px!important}.home-quick-card .gh-home-section-kicker{margin-bottom:6px!important}
  body.home-mode .gh-quick-compact{grid-template-columns:52px minmax(92px,1fr) minmax(148px,1.15fr)!important;gap:9px!important}.gh-quick-timer-icon{width:50px!important;height:50px!important;border-radius:12px!important}.gh-quick-timer-icon svg{width:28px!important;height:28px!important}
  body.home-mode .gh-quick-title h3{font-size:14px!important}.gh-quick-title p{font-size:9.8px!important;line-height:1.18!important}.quick-input-wrap input{font-size:21px!important;width:42px!important}.quick-timer-grid .field>span{font-size:9.5px!important}.quick-start-btn{grid-column:3!important;justify-self:end!important;margin-top:3px!important;min-height:30px!important;font-size:9.5px!important;padding:0 8px!important}
  body.home-mode .gh-quick-advanced{display:none!important}

  #view-routines .gh-neon-page-head{margin:1px 2px 8px!important}#view-routines .gh-neon-page-head h2{font-size:29px!important}.gh-neon-page-head .subtle{font-size:11px!important}
  #view-routines .gh-six-lanes{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:8px 0 14px!important}
  #view-routines .gh-six-lanes .gh-lane-switch{min-height:73px!important;padding:7px 5px!important;gap:5px!important;border-radius:13px!important}.gh-six-lanes .gh-lane-switch-icon{width:29px!important;height:29px!important;border-radius:9px!important}.gh-six-lanes .gh-lane-switch-icon svg{width:18px!important;height:18px!important}.gh-six-lanes .gh-lane-switch-copy strong{font-size:10.5px!important;line-height:1.08!important}
  #view-routines .training-mode-intro{min-height:210px!important;padding:17px!important;border-radius:16px!important}.training-mode-intro::before{width:58%!important}.training-mode-intro>div{max-width:58%!important}.training-mode-intro h2{font-size:22px!important}.training-mode-intro .subtle{font-size:10.5px!important;line-height:1.32!important}.training-mode-intro .primary{min-height:42px!important;font-size:10.5px!important;padding:0 12px!important;margin-top:11px!important}
  #view-routines .gh-coach-feature-card{grid-template-columns:76px minmax(0,1fr) 112px!important;min-height:100px!important;padding:10px 11px!important;gap:10px!important;border-radius:15px!important}.gh-coach-feature-icon{width:72px!important;height:72px!important;border-radius:13px!important}.gh-coach-feature-copy h3{font-size:14px!important}.gh-coach-feature-copy p{font-size:9.8px!important;line-height:1.25!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.gh-coach-feature-cta{min-height:44px!important;font-size:10.5px!important;padding:0 9px!important}
  #view-routines .gh-train-saved,#view-routines .gh-train-library{padding:12px!important;border-radius:15px!important}

  #view-history .progress-page-head{margin-bottom:7px!important}.progress-page-head h2{font-size:29px!important}.progress-page-head .subtle{font-size:10.5px!important}.progress-area-tabs{margin:8px 0 10px!important;padding:4px!important;gap:3px!important}.progress-area-tab{min-height:47px!important;gap:4px!important}.progress-area-tab-icon{width:18px!important;height:18px!important}.progress-area-tab-icon svg{width:15px!important;height:15px!important}.progress-area-tab .gh-training-mode-control-label{font-size:9.8px!important}
  #view-history .gh-progress-overview-grid{gap:8px!important;margin-bottom:8px!important}.gh-progress-summary-card,.gh-progress-metric-card,.gh-progress-trend-card{padding:11px!important;border-radius:14px!important}.gh-summary-head{gap:7px!important;margin-bottom:8px!important}.gh-summary-head .gh-neon-icon{width:32px!important;height:32px!important;border-radius:9px!important}.gh-summary-head h3{font-size:13px!important}.gh-summary-head p{font-size:8.8px!important}.gh-summary-lines>div{min-height:29px!important;gap:8px!important}.gh-summary-lines span{font-size:9px!important}.gh-summary-lines strong{font-size:9.3px!important}.gh-progress-metric-card{min-height:150px!important}.gh-big-number{font-size:31px!important}.gh-big-label{font-size:9.5px!important}.gh-week-dots{gap:3px!important;margin-top:11px!important}.gh-week-dots span{height:23px!important;font-size:7.5px!important}.gh-pr-bars{height:38px!important;gap:5px!important}.gh-pr-bars i{width:10px!important}.gh-progress-trend-card .chart-wrap{height:125px!important}

  #view-profile .gh-profile-head{margin:1px 2px 9px!important}.gh-profile-head h2{font-size:29px!important}.gh-profile-head .subtle{font-size:10.5px!important}.profile-avatar{width:54px!important;height:54px!important;border-radius:16px!important}
  #view-profile .gh-profile-grid{gap:7px!important}.gh-profile-row{min-height:68px!important;padding:9px 11px!important;grid-template-columns:43px minmax(0,1fr) 16px!important;gap:10px!important;border-radius:14px!important}.gh-profile-row-icon{width:40px!important;height:40px!important}.gh-profile-row strong{font-size:13px!important}.gh-profile-row small{font-size:9.8px!important;line-height:1.18!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
  #view-profile .gh-profile-quick-grid{gap:8px!important;margin-top:8px!important}.gh-profile-quick{min-height:100px!important;padding:10px!important;grid-template-columns:54px minmax(0,1fr)!important;column-gap:9px!important;border-radius:14px!important}.gh-profile-quick>span{width:50px!important;height:50px!important}.gh-profile-quick.coach>.gh-profile-coach-art{width:54px!important;height:54px!important;border-radius:11px!important}.gh-profile-quick strong{font-size:12px!important}.gh-profile-quick small{font-size:9px!important;line-height:1.18!important}
}

@media(max-width:390px) and (orientation:portrait){
  body.home-mode .gh-personalized-compact{grid-template-columns:68px minmax(0,1fr) 108px!important;gap:8px!important}.gh-personalized-target{width:66px!important;height:66px!important}.gh-personalized-copy h3{font-size:16px!important}.gh-personalized-copy p{font-size:10px!important}.gh-coach-note{display:none!important}.gh-personalized-cta{font-size:10.5px!important;min-height:56px!important}
  body.home-mode .gh-mini-action{grid-template-columns:28px minmax(0,1fr)!important;padding:7px 5px!important}.gh-mini-action>span{width:27px!important;height:27px!important}.gh-mini-action b{font-size:9.5px!important}.gh-mini-action small{font-size:8.2px!important}
  body.home-mode .gh-home-health-card{grid-template-columns:50px minmax(0,1fr) 96px!important}.gh-apple-health-icon{width:48px!important;height:48px!important}.gh-health-copy h3{font-size:13.5px!important}.gh-home-health-card p{font-size:9.5px!important}.gh-health-cta{font-size:10px!important}
  body.home-mode .gh-quick-compact{grid-template-columns:46px minmax(82px,1fr) minmax(138px,1.15fr)!important}.gh-quick-timer-icon{width:44px!important;height:44px!important}.gh-quick-title h3{font-size:13px!important}.gh-quick-title p{font-size:9px!important}.quick-input-wrap input{font-size:19px!important;width:38px!important}
  #view-routines .gh-six-lanes .gh-lane-switch-copy strong{font-size:9.6px!important}
  #view-routines .gh-coach-feature-card{grid-template-columns:64px minmax(0,1fr) 98px!important}.gh-coach-feature-icon{width:60px!important;height:60px!important}.gh-coach-feature-copy p{font-size:8.9px!important}.gh-coach-feature-cta{font-size:9.5px!important}
  #view-profile .gh-profile-quick{min-height:94px!important;grid-template-columns:48px minmax(0,1fr)!important}.gh-profile-quick>span,.gh-profile-quick.coach>.gh-profile-coach-art{width:46px!important;height:46px!important}.gh-profile-quick strong{font-size:11px!important}.gh-profile-quick small{font-size:8.5px!important}
}

@media(min-width:960px){
  #view-routines .gh-six-lanes{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  #view-routines .gh-neon-train-dashboard{grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr)!important}.gh-train-feature{grid-column:1}.gh-coach-feature-card{grid-column:2;grid-row:1}.gh-train-saved{grid-column:1}.gh-train-library{grid-column:2}
  #view-history .gh-progress-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gh-progress-summary-card{grid-column:span 2}.gh-progress-metric-card{grid-column:span 1}
}
/* Strong semantic ownership over legacy component-theme selectors. */
#view-routines .gh-lane-switch.mobility .gh-training-mode-control-icon,
#view-routines .gh-lane-switch.mobility .gh-training-mode-control-label{color:var(--neon-orange)!important}
#view-routines .gh-lane-switch.recovery .gh-training-mode-control-icon,
#view-routines .gh-lane-switch.recovery .gh-training-mode-control-label{color:var(--neon-rose)!important}
#view-routines .gh-lane-switch.calisthenics .gh-training-mode-control-label{color:var(--neon-blue)!important}
#view-routines .gh-lane-switch.strength .gh-training-mode-control-label{color:var(--neon-cyan)!important}
#view-routines .gh-lane-switch.cardio .gh-training-mode-control-label{color:var(--neon-lime)!important}
#view-routines .gh-lane-switch.hybrid .gh-training-mode-control-label{color:var(--neon-purple)!important}
/* Final semantic parity: icon + label use the exact same token everywhere. */
#view-routines .gh-lane-switch.calisthenics .gh-training-mode-control-icon,
#view-routines .gh-lane-switch.calisthenics .gh-training-mode-control-label,
#view-history .progress-area-tab[data-progress-area="calisthenics"] .gh-training-mode-control-icon,
#view-history .progress-area-tab[data-progress-area="calisthenics"] .gh-training-mode-control-label{color:var(--neon-blue)!important}
#view-routines .gh-lane-switch.strength .gh-training-mode-control-icon,
#view-routines .gh-lane-switch.strength .gh-training-mode-control-label,
#view-history .progress-area-tab[data-progress-area="strength"] .gh-training-mode-control-icon,
#view-history .progress-area-tab[data-progress-area="strength"] .gh-training-mode-control-label{color:var(--neon-cyan)!important}
#view-routines .gh-lane-switch.cardio .gh-training-mode-control-icon,
#view-routines .gh-lane-switch.cardio .gh-training-mode-control-label,
#view-history .progress-area-tab[data-progress-area="cardio"] .gh-training-mode-control-icon,
#view-history .progress-area-tab[data-progress-area="cardio"] .gh-training-mode-control-label{color:var(--neon-lime)!important}
#view-routines .gh-lane-switch.hybrid .gh-training-mode-control-icon,
#view-routines .gh-lane-switch.hybrid .gh-training-mode-control-label{color:var(--neon-purple)!important}
#view-history .progress-area-tab[data-progress-area="overview"] .gh-training-mode-control-icon,
#view-history .progress-area-tab[data-progress-area="overview"] .gh-training-mode-control-label{color:var(--neon-purple)!important}
@media(max-width:959px) and (orientation:portrait){
  #view-history .progress-area-tab .gh-training-mode-control-label{font-size:11px!important}
}
#view-routines .gh-lane-switch.calisthenics,#view-history .progress-area-tab[data-progress-area="calisthenics"]{--gh-mode-accent:var(--neon-blue)!important;--gh-mode-accent-rgb:var(--neon-blue-rgb)!important}
#view-routines .gh-lane-switch.strength,#view-history .progress-area-tab[data-progress-area="strength"]{--gh-mode-accent:var(--neon-cyan)!important;--gh-mode-accent-rgb:var(--neon-cyan-rgb)!important}
#view-routines .gh-lane-switch.cardio,#view-history .progress-area-tab[data-progress-area="cardio"]{--gh-mode-accent:var(--neon-lime)!important;--gh-mode-accent-rgb:var(--neon-lime-rgb)!important}
#view-routines .gh-lane-switch.hybrid{--gh-mode-accent:var(--neon-purple)!important;--gh-mode-accent-rgb:var(--neon-purple-rgb)!important}
#view-routines .gh-lane-switch.mobility{--gh-mode-accent:var(--neon-orange)!important;--gh-mode-accent-rgb:var(--neon-orange-rgb)!important}
#view-routines .gh-lane-switch.recovery{--gh-mode-accent:var(--neon-rose)!important;--gh-mode-accent-rgb:var(--neon-rose-rgb)!important}
#view-history .progress-area-tab[data-progress-area="overview"]{--gh-mode-accent:var(--neon-purple)!important;--gh-mode-accent-rgb:var(--neon-purple-rgb)!important}
/* Tall-phone fill: use spare Home space for a useful weekly snapshot, never a redundant Train shortcut. */
body.home-mode .gh-home-week-strip{display:none;border:1px solid rgba(var(--neon-blue-rgb),.30)!important;border-radius:16px!important;background:linear-gradient(145deg,#081522,#06111b)!important;padding:10px 13px!important;align-items:center;grid-template-columns:auto minmax(0,1fr);gap:14px}
body.home-mode .gh-home-week-kicker{display:flex;align-items:center;gap:7px;color:var(--neon-blue);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.gh-home-week-kicker svg{width:18px;height:18px;fill:none;stroke:currentColor;filter:drop-shadow(0 0 6px currentColor)}
body.home-mode .gh-home-week-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.gh-home-week-metrics div{display:grid;justify-items:center;gap:2px;border-left:1px solid rgba(80,108,137,.26)}.gh-home-week-metrics div:first-child{border-left:0}.gh-home-week-metrics strong{font-size:15px;color:#f4f8fb}.gh-home-week-metrics span{font-size:10.5px;color:#8fa0b2}
@media(max-width:959px) and (orientation:portrait) and (min-height:880px){
  body.home-mode .gh-home-week-strip{display:grid!important;min-height:70px!important}
  body.home-mode .gh-personalized-compact{grid-template-columns:88px minmax(0,1fr) 128px!important;gap:12px!important}
  body.home-mode .gh-personalized-target{width:86px!important;height:86px!important}
  body.home-mode .gh-personalized-copy h3{font-size:19px!important}
  body.home-mode .gh-personalized-copy p{font-size:11.2px!important}
  body.home-mode .gh-personalized-mini-actions{margin-top:13px!important}
  body.home-mode .gh-mini-action{min-height:68px!important}
  body.home-mode .gh-mini-action b{font-size:11px!important}
  body.home-mode .gh-mini-action small{font-size:10.5px!important;line-height:1.12!important}
  body.home-mode .gh-home-health-card{min-height:102px!important}
  body.home-mode .home-quick-card{min-height:158px!important}
  #view-profile .gh-profile-head{margin-bottom:12px!important}
  #view-profile .gh-profile-row{min-height:78px!important;padding:11px 13px!important}
  #view-profile .gh-profile-row strong{font-size:14.5px!important}
  #view-profile .gh-profile-row small{display:block!important;font-size:11px!important;line-height:1.22!important;color:#91a2b3!important}
  #view-profile .gh-profile-quick{min-height:126px!important;padding:12px!important;grid-template-columns:62px minmax(0,1fr)!important;column-gap:11px!important}
  #view-profile .gh-profile-quick>span{width:58px!important;height:58px!important}
  #view-profile .gh-profile-quick.coach>.gh-profile-coach-art{width:62px!important;height:62px!important}
  #view-profile .gh-profile-quick strong{font-size:12.5px!important;white-space:nowrap!important}
  #view-profile .gh-profile-quick small{display:block!important;font-size:10.5px!important;line-height:1.25!important;color:#91a2b3!important}
}
/* Force readable wrapped lane names, especially Mobility & Flexibility. */
#view-routines .gh-six-lanes .gh-training-mode-control-label{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.08!important;text-align:center!important}
/* Mobile logo size closer to the approved phone mockups. */
@media(max-width:959px){.mobile-brand-row .brand-logo-img{width:112px!important;max-width:112px!important;height:auto!important}}
/* Alpha4.68 phone readability authority: no tiny gray copy and no accidental ellipsis. */
@media(max-width:959px) and (orientation:portrait){
  body.home-mode .gh-personalized-compact{grid-template-columns:78px minmax(0,1fr) 118px!important;gap:9px!important}
  body.home-mode .gh-personalized-target{width:76px!important;height:76px!important}
  body.home-mode .gh-personalized-copy h3{font-size:18px!important}
  body.home-mode .gh-personalized-copy p{font-size:10.8px!important;line-height:1.3!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important}
  body.home-mode .gh-coach-note{display:block!important;font-size:10.5px!important}
  body.home-mode .gh-personalized-cta{font-size:11.5px!important;min-height:60px!important}
  body.home-mode .gh-mini-action b{font-size:10.5px!important;white-space:nowrap!important}
  body.home-mode .gh-mini-action small{font-size:10.5px!important;line-height:1.08!important}
  body.home-mode .gh-quick-title p,
  body.home-mode .quick-timer-grid .field>span,
  body.home-mode .quick-start-btn{font-size:10.5px!important}
  #view-routines .gh-six-lanes .gh-training-mode-control-label{font-size:11.5px!important;white-space:normal!important}
  #view-routines .gh-lane-switch.mobility .gh-training-mode-control-label{max-width:9ch!important;margin-inline:auto!important}
  #view-routines .gh-coach-feature-copy p{font-size:10.5px!important;line-height:1.3!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important}
  #view-history .gh-summary-head p,
  #view-history .gh-summary-lines span,
  #view-history .gh-summary-lines strong,
  #view-history .gh-big-label,
  #view-history .gh-week-dots span{font-size:10.5px!important}
  #view-profile .gh-profile-row small,
  #view-profile .gh-profile-quick small{font-size:10.5px!important;line-height:1.2!important;overflow:visible!important;text-overflow:clip!important}
}
@media(max-width:390px) and (orientation:portrait){
  body.home-mode .gh-personalized-compact{grid-template-columns:68px minmax(0,1fr) 105px!important;gap:7px!important}
  body.home-mode .gh-personalized-target{width:66px!important;height:66px!important}
  body.home-mode .gh-personalized-copy h3{font-size:16px!important}
  body.home-mode .gh-personalized-copy p{font-size:10.5px!important}
  body.home-mode .gh-personalized-cta{font-size:10.5px!important}
  #view-routines .gh-six-lanes .gh-training-mode-control-label{font-size:10.9px!important}
  #view-routines .gh-coach-feature-copy p{font-size:10.5px!important}
  #view-profile .gh-profile-quick strong{font-size:11.5px!important}
  #view-profile .gh-profile-quick small{font-size:10.5px!important}
}
@media(max-width:959px) and (orientation:portrait) and (min-height:880px){
  body.home-mode .gh-personalized-compact{grid-template-columns:78px minmax(0,1fr) 118px!important}
  body.home-mode .gh-personalized-target{width:76px!important;height:76px!important}
  body.home-mode .gh-personalized-copy h3{font-size:18px!important}
  #view-profile .gh-profile-row{min-height:80px!important}
  #view-profile .gh-profile-quick{min-height:136px!important}
  #view-profile .gh-profile-quick strong{font-size:12.5px!important;white-space:normal!important;line-height:1.12!important}
}
#view-history .gh-week-dots span{font-size:10.5px!important}


/* ==============================================================
   GritHQ alpha4.70 — Home fidelity + single-screen spacing repair
   Approved-phone authority. Keeps the real four-tab shell while making
   Home match the approved retro-neon proportions and remain one-screen.
   ============================================================== */
@media(max-width:959px) and (orientation:portrait){
  /* Profile completion is NOT a scroll trigger. Only explicit Quick Start
     preset expansion may make Home scroll. */
  body.home-mode:not(.home-expanded),
  body.home-mode:not(.home-expanded) .app-shell,
  body.home-mode:not(.home-expanded) .app-stage{overflow:hidden!important}
  body.home-mode:not(.home-expanded) .main-content{overflow:hidden!important}

  /* Tall phones no longer grow a fifth Home section. The approved Home is
     Personalized Training + Health & Recovery + Quick Start. */
  body.home-mode .gh-home-week-strip{display:none!important}
  body.home-mode .gh-home-dashboard{gap:10px!important}

  /* Consistent retro-neon icon geometry. Every square frame is centered,
     true-square and uses the same corner language. */
  body.home-mode .gh-personalized-target,
  body.home-mode .gh-apple-health-icon,
  body.home-mode .gh-quick-timer-icon,
  body.home-mode .gh-mini-action>span{
    aspect-ratio:1/1!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 auto!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  body.home-mode .gh-personalized-target img,
  body.home-mode .gh-apple-health-icon svg,
  body.home-mode .gh-quick-timer-icon svg,
  body.home-mode .gh-mini-action>span svg{
    display:block!important;
    margin:auto!important;
    transform:none!important;
  }

  /* Personalized Training: compact enough for one screen, still the visual
     anchor and still readable on a 430-point iPhone. */
  body.home-mode .gh-home-personalized{
    padding:13px 14px!important;
    border-radius:18px!important;
  }
  body.home-mode .gh-home-section-kicker{
    margin:0 0 9px!important;
    min-height:16px!important;
    font-size:10.8px!important;
    line-height:1!important;
    letter-spacing:.16em!important;
  }
  body.home-mode .gh-home-section-kicker svg{width:15px!important;height:15px!important}
  body.home-mode .gh-personalized-compact{
    grid-template-columns:74px minmax(0,1fr) 112px!important;
    gap:11px!important;
    align-items:center!important;
  }
  body.home-mode .gh-personalized-target{
    width:74px!important;height:74px!important;border-radius:15px!important;
  }
  body.home-mode .gh-personalized-copy h3{
    font-size:17px!important;line-height:1.08!important;margin:0 0 5px!important;
  }
  body.home-mode .gh-personalized-copy p{
    font-size:10.5px!important;line-height:1.28!important;margin:0!important;
  }
  body.home-mode .gh-coach-note{display:none!important}
  body.home-mode .gh-personalized-cta{
    width:112px!important;min-width:112px!important;max-width:112px!important;
    min-height:55px!important;height:auto!important;padding:8px 9px!important;
    font-size:11px!important;line-height:1.12!important;border-radius:12px!important;
  }
  body.home-mode .gh-personalized-mini-actions{
    margin-top:11px!important;min-height:56px!important;border-radius:13px!important;
  }
  body.home-mode .gh-mini-action{
    min-height:56px!important;padding:7px 7px!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;column-gap:7px!important;
  }
  body.home-mode .gh-mini-action>span{width:30px!important;height:30px!important;border-radius:9px!important}
  body.home-mode .gh-mini-action>span svg{width:17px!important;height:17px!important}
  body.home-mode .gh-mini-action b{font-size:10.5px!important;line-height:1.05!important}
  body.home-mode .gh-mini-action small{font-size:9.2px!important;line-height:1.08!important}

  /* Health title belongs to the Health card. One two-row grid keeps the
     heading, icon, copy and CTA visually locked together. */
  body.home-mode .gh-home-health{display:block!important;margin:0!important}
  body.home-mode .gh-home-health-card{
    min-height:0!important;height:auto!important;
    padding:12px 13px 13px!important;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) 108px!important;
    grid-template-rows:auto auto!important;
    column-gap:11px!important;row-gap:8px!important;
    align-items:center!important;border-radius:17px!important;
  }
  body.home-mode .gh-home-health-card .gh-home-section-kicker.health{
    grid-column:1/-1!important;grid-row:1!important;
    margin:0!important;align-self:center!important;
  }
  body.home-mode .gh-apple-health-icon{
    grid-column:1!important;grid-row:2!important;
    width:54px!important;height:54px!important;border-radius:13px!important;
  }
  body.home-mode .gh-apple-health-icon svg{width:31px!important;height:31px!important}
  body.home-mode .gh-health-copy{grid-column:2!important;grid-row:2!important;min-width:0!important}
  body.home-mode .gh-health-copy h3{font-size:14.5px!important;line-height:1.08!important;margin:0 0 4px!important}
  body.home-mode .gh-home-health-card p{
    font-size:10.3px!important;line-height:1.25!important;margin:0!important;
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
    display:block!important;
  }
  body.home-mode .gh-health-cta{
    grid-column:3!important;grid-row:2!important;
    width:108px!important;min-width:108px!important;max-width:108px!important;
    min-height:46px!important;height:46px!important;padding:0 9px!important;
    font-size:11.2px!important;border-radius:11px!important;justify-self:end!important;
  }
  body.home-mode .gh-health-cta span{display:none!important}

  /* Quick Start stays functional but returns to the mockup's single-row
     proportion. Start remains available without adding a second row. */
  body.home-mode .home-quick-card{
    min-height:0!important;height:auto!important;padding:12px 13px!important;
    border-radius:17px!important;gap:7px!important;
  }
  body.home-mode .home-quick-card .gh-home-section-kicker{margin:0 0 6px!important}
  body.home-mode .gh-quick-more{font-size:10.8px!important}
  body.home-mode .gh-quick-compact{
    display:grid!important;
    grid-template-columns:48px minmax(82px,.85fr) minmax(132px,1.25fr) 58px!important;
    grid-template-rows:auto!important;
    gap:8px!important;align-items:center!important;
  }
  body.home-mode .gh-quick-timer-icon{width:48px!important;height:48px!important;border-radius:12px!important}
  body.home-mode .gh-quick-timer-icon svg{width:28px!important;height:28px!important}
  body.home-mode .gh-quick-title h3{font-size:13.5px!important;line-height:1.06!important;margin:0 0 3px!important}
  body.home-mode .gh-quick-title p{font-size:9.5px!important;line-height:1.15!important;margin:0!important}
  body.home-mode .home-quick-card .quick-timer-grid{
    grid-column:3!important;grid-row:1!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important;
  }
  body.home-mode .home-quick-card .quick-input-wrap{min-height:28px!important;padding:0!important}
  body.home-mode .home-quick-card .quick-input-wrap input{font-size:18px!important;width:34px!important}
  body.home-mode .home-quick-card .quick-input-wrap small,
  body.home-mode .home-quick-card .quick-timer-grid .field>span{font-size:8.8px!important}
  body.home-mode .home-quick-card .quick-start-btn{
    grid-column:4!important;grid-row:1!important;justify-self:stretch!important;
    width:58px!important;min-width:58px!important;max-width:58px!important;
    min-height:38px!important;height:38px!important;margin:0!important;padding:0 5px!important;
    font-size:9.5px!important;line-height:1!important;border-radius:10px!important;
  }
  body.home-mode .home-quick-card .quick-start-btn span{display:none!important}

  /* The real app keeps four primary tabs. Exact, even geometry prevents the
     visual asymmetry seen in the previous generated concept. */
  body.home-mode #bottomNav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.home-mode #bottomNav .nav-btn{display:grid!important;grid-template-rows:23px auto!important;place-items:center!important;gap:2px!important}
  body.home-mode #bottomNav .nav-btn svg{width:20px!important;height:20px!important;margin:0!important}
  body.home-mode #bottomNav .nav-btn small{font-size:10px!important;line-height:1!important;margin:0!important}
}

@media(max-width:390px) and (orientation:portrait){
  body.home-mode .gh-home-dashboard{gap:8px!important}
  body.home-mode .gh-home-personalized{padding:11px 12px!important}
  body.home-mode .gh-home-section-kicker{margin-bottom:7px!important;font-size:10px!important}
  body.home-mode .gh-personalized-compact{grid-template-columns:64px minmax(0,1fr) 100px!important;gap:8px!important}
  body.home-mode .gh-personalized-target{width:64px!important;height:64px!important;border-radius:13px!important}
  body.home-mode .gh-personalized-copy h3{font-size:15.5px!important}
  body.home-mode .gh-personalized-copy p{font-size:9.7px!important;line-height:1.22!important}
  body.home-mode .gh-personalized-cta{width:100px!important;min-width:100px!important;max-width:100px!important;min-height:50px!important;font-size:10px!important}
  body.home-mode .gh-personalized-mini-actions{min-height:52px!important;margin-top:9px!important}
  body.home-mode .gh-mini-action{min-height:52px!important;grid-template-columns:27px minmax(0,1fr)!important;column-gap:5px!important;padding:6px 5px!important}
  body.home-mode .gh-mini-action>span{width:27px!important;height:27px!important}
  body.home-mode .gh-mini-action b{font-size:9.6px!important}
  body.home-mode .gh-mini-action small{font-size:8.3px!important}

  body.home-mode .gh-home-health-card{padding:10px 11px 11px!important;grid-template-columns:48px minmax(0,1fr) 94px!important;column-gap:8px!important;row-gap:6px!important}
  body.home-mode .gh-apple-health-icon{width:48px!important;height:48px!important}
  body.home-mode .gh-apple-health-icon svg{width:27px!important;height:27px!important}
  body.home-mode .gh-health-copy h3{font-size:13.2px!important}
  body.home-mode .gh-home-health-card p{font-size:9.3px!important;line-height:1.2!important}
  body.home-mode .gh-health-cta{width:94px!important;min-width:94px!important;max-width:94px!important;min-height:42px!important;height:42px!important;font-size:10.2px!important}

  body.home-mode .home-quick-card{padding:10px 11px!important}
  body.home-mode .gh-quick-compact{grid-template-columns:42px minmax(72px,.8fr) minmax(123px,1.3fr) 52px!important;gap:6px!important}
  body.home-mode .gh-quick-timer-icon{width:42px!important;height:42px!important}
  body.home-mode .gh-quick-timer-icon svg{width:24px!important;height:24px!important}
  body.home-mode .gh-quick-title h3{font-size:12.3px!important}
  body.home-mode .gh-quick-title p{font-size:8.5px!important}
  body.home-mode .home-quick-card .quick-input-wrap input{font-size:16px!important;width:30px!important}
  body.home-mode .home-quick-card .quick-input-wrap small,
  body.home-mode .home-quick-card .quick-timer-grid .field>span{font-size:8px!important}
  body.home-mode .home-quick-card .quick-start-btn{width:52px!important;min-width:52px!important;max-width:52px!important;font-size:8.6px!important}
}

/* Alpha4.69 adaptive Home fill: use the available iPhone height instead of
   shrinking the approved cards and leaving a large dead zone. This is layout
   fill, not a fixed-screen lock; explicit Quick Start expansion still scrolls. */
@media(max-width:959px) and (orientation:portrait){
  body.home-mode:not(.home-expanded) .gh-home-dashboard{
    height:calc(100dvh - 60px - env(safe-area-inset-top) - 64px - env(safe-area-inset-bottom) - 22px)!important;
    min-height:0!important;
    display:grid!important;
    grid-template-rows:minmax(220px,1.65fr) minmax(112px,.78fr) minmax(108px,.72fr)!important;
    align-content:stretch!important;
    gap:10px!important;
  }
  body.home-mode:not(.home-expanded) .gh-home-personalized{
    min-height:0!important;height:auto!important;
    display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;
    align-items:stretch!important;
  }
  body.home-mode:not(.home-expanded) .gh-personalized-compact{align-self:center!important}
  body.home-mode:not(.home-expanded) .gh-personalized-mini-actions{align-self:end!important}

  body.home-mode:not(.home-expanded) .gh-home-health,
  body.home-mode:not(.home-expanded) .gh-home-health-card,
  body.home-mode:not(.home-expanded) .home-quick-card{min-height:0!important;height:100%!important}
  body.home-mode:not(.home-expanded) .gh-home-health-card{align-content:center!important}
  body.home-mode:not(.home-expanded) .home-quick-card{
    display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;align-items:stretch!important
  }
  body.home-mode:not(.home-expanded) .gh-quick-compact{align-self:center!important}
}

@media(max-width:390px) and (orientation:portrait){
  body.home-mode:not(.home-expanded) .gh-home-dashboard{
    height:calc(100dvh - 60px - env(safe-area-inset-top) - 64px - env(safe-area-inset-bottom) - 18px)!important;
    grid-template-rows:minmax(204px,1.6fr) minmax(106px,.78fr) minmax(102px,.72fr)!important;
    gap:8px!important;
  }
}
@media(max-width:959px) and (orientation:portrait){
  body.home-mode .gh-home-dashboard>.section,
  body.home-mode .gh-home-dashboard>.gh-home-health,
  body.home-mode .gh-home-dashboard>.home-quick-card,
  body.home-mode .gh-home-dashboard>.gh-home-personalized{margin:0!important}
}
/* Alpha4.69 readability + icon balance after 430×932 comparison. */
@media(min-width:391px) and (max-width:959px) and (orientation:portrait){
  body.home-mode .gh-home-section-kicker{font-size:12.2px!important}
  body.home-mode .gh-personalized-copy h3{font-size:18.5px!important}
  body.home-mode .gh-personalized-copy p{font-size:11.2px!important;line-height:1.3!important}
  body.home-mode .gh-health-copy h3{font-size:15.8px!important}
  body.home-mode .gh-home-health-card p{font-size:10.8px!important}
  body.home-mode .gh-quick-timer-icon{width:54px!important;height:54px!important}
  body.home-mode .gh-quick-timer-icon svg{width:31px!important;height:31px!important}
  body.home-mode .gh-quick-compact{grid-template-columns:54px minmax(86px,.85fr) minmax(132px,1.25fr) 58px!important}
  body.home-mode .gh-quick-title h3{font-size:14.5px!important}
  body.home-mode .gh-quick-title p{font-size:10px!important}
}
@media(max-width:390px) and (orientation:portrait){
  body.home-mode .gh-home-section-kicker{font-size:11.3px!important}
  body.home-mode .gh-health-copy h3{font-size:14px!important}
  body.home-mode .gh-quick-timer-icon{width:48px!important;height:48px!important}
  body.home-mode .gh-quick-timer-icon svg{width:27px!important;height:27px!important}
  body.home-mode .gh-quick-compact{grid-template-columns:48px minmax(75px,.82fr) minmax(119px,1.28fr) 52px!important}
  body.home-mode .gh-quick-title h3{font-size:12.8px!important}
  body.home-mode .gh-quick-title p{font-size:9px!important}
}
/* Alpha4.69 minimum readable Home text. Do not solve fit by shrinking copy. */
@media(max-width:959px) and (orientation:portrait){
  body.home-mode .gh-personalized-copy p{font-size:10.8px!important}
  body.home-mode .gh-personalized-cta{font-size:10.8px!important}
  body.home-mode .gh-mini-action b{font-size:10.8px!important}
  body.home-mode .gh-mini-action small{font-size:10.5px!important;line-height:1.08!important}
  body.home-mode .gh-home-health-card p{font-size:10.5px!important}
  body.home-mode .gh-health-cta{font-size:10.8px!important}
  body.home-mode .gh-quick-title p{font-size:10.5px!important}
  body.home-mode .home-quick-card .quick-input-wrap small,
  body.home-mode .home-quick-card .quick-timer-grid .field>span{font-size:10.5px!important}
  body.home-mode .home-quick-card .quick-start-btn{font-size:10.5px!important}
}
@media(max-width:390px) and (orientation:portrait){
  body.home-mode .gh-personalized-copy p{font-size:10.5px!important}
  body.home-mode .gh-personalized-cta{font-size:10.5px!important}
  body.home-mode .gh-personalized-mini-actions{min-height:64px!important}
  body.home-mode .gh-mini-action{min-height:64px!important}
  body.home-mode .gh-mini-action b{font-size:10.5px!important}
  body.home-mode .gh-mini-action small{font-size:10.5px!important}
  body.home-mode .gh-home-health-card p{font-size:10.5px!important}
  body.home-mode .gh-health-cta{font-size:10.5px!important}
  body.home-mode .gh-quick-title p{font-size:10.5px!important}
  body.home-mode .home-quick-card .quick-input-wrap small,
  body.home-mode .home-quick-card .quick-timer-grid .field>span,
  body.home-mode .home-quick-card .quick-start-btn{font-size:10.5px!important}
}