/* LifeForge v33 · peaceful per-pose clock / better technique coaching.
   The ring is drawn using SVG at 30fps from the existing elapsed session clock. */
.lf33-pose-clock.lf32-pose-clock{
  width:116px!important;height:116px!important;right:clamp(12px,4vw,22px)!important;
  top:calc(74px + env(safe-area-inset-top))!important;
  background:radial-gradient(circle at 40% 35%,#85688e48,#291c398f 69%,#231b34db)!important;
  border:1px solid #eacde666!important;border-radius:50%!important;
  box-shadow:0 9px 30px #120a236b,0 0 27px #dcb1ea30,inset 0 1px 0 #fff5!important;
  isolation:isolate!important;transition:box-shadow .6s ease!important;
}
.lf33-pose-clock:before{content:"";position:absolute;inset:-10px;border-radius:50%;
 background:radial-gradient(circle,#dbafd525 10%,transparent 72%);
 filter:blur(7px);z-index:-1;opacity:.8;pointer-events:none}
.lf33-clock-svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible;
 transform:rotate(-90deg);pointer-events:none}
.lf33-clock-track{fill:none;stroke:#f8e9f225;stroke-width:3.8}
.lf33-clock-progress{fill:none;stroke-width:4.2;stroke-linecap:round;stroke-dasharray:320.442451;
 filter:drop-shadow(0 0 3px #e6b4e788);will-change:stroke-dashoffset}
.lf33-pose-clock .lf32-clock-face{background:radial-gradient(circle at 35% 25%,#62446bb5,#2d203dcc 80%)!important;
 width:92px!important;height:92px!important;box-shadow:none!important;
 border:1px solid #f6d8eb19!important;gap:2px!important}
.lf33-pose-clock .lf32-clock-face strong{font:750 27px/1.05 'Segoe UI',Arial,sans-serif!important;
 color:#fff1e8!important;letter-spacing:-.2px!important;
 font-variant-numeric:tabular-nums!important;font-feature-settings:"tnum"!important;text-shadow:0 2px 12px #1f162d6b}
.lf33-pose-clock .lf32-clock-face small{font:750 8px/1.2 Arial,sans-serif!important;
 letter-spacing:.65px!important;color:#eed3e3!important;text-shadow:none!important}
.lf33-pose-clock[data-state=paused] .lf32-clock-face{background:#322640!important}
.lf33-pose-clock[data-state=paused] .lf33-clock-progress{stroke:#bea5d2!important;filter:none}
.lf33-pose-clock[data-near-end=yes]{box-shadow:0 9px 30px #120a236b,0 0 36px #ebc6c744,inset 0 1px 0 #fff5!important}
.lf33-pose-clock[data-near-end=yes] .lf32-clock-face small:first-child{color:#ffe5d9!important}
.lf32-player .lf16-player-info{max-width:630px}
.lf32-player-info .lf32-pose-summary{max-width:495px;line-height:1.6!important;font-size:13px!important}
.lf32-guidance{background:linear-gradient(145deg,#2b203bdb,#21192fdf)!important;border-color:#ebcfe75b!important;
 box-shadow:0 10px 28px #07061431!important;border-radius:19px!important}
.lf32-guide-row{grid-template-columns:32px minmax(0,1fr)!important;gap:12px!important;padding:15px 13px!important}
.lf32-guide-icon{height:31px!important;width:31px!important;border-radius:11px!important;
 background:linear-gradient(130deg,#ae7dcb3b,#d8aad92a)!important;
 border:1px solid #e4c2e258!important;color:#f5e1f4!important;font-size:11px!important}
.lf32-guide-row strong{font:800 10px/1.32 Arial,sans-serif!important;letter-spacing:1.15px!important;
 color:#f4bddc!important;margin:2px 0 5px!important}
.lf32-guide-row p{font:500 12.5px/1.6 Arial,sans-serif!important;color:#f2e2ed!important;margin:0!important}
.lf33-form-check{background:linear-gradient(100deg,#553b6152,#36283f22)!important}
.lf33-extra-details{border-top:1px solid #e6c2e34c;background:#211a2d8a}
.lf33-extra-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;
 padding:13px 15px;min-height:47px;cursor:pointer;font:750 11px/1.35 Arial,sans-serif;color:#ebd4ed;
 letter-spacing:.1px;touch-action:manipulation}
.lf33-extra-details summary::-webkit-details-marker{display:none}
.lf33-extra-details summary span{font-size:19px;line-height:1;display:block;transition:transform .25s ease}
.lf33-extra-details[open] summary span{transform:rotate(180deg)}
.lf33-extra-row{padding:10px 17px 14px 56px;border-top:1px solid #e6c2e322}
.lf33-extra-row strong{font:800 10px/1.3 Arial,sans-serif;letter-spacing:1px;color:#f3c7db}
.lf33-extra-row p{font:500 12.5px/1.56 Arial,sans-serif!important;color:#ecddeb!important;margin:5px 0 0!important}
.lf32-detail-guide strong{letter-spacing:.8px!important}
.lf32-detail-guide p{font-size:13px!important;line-height:1.65!important}
.lf32-player-info .lf16-player-progress{background:#504055!important;height:5px}
.lf32-player-info .lf16-player-progress span{background:linear-gradient(90deg,#dcb6e6,#f6d9c7)!important}
.lf32-player-info .lf16-player-controls button{transition:transform .16s ease,box-shadow .2s ease}
.lf32-player-info .lf16-player-controls button:active{transform:scale(.96)}
@media(max-width:360px){
 .lf33-pose-clock.lf32-pose-clock{width:94px!important;height:94px!important;top:calc(67px + env(safe-area-inset-top))!important;right:10px!important}
 .lf33-pose-clock .lf32-clock-face{width:75px!important;height:75px!important}
 .lf33-pose-clock .lf32-clock-face strong{font-size:24px!important}
 .lf33-pose-clock .lf32-clock-face small{font-size:7px!important;letter-spacing:.4px!important}
 .lf32-guide-row{grid-template-columns:29px minmax(0,1fr)!important;gap:9px!important;padding:12px 10px!important}
 .lf32-guide-icon{width:28px!important;height:28px!important}
 .lf32-guide-row p{font-size:12px!important;line-height:1.58!important}
 .lf33-extra-row{padding-left:48px}
}
@media(prefers-reduced-motion:reduce){
 .lf33-pose-clock,.lf33-pose-clock:before,.lf33-clock-progress,.lf33-extra-details summary span{transition:none!important;animation:none!important;filter:none!important}
}

/* Full-pose guide: keep the complete approved illustration visible and avoid duplicate giant headings. */
.lf32-pose-detail-hero{min-height:385px!important;height:385px!important;background:radial-gradient(ellipse at 45% 36%,#5d426794,#21162d 69%,#17131f)!important}
.lf32-pose-detail-hero>img{object-fit:contain!important;object-position:center bottom!important;height:100%!important;width:100%!important;filter:drop-shadow(0 12px 19px #110a1a8a)!important}
.lf32-pose-detail-hero:after{background:linear-gradient(transparent 75%,#19122693 100%)!important}
.lf32-pose-detail-hero .lf33-detail-hero-tag{left:15px!important;right:15px!important;bottom:10px!important}
.lf32-pose-detail-hero .lf33-detail-hero-tag .lf16-eyebrow{display:inline-block;background:#261c38d9;border:1px solid #ddc1e465;padding:8px 11px;border-radius:99px;color:#f7d7e9;font-size:9px!important;margin:0}
.lf32-detail-pose{padding-bottom:92px!important}
@media(max-width:360px){.lf32-pose-detail-hero{height:345px!important;min-height:345px!important}}