/* Blue Silver Metal: brushed steel tools and a blue stopwatch launcher. */
body[data-app-screen=home][data-skin=ice] .app #homeScreen>.home-brand-panel {
  background:linear-gradient(160deg,#2c4f7a,#132744 64%,#17283b) padding-box,var(--silver-brush) border-box!important;
  border:3px solid transparent!important;
  border-radius:16px!important;
  box-shadow:0 8px 18px #08142180,inset 0 1px #ebf4ff4a!important;
}
body[data-app-screen=home][data-skin=ice] .app #homeScreen .v49-tool-grid > [data-mode] {
  background:linear-gradient(145deg,#273d58,#15283e) padding-box,var(--silver-brush) border-box!important;
  border:2px solid transparent!important;
  border-radius:11px!important;
  box-shadow:0 4px 10px #08142170,inset 0 1px #e9f3ff30!important;
}
body[data-app-screen=home][data-skin=ice] .app #homeScreen .v49-tool-grid > :is([data-mode=bpm],[data-mode=tabata]) {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto 1fr;
  grid-column:auto!important;
  align-items:center!important;
  align-content:start;
  gap:7px!important;
  min-height:105px!important;
  padding:10px clamp(9px,3vw,18px)!important;
}
body[data-app-screen=home][data-skin=ice] .app #homeScreen .v49-tool-grid > :is([data-mode=bpm],[data-mode=tabata]) .mode-number {
  display:block!important;
  grid-area:1/2;
  align-self:start;
  color:#dae6f6!important;
  font:750 12px/1.1 ui-monospace,monospace!important;
  letter-spacing:.1em;
}
body[data-app-screen=home][data-skin=ice] .app #homeScreen .v49-tool-grid > :is([data-mode=bpm],[data-mode=tabata]) .mode-icon {
  display:grid!important;
  place-items:center;
  grid-area:1/1;
  width:40px!important;height:40px!important;
  margin:0!important;
  border:3px solid transparent!important;border-radius:50%!important;
  background:radial-gradient(circle at 40% 30%,#3472be,#0d284d 72%) padding-box,var(--silver-case) border-box!important;
  color:#f0f6ff!important;
  box-shadow:0 2px 5px #050c19a8!important;
  font:650 21px/1 system-ui,sans-serif!important;
  text-shadow:none!important;
}
body[data-app-screen=home][data-skin=ice] .app #homeScreen .v49-tool-grid > :is([data-mode=bpm],[data-mode=tabata]) > strong {
  grid-area:2/1/3/3;align-self:start;
}
body[data-app-screen=home][data-skin=ice] .app #homeScreen .v49-tool-grid > :is([data-mode=index],[data-mode=bodytype]) {
  grid-column:auto!important;
  min-height:74px!important;
  border-radius:8px!important;
}
body[data-app-screen=home][data-skin=ice] .app #homeScreen .v49-tool-grid > :is([data-mode=index],[data-mode=bodytype]) .mode-icon {
  display:none!important;
}
body[data-app-screen=home][data-skin=ice] .app #homeScreen a.simple-clock-home-entry {
  grid-column:1/-1!important;
  min-height:54px!important;
  padding:8px 58px 8px 13px!important;
  border:2px solid transparent!important;
  border-radius:11px!important;
  background:url("/blue-silver-stopwatch.svg") right 8px center/auto 40px no-repeat padding-box,
    radial-gradient(ellipse at 80% 20%,#2c66b2,#16457e 46%,#0f2747 82%) padding-box,
    var(--silver-brush) border-box!important;
  box-shadow:0 5px 12px #07111d95,inset 0 1px #f0f7ff55!important;
}
body[data-app-screen=home][data-skin=ice] .app #homeScreen a.simple-clock-home-entry > svg {display:none!important}
body[data-app-screen=home][data-skin=ice] .app #homeScreen a.simple-clock-home-entry > strong {
  font:850 16px/1.3 system-ui,sans-serif!important;
}
body[data-app-screen=home][data-skin=ice] .app #homeScreen a.simple-clock-home-entry > span {color:#d5e7ff!important}
body[data-app-screen=home][data-skin=ice] .app #homeScreen > :is(#nutritionEntry,#weeklyPlanEntry) {
  background:linear-gradient(145deg,#213a58,#13243b)!important;
  border:1px solid #8fa3bb!important;
  border-radius:9px!important;
  box-shadow:inset 0 1px #ecf3ff2b!important;
}
body[data-app-screen=home][data-skin=ice] .app #homeScreen > #nutritionEntry > span {color:#c7d7ec!important}
body[data-app-screen=home][data-skin=ice] .app #homeScreen :is(.daily-mode-icon,.daily-mode-arrow) {
  color:#e6f0ff!important;background:#142f54!important;border:1px solid #a7bbd3!important;
  box-shadow:none!important;text-shadow:none!important;
}

/* Redline pit lane */
body[data-app-screen=home][data-skin=redline] .app #homeScreen>.home-brand-panel {
  background:repeating-linear-gradient(125deg,#fe718f25 0 6px,transparent 6px 14px) left bottom/100% 7px no-repeat,#251b23!important;
  border:1px solid #805062!important;
  border-bottom:3px solid #fb6f7b!important;
  border-radius:3px 16px 3px 3px!important;
}
body[data-app-screen=home][data-skin=redline] .app #homeScreen .v49-tool-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
body[data-app-screen=home][data-skin=redline] .app #homeScreen .v49-tool-grid > :is([data-mode=bpm],[data-mode=tabata],a.simple-clock-home-entry) {
  display:grid!important;
  grid-column:1/-1!important;
  grid-template-columns:clamp(45px,11vw,74px) minmax(0,1fr) 24px;
  align-items:center!important;
  align-content:center;
  gap:4px clamp(6px,2.1vw,14px)!important;
  min-height:76px!important;
  padding:9px clamp(9px,3vw,18px)!important;
  border:1px solid #72505b!important;
  border-left:3px solid #fb6f7b!important;
  border-radius:3px 11px 3px 3px!important;
  background:linear-gradient(119deg,#471c28 0 19%,transparent 19.3%),
    linear-gradient(125deg,transparent 88%,#f96c791e 88.3% 93%,transparent 93.3%),
    linear-gradient(155deg,#32252e,#1b161c)!important;
  box-shadow:inset 0 1px #ffedf219,0 3px 8px #07030780!important;
}
body[data-app-screen=home][data-skin=redline] .app #homeScreen .v49-tool-grid > :is([data-mode=bpm],[data-mode=tabata]) {
  grid-template-rows:auto auto;
}
body[data-app-screen=home][data-skin=redline] .app #homeScreen .v49-tool-grid > a.simple-clock-home-entry {
  grid-template-columns:36px minmax(0,1fr) 22px;
  min-height:52px!important;
  padding:8px 12px!important;
}
body[data-app-screen=home][data-skin=redline] .app #homeScreen .v49-tool-grid > :is([data-mode=bpm],[data-mode=tabata]) > .mode-number,
body[data-app-screen=home][data-skin=redline] .app #homeScreen .v49-tool-grid > a.simple-clock-home-entry::before {
  display:block!important;
  grid-column:1;
  grid-row:1/-1;
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  background:none!important;
  color:#ff929a!important;
  font:850 italic clamp(28px,7vw,45px)/1 ui-monospace,Consolas,monospace!important;
  letter-spacing:-.075em;
  text-shadow:0 2px #170d16!important;
}
body[data-app-screen=home][data-skin=redline] .app #homeScreen .v49-tool-grid > a.simple-clock-home-entry::before {
  content:"03" / "";
  font-size:clamp(20px,5vw,28px)!important;
}
body[data-app-screen=home][data-skin=redline] .app #homeScreen .v49-tool-grid > :is([data-mode=bpm],[data-mode=tabata],a.simple-clock-home-entry) > strong {
  grid-column:2;
  grid-row:1;
  line-height:1.2!important;
}
body[data-app-screen=home][data-skin=redline] .app #homeScreen .v49-tool-grid > :is([data-mode=bpm],[data-mode=tabata]) > small {
  grid-column:2;
  grid-row:2;
}
body[data-app-screen=home][data-skin=redline] .app #homeScreen .v49-tool-grid > :is([data-mode=bpm],[data-mode=tabata]) > .mode-icon,
body[data-app-screen=home][data-skin=redline] .app #homeScreen .v49-tool-grid > a.simple-clock-home-entry > svg {
  display:grid!important;
  place-items:center;
  grid-column:3;
  grid-row:1/-1;
  width:24px!important;
  height:24px!important;
  margin:0!important;
  border:0!important;
  background:none!important;
  color:#ffc2ca!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-size:22px!important;
}
body[data-app-screen=home][data-skin=redline] .app #homeScreen a.simple-clock-home-entry > span {
  display:none!important;
}
body[data-app-screen=home][data-skin=redline] .app #homeScreen .v49-tool-grid > :is([data-mode=index],[data-mode=bodytype]) {
  display:flex!important;
  grid-column:1/-1!important;
  flex-direction:row!important;
  justify-content:space-between!important;
  align-items:center!important;
  min-height:49px!important;
  padding:10px 13px!important;
  border:1px solid #624b56!important;
  border-top:2px solid #a56475!important;
  border-radius:3px 10px 3px 3px!important;
  background:linear-gradient(130deg,#2d222b,#211b22)!important;
  box-shadow:none!important;
}
body[data-app-screen=home][data-skin=redline] .app #homeScreen .v49-tool-grid > :is([data-mode=index],[data-mode=bodytype]) :is(.mode-icon,.mode-number) {
  display:none!important;
}
body[data-app-screen=home][data-skin=redline] .app #homeScreen > :is(#nutritionEntry,#weeklyPlanEntry) {
  background:linear-gradient(128deg,#32252d,#201920)!important;
  border:1px solid #624b56!important;
  border-left:3px solid #9f6273!important;
  border-radius:3px 10px 3px 3px!important;
  box-shadow:none!important;
}
body[data-app-screen=home][data-skin=redline] .app #homeScreen > #nutritionEntry > span {
  color:#e0b7bf!important;
}
body[data-app-screen=home][data-skin=redline] .app #homeScreen :is(.daily-mode-icon,.daily-mode-arrow) {
  color:#ffc2ca!important;
  background:#39212d!important;
  border:1px solid #87515f!important;
  border-radius:4px!important;
  box-shadow:none!important;
  text-shadow:none!important;
}

body[data-app-screen=home]:is([data-skin=ice],[data-skin=redline]) .app #homeScreen :is(.v49-tool-grid > button,.v49-tool-grid > a,#nutritionEntry,#weeklyPlanEntry):focus-visible {
  outline:2px solid var(--premium-primary)!important;
  outline-offset:2px!important;
}

/* The administrator's home workout button follows the active premium skin. */
body[data-app-screen=home]:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #homeScreen>.home-start-btn {
  color:var(--home-workout-text)!important;
  background:var(--home-workout-surface)!important;
  border:1px solid var(--home-workout-edge)!important;
  border-radius:var(--home-workout-radius,10px)!important;
  box-shadow:var(--home-workout-shadow)!important;
  text-shadow:none!important;
}
body[data-app-screen=home][data-skin=ice] .app #homeScreen>.home-start-btn {
  --home-workout-text:#102d53;
  --home-workout-surface:var(--silver-brush);
  --home-workout-edge:#edf5ff;
  --home-workout-shadow:inset 0 1px #fff,0 3px #66809f,0 6px 12px #07142660;
}
body[data-app-screen=home][data-skin=redline] .app #homeScreen>.home-start-btn {
  --home-workout-text:#fff7f8;
  --home-workout-surface:repeating-linear-gradient(125deg,transparent 0 8px,#ffc0cc22 8px 11px) right/65px 100% no-repeat,linear-gradient(110deg,#af2347,#7b1b36);
  --home-workout-edge:#e7748f;
  --home-workout-radius:3px 12px 3px 3px;
  --home-workout-shadow:inset 3px 0 #ff8097,inset 0 1px #ffb2c850,0 4px 10px #18091160;
}
body[data-app-screen=home][data-skin=whitelab] .app #homeScreen>.home-start-btn {
  --home-workout-text:#fff;
  --home-workout-surface:#214dbd;
  --home-workout-edge:#1b3e9a;
  --home-workout-shadow:0 3px 8px #214dbd30;
}
body[data-app-screen=home]:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #homeScreen>.home-start-btn:focus-visible {
  outline:3px solid var(--premium-primary)!important;
  outline-offset:3px;
}