/* Premium faces use the original BPM and Tabata controls. */
body[data-skin=ice] {
  --premium-bg:#14263b;--premium-panel:#233952;--premium-top:#395371;
  --premium-well:#0e2440;--premium-edge:#a3b7ce;--premium-line:#7793b3;
  --premium-text:#f3f7ff;--premium-muted:#cfdded;--premium-digit:#d6eaff;
  --premium-primary:#b5d3ff;--premium-on-primary:#10254a;--premium-radius:12px;
  --premium-rail:#4b6283;--premium-shadow:#050e1c80;
}
body[data-skin=redline] {
  --premium-bg:#161317;--premium-panel:#221c22;--premium-top:#32262d;
  --premium-well:#120c11;--premium-edge:#976071;--premium-line:#704954;
  --premium-text:#fff0f1;--premium-muted:#e0b7bf;--premium-digit:#ff6e7d;
  --premium-primary:#ff6678;--premium-on-primary:#240a12;--premium-radius:5px;
  --premium-rail:#50323b;--premium-shadow:#08020580;
}
body[data-skin=whitelab] {
  --premium-bg:#e9edf4;--premium-panel:#f8f4e9;--premium-top:#fffcf5;
  --premium-well:#fffdf6;--premium-edge:#a4adbd;--premium-line:#bdc4ce;
  --premium-text:#172e48;--premium-muted:#485b73;--premium-digit:#102742;
  --premium-primary:#214dbd;--premium-on-primary:#fff;--premium-radius:13px;
  --premium-rail:#d7dce7;--premium-shadow:#273e611b;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) {
  --bg:var(--premium-bg);--ink:var(--premium-text);--muted:var(--premium-muted);
  --line:var(--premium-line);--soft:var(--premium-panel);--accent:var(--premium-primary);
  background:var(--premium-bg)!important;color:var(--premium-text)!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(header.top,#homeScreen .home-brand-panel,#homeScreen .mode-card,#homeScreen .daily-mode-hero,#settingsDialog68) {
  background:var(--premium-panel)!important;color:var(--premium-text)!important;
  border-color:var(--premium-edge)!important;box-shadow:0 4px 16px var(--premium-shadow)!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) :is(#skinDialog69,#installHelp69) {
  background:var(--premium-panel)!important;color:var(--premium-text)!important;border-color:var(--premium-edge)!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(header.top .v47-brand-copy,#homeScreen .mode-card strong,#homeScreen .daily-mode-hero strong) {
  color:var(--premium-text)!important;text-shadow:none!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #homeScreen :is(.mode-card small,.mode-card .mode-arrow,.daily-mode-copy small,.daily-mode-copy em) {
  color:var(--premium-muted)!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#neonHome,.footer > button,#accountNavigation > a) {
  background:var(--premium-well)!important;color:var(--premium-text)!important;
  border-color:var(--premium-edge)!important;text-shadow:none!important;box-shadow:none!important;
}

body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard,#tabataCard) {
  box-sizing:border-box!important;min-width:0!important;width:min(100%,740px)!important;
  margin-inline:auto!important;padding:clamp(9px,3vw,18px)!important;gap:9px!important;
  background:linear-gradient(155deg,var(--premium-top),var(--premium-panel) 70%)!important;
  border:1px solid var(--premium-edge)!important;border-radius:var(--premium-radius)!important;
  box-shadow:0 8px 22px var(--premium-shadow),inset 0 1px #fff2!important;
  color:var(--premium-text)!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard,#tabataCard) .classic-panel {display:none!important}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard,#tabataCard) .screen-awake-quick {color:var(--premium-muted)!important}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .screen-awake-setting input {accent-color:var(--premium-primary)}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #bpmCard .bpm-stopwatch-shell {
  display:flex!important;flex-direction:column!important;gap:6px!important;
  order:2!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;filter:none!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #bpmCard :is(.bpm-stopwatch-crown,.bpm-stopwatch-pusher,.bpm-stopwatch-loop),
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard,#tabataCard) .v47-back {display:none!important}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard,#tabataCard) .v47-timer-nav {
  position:relative!important;inset:auto!important;transform:none!important;order:-1!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
  width:100%!important;min-height:42px!important;height:auto!important;padding:2px 0!important;margin:0!important;
  z-index:4!important;background:none!important;border:0!important;box-shadow:none!important;pointer-events:auto!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard,#tabataCard) .v47-bpm-pill {
  display:flex!important;align-items:baseline!important;flex-wrap:wrap;gap:3px 8px;min-width:0!important;
  padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;
  color:var(--premium-text)!important;font:850 17px/1.2 system-ui,sans-serif!important;letter-spacing:.04em!important;text-shadow:none!important;
}
.premium-timer-title {font:700 10px/1.2 system-ui,sans-serif;letter-spacing:.06em;color:var(--premium-muted)}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard,#tabataCard) :is(.bpm-settings-toggle,.tabata-settings-toggle) {
  width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:8px!important;
  color:var(--premium-text)!important;background:var(--premium-well)!important;border-color:var(--premium-edge)!important;
  border-radius:var(--premium-radius)!important;box-shadow:none!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard,#tabataCard) :is(.bpm-settings-toggle,.tabata-settings-toggle)[aria-expanded=true] {
  color:var(--premium-on-primary)!important;background:var(--premium-primary)!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard,#tabataCard) .timer-audio-settings {
  order:1!important;margin:0!important;padding:10px!important;color:var(--premium-text)!important;
  background:var(--premium-well)!important;border-color:var(--premium-edge)!important;border-radius:var(--premium-radius)!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard,#tabataCard) .timer-audio-settings :is(label,select) {
  color:var(--premium-text)!important;background:var(--premium-well)!important;border-color:var(--premium-line)!important;
}

/* Remove legacy panel positions without hiding the native text fallback. */
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #bpmCard .bpm-stopwatch-shell .bpm-machined-dial,
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #tabataCard #tabataDisplay {
  isolation:isolate;position:relative!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;gap:6px!important;box-sizing:border-box!important;
  width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;aspect-ratio:auto!important;
  overflow:hidden!important;margin:0!important;padding:10px!important;border:1px solid var(--premium-edge)!important;
  border-radius:var(--premium-radius)!important;background:var(--premium-well)!important;
  box-shadow:inset 0 2px 8px var(--premium-shadow)!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #bpmCard .bpm-stopwatch-shell .bpm-machined-dial::before,
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #bpmCard .bpm-stopwatch-shell .bpm-machined-dial::after,
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #tabataCard #tabataDisplay::before,
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #tabataCard #tabataDisplay::after {content:none!important}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #bpmCard .bpm-stopwatch-shell .bpm-machined-dial>:is(#bpmStatus,#bpmRestClock),
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #tabataCard #tabataDisplay>#tabataPhase {
  position:relative!important;inset:auto!important;transform:none!important;z-index:2!important;
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  color:var(--premium-text)!important;font:750 clamp(12px,3.6vw,15px)/1.3 system-ui,sans-serif!important;
  letter-spacing:0!important;text-shadow:none!important;text-align:center!important;white-space:normal!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #bpmCard .bpm-stopwatch-shell .bpm-machined-dial>#bpmStatus {order:0!important}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #bpmCard .bpm-stopwatch-shell .bpm-machined-dial>#bpmRestClock {order:2!important}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #bpmCard#bpmCard .bpm-stopwatch-shell .bpm-machined-dial>#bpmCount.seg-display,
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #tabataCard #tabataDisplay>#tabataClock {
  order:1!important;display:flex!important;align-items:center!important;justify-content:center!important;
  position:relative!important;inset:auto!important;transform:none!important;z-index:2!important;min-width:0!important;
  width:100%!important;max-width:100%!important;height:clamp(76px,23vw,144px)!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:4px!important;color:var(--premium-digit)!important;-webkit-text-fill-color:currentColor!important;
  background:none!important;text-shadow:none!important;overflow:hidden!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard#bpmCard,#tabataCard#tabataCard) :is(#bpmCount,#tabataClock,#tabataRoundText).premium-display-ready > :is(.photo-font-digit,.photo-clock-slot,.tabata-colon,.tabata-slash,.seg-digit,.digital-seven,.stable-clock-svg) {display:none!important}
.premium-display-digits,.premium-setting-digits {display:none}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCount,#tabataClock,#tabataRoundText).premium-display-ready > .premium-display-digits {
  display:block!important;flex:1 1 auto;min-width:0;width:100%;height:100%;max-height:100%;color:var(--premium-digit)!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard#bpmCard,#tabataCard#tabataCard) :is(#bpmCount,#tabataClock,#tabataRoundText) .premium-display-digits :is(polygon,circle),
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard#bpmCard,#tabataCard#tabataCard) .premium-setting-digits :is(polygon,circle) {
  color:var(--premium-digit)!important;fill:currentColor!important;stroke:none!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard#bpmCard,#tabataCard#tabataCard) .premium-display-digits path {
  color:var(--premium-digit)!important;fill:none!important;stroke:currentColor!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) #audioRunStatus {
  position:absolute!important;inset:auto!important;width:1px!important;height:1px!important;
  margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #bpmCard>.v47-hud-strip,
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #tabataCard .tabata-round-panel {
  order:3!important;min-width:0!important;width:100%!important;height:auto!important;min-height:0!important;
  box-sizing:border-box!important;margin:0!important;padding:6px 9px!important;color:var(--premium-text)!important;
  background:var(--premium-well)!important;border:1px solid var(--premium-edge)!important;
  border-radius:var(--premium-radius)!important;box-shadow:none!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #bpmCard>.v47-hud-strip :is(strong,i,b,em),
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #tabataCard .tabata-round-panel>#tabataRoundText {
  color:var(--premium-digit)!important;text-shadow:none!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #bpmCard>.v47-hud-strip small,
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #tabataCard .tabata-round-panel>div:first-child {
  color:var(--premium-muted)!important;font:750 11px/1.3 system-ui,sans-serif!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #tabataCard .tabata-round-panel>#tabataRoundText {
  height:clamp(34px,10vw,53px)!important;min-height:0!important;max-height:none!important;margin:0!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #bpmCard .bpm-stopwatch-shell .bpm-machined-dial>div:has(>#bpmProgress),
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #tabataCard #tabataDisplay>div:has(>#tabataProgress) {
  order:3!important;display:block!important;position:relative!important;inset:auto!important;transform:none!important;
  width:100%!important;height:4px!important;min-height:0!important;margin:2px 0 0!important;padding:0!important;
  background:var(--premium-rail)!important;border:0!important;border-radius:2px!important;box-shadow:none!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmProgress,#tabataProgress) {background:var(--premium-primary)!important}

/* Native input remains the interactive surface and the text fallback. */
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard,#tabataCard)>.fields:has(:is(#bpmValue,#tabataWork)) {
  order:5!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:0!important;padding:0!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard,#tabataCard)>.fields:has(:is(#bpmValue,#tabataWork))>.field {
  min-width:0!important;min-height:0!important;height:auto!important;padding:6px!important;
  background:var(--premium-panel)!important;border:1px solid var(--premium-line)!important;
  border-radius:var(--premium-radius)!important;box-shadow:none!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard,#tabataCard)>.fields:has(:is(#bpmValue,#tabataWork)) label {
  min-height:18px!important;color:var(--premium-muted)!important;font:750 11px/1.3 system-ui,sans-serif!important;text-shadow:none!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard,#tabataCard) :is(.neon-number-input,.tabata-image-input) {
  position:relative;width:100%;min-width:0;touch-action:none;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard#bpmCard,#tabataCard#tabataCard) :is(.neon-number-input,.tabata-image-input)>input {
  box-sizing:border-box!important;width:100%!important;min-width:0!important;height:52px!important;min-height:52px!important;
  padding:3px!important;border:1px solid var(--premium-line)!important;border-radius:7px!important;
  background:var(--premium-well)!important;color:var(--premium-text)!important;
  -webkit-text-fill-color:var(--premium-text)!important;caret-color:var(--premium-text)!important;text-shadow:none!important;
  opacity:1!important;
  font:750 clamp(18px,5vw,28px)/1 system-ui,sans-serif!important;font-variant-numeric:tabular-nums;text-align:center;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard,#tabataCard) :is(.neon-number-face,.tabata-setting-digits) {display:none!important}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard#bpmCard,#tabataCard#tabataCard) .premium-setting-ready:not(:focus-within)>input {
  color:transparent!important;-webkit-text-fill-color:transparent!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard,#tabataCard) .premium-setting-ready:not(:focus-within)>.premium-setting-digits {
  display:block!important;position:absolute;inset:5px;box-sizing:border-box;
  width:calc(100% - 10px);height:calc(100% - 10px);color:var(--premium-digit);pointer-events:none;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard,#tabataCard) :is(.v47-stepper,.tabata-time-arrows,.timer-ten-step)>button {
  color:var(--premium-text)!important;background:var(--premium-well)!important;border-color:var(--premium-line)!important;
  text-shadow:none!important;box-shadow:none!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard,#tabataCard)>.fields:has(> :is(#bpmStart,#tabataStart)) {
  order:4!important;display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)!important;
  gap:6px!important;margin:0!important;padding:0!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard#bpmCard,#tabataCard#tabataCard) :is(#bpmStart,#tabataStart,#bpmReset,#tabataReset,#bpmBeatOnly) {
  min-height:44px!important;min-width:0!important;padding:7px!important;font:800 15px/1.25 system-ui,sans-serif!important;
  color:var(--premium-text)!important;background:var(--premium-well)!important;border:1px solid var(--premium-edge)!important;
  border-radius:var(--premium-radius)!important;text-shadow:none!important;box-shadow:none!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard#bpmCard,#tabataCard#tabataCard) :is(#bpmStart,#tabataStart) {
  color:var(--premium-on-primary)!important;background:var(--premium-primary)!important;border-color:transparent!important;
}
body:is([data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app :is(#bpmCard,#tabataCard) :is(button,input,select):focus-visible {
  outline:2px solid var(--premium-primary)!important;outline-offset:2px;
}

/* Blue Silver Metal: a chrome bezel and a blue sunburst dial. */
body[data-skin=ice] .app :is(#bpmCard,#tabataCard) {
  background:linear-gradient(155deg,var(--premium-top),var(--premium-panel) 70%) padding-box,var(--silver-brush) border-box!important;
  border:3px solid transparent!important;
}
body[data-skin=ice] .app #bpmCard .bpm-stopwatch-shell .bpm-machined-dial {
  width:min(100%,288px)!important;aspect-ratio:1!important;padding:19px clamp(20px,7vw,31px)!important;
  border:clamp(9px,3.4vw,15px) solid transparent!important;border-radius:50%!important;
  background:radial-gradient(circle at 44% 37%,#2d61a8,#122f60 60%,#0b1d37 82%) padding-box,var(--silver-case) border-box!important;
  box-shadow:inset 0 0 0 2px #e7effa68,inset 0 0 0 5px #0b183c,inset 0 2px 12px #08162b,0 6px 15px #07101d9e!important;
}
body[data-skin=ice] .app #bpmCard .bpm-stopwatch-shell .bpm-machined-dial::before {
  content:""!important;position:absolute!important;inset:6px!important;padding:3px!important;border-radius:50%!important;
  background:conic-gradient(from -90deg,#7bb6ff 0deg var(--set-progress-angle,0deg),#849cb2  var(--set-progress-angle,0deg) 360deg)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;-webkit-mask-composite:xor!important;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;mask-composite:exclude!important;pointer-events:none;
}
body[data-skin=ice] .app #bpmCard .bpm-stopwatch-shell .bpm-machined-dial::after {
  content:""!important;position:absolute!important;inset:10px!important;border-radius:50%!important;
  background:repeating-conic-gradient(#e4eeffd9 0deg 1deg,transparent 1deg 6deg)!important;
  mask-image:radial-gradient(circle,transparent 0 66%,#000 66.5% 70%,transparent 70.5%)!important;pointer-events:none;
}
body[data-skin=ice] .app #bpmCard .bpm-stopwatch-shell .bpm-machined-dial>div:has(>#bpmProgress) {display:none!important}
body[data-skin=ice] .app #tabataCard #tabataDisplay {
  min-height:185px!important;
  border:6px solid transparent!important;
  background:repeating-linear-gradient(90deg,#e8f2ff0a 0 1px,transparent 1px 20px) padding-box,
    radial-gradient(ellipse at 42% 18%,#255aa6,#102c58 64%,#0a1c35) padding-box,var(--silver-brush) border-box!important;
  box-shadow:inset 0 0 0 2px #172d4d,inset 0 3px 14px #07142b85,0 3px 7px #0b1621a8!important;
}
body[data-skin=ice] .app :is(#bpmCard#bpmCard,#tabataCard#tabataCard) :is(#bpmStart,#tabataStart) {
  background:var(--silver-brush)!important;color:#132746!important;
  border:1px solid #edf4ff!important;box-shadow:inset 0 1px #fff9,0 2px #70839b!important;
}
body[data-skin=ice] .app :is(#bpmCard#bpmCard,#tabataCard#tabataCard) :is(.neon-number-input,.tabata-image-input)>input {
  background:linear-gradient(180deg,#173660,#102440)!important;
  border-color:#8da9cd!important;
}
body[data-skin=ice] .app :is(#bpmCard,#tabataCard) .premium-display-digits {filter:drop-shadow(0 0 4px #71b4ff70)}

/* Enlarge the rectangular BPM windows while keeping SVG digits proportional. */
body:is([data-skin=redline],[data-skin=whitelab]) .app #bpmCard#bpmCard .bpm-stopwatch-shell .bpm-machined-dial>#bpmCount.seg-display {
  height:clamp(170px,52vw,240px)!important;
}

/* Redline keeps the main readout full width and puts the status beneath it. */
body[data-skin=redline] .app :is(#bpmCard,#tabataCard) {border-top:3px solid var(--premium-primary)!important}
body[data-skin=redline] .app :is(#bpmCard,#tabataCard) .v47-timer-nav {
  background:repeating-linear-gradient(130deg,transparent 0 9px,#fd667426 9px 11px) right 43px center/45px 100% no-repeat!important;
}
body[data-skin=redline][data-app-screen=bpm] .app #bpmCard,
body[data-skin=redline][data-app-screen=tabata] .app #tabataCard {
  display:grid!important;align-items:stretch;
}
body[data-skin=redline][data-app-screen=bpm] .app #bpmCard,
body[data-skin=redline][data-app-screen=tabata] .app #tabataCard {
  grid-template-columns:minmax(0,1fr);
}
body[data-skin=redline] .app :is(#bpmCard,#tabataCard)>* {grid-column:1/-1}
body[data-skin=redline] .app :is(#bpmCard,#tabataCard)>.screen-awake-quick {grid-row:1}
body[data-skin=redline] .app :is(#bpmCard,#tabataCard)>.timer-audio-settings {grid-row:2}
body[data-skin=redline] .app :is(#bpmCard>.bpm-stopwatch-shell,#tabataCard>#tabataDisplay) {grid-column:1;grid-row:3}
body[data-skin=redline] .app #bpmCard>.v47-hud-strip {
  grid-row:4;display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:center!important;gap:0!important;
  min-height:56px!important;
}
body[data-skin=redline] .app #bpmCard>.v47-hud-strip>div {
  min-width:0!important;padding:4px 6px!important;border:0!important;
}
body[data-skin=redline] .app #bpmCard>.v47-hud-strip>div+div {
  border-inline-start:1px solid var(--premium-line)!important;
}
body[data-skin=redline] .app #bpmCard>.v47-hud-strip strong {font-size:clamp(20px,6vw,28px)!important}
body[data-skin=redline] .app #tabataCard>.tabata-round-panel {
  grid-column:1;grid-row:4;
  display:flex!important;flex-flow:row nowrap!important;
  align-items:center!important;justify-content:center!important;
  gap:clamp(8px,3vw,18px)!important;min-height:48px!important;max-width:none!important;
}
body[data-skin=redline] .app #tabataCard>.tabata-round-panel>div:first-child {
  flex:none;white-space:nowrap;
}
body[data-skin=redline] .app #tabataCard>.tabata-round-panel>#tabataRoundText {
  flex:0 1 clamp(86px,44%,190px);min-width:0!important;
  width:auto!important;height:clamp(28px,8vw,42px)!important;
}
body[data-skin=redline] .app #bpmCard>.fields:has(>#bpmStart) {grid-row:5}
body[data-skin=redline] .app #bpmCard>.fields:has(#bpmValue) {grid-row:6}
body[data-skin=redline] .app #bpmCard>#bpmBeatOnly {grid-row:7}
body[data-skin=redline] .app #tabataCard>.fields:has(>#tabataStart) {grid-row:5}
body[data-skin=redline] .app #tabataCard>.fields:has(#tabataWork) {grid-row:6}
body[data-skin=redline] .app :is(#bpmCard,#tabataCard) div:has(> :is(#bpmProgress,#tabataProgress)) {
  mask-image:repeating-linear-gradient(90deg,#000 0 8%,transparent 8% 10%);
}
body[data-skin=redline] .app :is(#bpmCard,#tabataCard) .premium-display-digits {filter:drop-shadow(0 0 3px #ff586c60)}

/* Follow the Tabata phase without changing the control layout or animating the face. */
body[data-skin=redline] .app #tabataCard {
  --redline-phase-ink:#ff8393;
  --redline-phase-well:#2b1721;
}
body[data-skin=redline] .app #tabataCard:has(>#tabataDisplay[data-phase=prep]) {
  --redline-phase-ink:#ffe05c;
  --redline-phase-well:#302409;
}
body[data-skin=redline] .app #tabataCard:has(>#tabataDisplay[data-phase=work]) {
  --redline-phase-ink:#88ff58;
  --redline-phase-well:#143019;
}
body[data-skin=redline] .app #tabataCard:has(>#tabataDisplay[data-phase=rest]) {
  --redline-phase-ink:#65e6ff;
  --redline-phase-well:#112941;
}
body[data-skin=redline] .app #tabataCard:has(>#tabataDisplay[data-phase=done]) {
  --redline-phase-ink:#dfdef1;
  --redline-phase-well:#282338;
}
body[data-skin=redline] .app #tabataCard :is(#tabataDisplay,.tabata-round-panel) {
  --premium-digit:var(--redline-phase-ink);
  background:linear-gradient(145deg,var(--redline-phase-well),var(--premium-well))!important;
  border-color:var(--redline-phase-ink)!important;
}
body[data-skin=redline] .app #tabataCard>#tabataDisplay {
  min-height:clamp(158px,43vw,238px)!important;
  padding:clamp(10px,2.8vw,18px)!important;
  border-width:2px!important;
  background:
    linear-gradient(180deg,#0008,transparent 23%,transparent 76%,#0005),
    linear-gradient(145deg,var(--redline-phase-well),var(--premium-well))!important;
  box-shadow:inset 0 0 0 3px #110e14,inset 0 8px 16px #000b,inset 0 -3px 7px #0008,0 1px #ffd8e033!important;
}
body[data-skin=redline] .app #tabataCard #tabataDisplay>#tabataClock {
  height:clamp(104px,32vw,176px)!important;
  padding:2px!important;
  font-size:clamp(48px,18vw,104px)!important;
}
body[data-skin=redline] .app #tabataCard #tabataDisplay>#tabataPhase {
  width:auto!important;max-width:100%!important;box-sizing:border-box;
  padding:3px 10px!important;border-radius:3px;
  background:var(--redline-phase-ink)!important;color:#170d16!important;
}
body[data-skin=redline] .app #tabataCard #tabataDisplay #tabataProgress {
  background:var(--redline-phase-ink)!important;
}
body[data-skin=redline] .app #tabataCard :is(#tabataDisplay,.tabata-round-panel) .premium-display-digits {
  filter:none;
}

/* White Lab: a recessed light LCD in an ivory case with cobalt actions. */
body[data-skin=whitelab] .app #bpmCard .bpm-stopwatch-shell .bpm-machined-dial,
body[data-skin=whitelab] .app #tabataCard #tabataDisplay {
  border-width:2px!important;box-shadow:inset 0 2px 4px #24416425,0 1px #fff!important;
  background:linear-gradient(#fffef8,#f0efe8)!important;
}
body[data-skin=whitelab] .app :is(#bpmCard,#tabataCard) .premium-timer-title {color:#214da8}
body[data-skin=whitelab] .app #tabataCard#tabataCard .tabata-image-input {
  background:var(--premium-well)!important;border-color:var(--premium-line)!important;
}
body[data-skin=whitelab] .app header.top .v47-brand-copy .brand-main-logo {
  mix-blend-mode:normal!important;filter:none!important;
}
body[data-skin=whitelab] .app header.top .v47-brand-copy .brand-main-logo path[fill="#fff"] {fill:var(--premium-digit)!important}
body[data-skin=whitelab] .app header.top .v47-brand-copy .brand-main-logo path[fill="#000"] {fill:var(--premium-panel)!important}
body[data-skin=whitelab] .app header.top .v47-brand-copy :is(.brand-sub-ko,.brand-sub-ko > span),
body[data-skin=whitelab] .app header.top > .tag,
body[data-skin=whitelab] #releaseVersion {
  color:var(--premium-muted)!important;-webkit-text-fill-color:var(--premium-muted)!important;
  opacity:1!important;text-shadow:none!important;
}