/* Organized by product feature for straightforward maintenance. */
/* App chrome, full-screen modals, splash and Coach media. */

/* App chrome, one-shot media and top-level modals. */
:root{
  --cf-chrome:#bfd2df;
  --cf-chrome-dim:rgba(191,210,223,.28);
  --cf-blue:#45d2ff;
  --cf-orange:#ff8b38;
  --cf-deep:#060a0f;
  --cf-panel:#10171e;
  --cf-corner:14px;
}
body.cf-modal-open{overflow:hidden!important}

/* Splash: original file quality/audio, no loop, larger sharp Enter control. */
.v131-splash-video{filter:none!important;transition:none!important}
.v131-splash-video.loop-fade{opacity:1!important}
.v131-enter{
  border-radius:4px!important;
  bottom:max(calc(var(--cf-safe-bottom) + 66px),9.5vh)!important;
  min-height:68px!important;
  background:linear-gradient(180deg,#354550 0%,#17222a 44%,#070b0f 100%)!important;
  border:1px solid rgba(205,226,239,.76)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 0 rgba(0,0,0,.9),0 0 11px rgba(69,210,255,.42),0 0 0 1px rgba(255,139,56,.16)!important;
}
.v132-audio-hint{
  position:absolute;z-index:4;left:50%;right:auto;bottom:max(calc(var(--cf-safe-bottom) + 28px),4vh);transform:translateX(-50%);
  padding:0;border:0;background:none;box-shadow:none;color:rgba(190,196,202,.62);
  font-family:var(--v131-font);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:none;
  white-space:nowrap;text-shadow:0 1px 2px #000;pointer-events:none;transition:opacity .35s ease;
}
button.v132-audio-hint{transform:translateX(-50%);min-width:0;min-height:44px;padding:0 10px;border:0!important;border-radius:0;background:none!important;box-shadow:none!important;color:rgba(190,196,202,.62)!important;font-family:var(--v131-font);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:none;pointer-events:auto;cursor:pointer}
button.v132-audio-hint:focus-visible{opacity:1;outline:1px solid rgba(190,196,202,.62);outline-offset:2px}
.v132-audio-hint.sound-on,.v132-audio-hint.dismissed{opacity:0}

/* Coach motion replaces the old static/pose artwork. */
.burt-mascot-wrap{background:#000!important;overflow:hidden!important}
.cyborg-coach-stage{height:clamp(360px,56vh,540px)!important;min-height:360px!important;background:#000!important}
.v132-coach-video{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;
  object-fit:contain!important;object-position:center bottom!important;background:#000!important;
  animation:none!important;transform:none!important;filter:none!important;opacity:1!important;
}
.cf-coach-learning .v132-coach-video.is-ended{object-position:center 20%!important}
.cyborg-coach-aura{opacity:.28!important;animation:none!important}
.cyborg-coach-status{background:rgba(4,8,12,.84)!important;border-color:rgba(191,210,223,.32)!important}

/* Settings/tutorial always above week view, charts and drawers. */
#settingsOverlay,#setupOverlay,#tutorialOverlay{
  position:fixed!important;inset:0!important;z-index:70000!important;isolation:isolate!important;
  transform:none!important;contain:none!important;padding:calc(10px + var(--cf-safe-top)) 8px calc(12px + var(--cf-safe-bottom))!important;
}
#settingsOverlay .settings-panel,#setupOverlay .settings-panel,#tutorialOverlay .settings-panel{
  position:relative!important;z-index:1!important;max-height:calc(100dvh - var(--cf-safe-top) - var(--cf-safe-bottom) - 22px)!important;
}

/* Quick tutorial. */
.v132-tutorial-panel{width:min(94vw,560px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.v132-tutorial-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 12px;color:#aebdca;font-size:11px}
.v132-tutorial-dots{display:flex;gap:5px;align-items:center}
.v132-tutorial-dot{width:18px;height:3px;background:#33414c;border:0;border-radius:0;box-shadow:none}
.v132-tutorial-dot.active{background:linear-gradient(90deg,var(--cf-blue),var(--cf-orange));box-shadow:0 0 7px rgba(69,210,255,.25)}
.v132-tutorial-steps{min-height:330px;overflow:auto}
.v132-tutorial-step{display:none;padding:18px 14px 14px;border:1px solid rgba(191,210,223,.22);background:linear-gradient(145deg,#121b23,#070b10)}
.v132-tutorial-step.active{display:block}
.v132-tutorial-step h3{margin:8px 0 10px;font-family:var(--v131-font);font-size:18px;letter-spacing:.04em;color:#edfaff}
.v132-tutorial-step p{margin:0;color:#cad5de;font-size:14px;line-height:1.55}
.v132-tutorial-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(191,210,223,.55);background:linear-gradient(145deg,#2c3943,#0a1015);font-family:var(--v131-font);font-weight:700;color:#88e7ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -2px 0 rgba(255,139,56,.5)}
.v132-tutorial-tip{margin-top:16px;padding:11px;border-left:3px solid var(--cf-orange);background:rgba(69,210,255,.055);color:#dce7ee;font-size:12px;line-height:1.45}
.v132-tutorial-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.v132-tutorial-actions button{min-height:46px}

@media(max-width:430px){
  .v132-audio-hint,button.v132-audio-hint{bottom:max(calc(var(--cf-safe-bottom) + 24px),3vh);font-size:8px}
  .cyborg-coach-stage{height:min(54vh,460px)!important;min-height:340px!important}
  .v132-tutorial-steps{min-height:300px}
  .v132-tutorial-step{padding:15px 12px 12px}
}