.home-participant-exercise[hidden], .home-participant-exercise__bar[hidden], .home-participant-exercise [hidden] { display:none !important; }
.home-participant-exercise__bar { grid-row:1; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; min-width:0; color:#edf7f4; }
.home-participant-exercise__phase { font-size:15px; }
.home-participant-exercise__toggle { min-height:44px; max-width:100%; border:1px solid #82bfae; border-radius:10px; padding:9px 14px; background:#163b34; color:#f3fbf8; font:inherit; cursor:pointer; }
.home-participant-exercise__toggle:focus-visible { outline:3px solid #6de2c0; outline-offset:2px; }
.home-participant-exercise { grid-row:2; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); min-height:0; min-width:0; gap:12px; color:#edf7f4; }
.home-participant-exercise__media { display:grid; grid-template-columns:1fr; grid-auto-rows:minmax(0,1fr); gap:8px; min-height:0; min-width:0; }
.home-participant-exercise__media > .home-tile { min-height:0; }
.home-participant-exercise__media .home-tile > video { object-fit:contain; }
.home-participant-exercise__panel { min-height:0; min-width:0; overflow:auto; scrollbar-gutter:stable; border:1px solid #45665e; border-radius:14px; padding:clamp(12px,2vw,24px); background:#152831; }
.home-participant-exercise__heading { margin:0 0 12px; font-family:inherit; font-size:clamp(22px,2.2vw,32px); line-height:1.2; color:#f3fbf8; }
.home-participant-exercise__hint, .home-participant-exercise__room-hint, .home-participant-exercise__feedback-status { line-height:1.5; font-size:15px; color:#c3d9d3; }
.home-participant-exercise__instructions, .home-participant-exercise__phrase { white-space:pre-wrap; overflow-wrap:anywhere; font-size:clamp(22px,2.2vw,32px); line-height:1.5; color:#f3fbf8; }
.home-participant-exercise__phrase { padding:14px; border-left:4px solid #6de2c0; border-radius:8px; background:#103b32; }
.home-participant-exercise__feedback { margin-top:24px; min-width:0; }
.home-participant-exercise__feedback-title { margin:0; font-family:inherit; color:#e2f6ef; font-size:20px; }
.home-participant-exercise__meter { height:22px; overflow:hidden; border-radius:6px; background:#091c23; border:1px solid #59796f; margin:12px 0; }
.home-participant-exercise__fill { display:block; height:100%; width:0; background:#6de2c0; }
.home-participant-exercise__chart { display:block; width:100%; height:clamp(110px,20vh,220px); margin:12px 0; border:1px solid #59796f; border-radius:8px; background:repeating-linear-gradient(to top,#091c23 0,#091c23 calc(25% - 1px),#29403f calc(25% - 1px),#29403f 25%); }
.home-participant-exercise__chart path { fill:none; stroke:#6de2c0; stroke-width:2; vector-effect:non-scaling-stroke; }
.home-participant-exercise__scale { display:block; color:#c3d9d3; font-size:13px; line-height:1.5; }
.home-stage[data-participant-exercise="exercise"] > .home-stage__grid, .home-stage[data-participant-exercise="exercise"] > .home-stage__strip, .home-stage[data-participant-exercise="exercise"] > .home-stage__pager { display:none; }
.home-stage[data-participant-exercise="exercise"] > .home-exercise { display:none; }
.home-stage[data-participant-exercise="room"] > .home-exercise { top:62px; }
@media(max-width:800px) {
  .home-participant-exercise { grid-template-columns:1fr; grid-template-rows:minmax(140px,.8fr) minmax(0,1.2fr); gap:8px; }
  .home-participant-exercise__media { grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); grid-template-rows:minmax(0,1fr); }
  .home-participant-exercise__panel { padding:14px; }
  .home-participant-exercise__instructions, .home-participant-exercise__phrase { font-size:23px; }
  .home-participant-exercise__media .home-clock-overlay { bottom:30px; padding:4px; }
  .home-participant-exercise__media .home-clock-overlay output { font-size:16px; }
  .home-participant-exercise__media .home-clock-overlay small { max-width:95px; }
}
