.pf-movement{--movement-red:var(--accent,#e63b32);color:var(--white,#f7f4f0);min-width:0}
.movement-heading{max-width:730px;margin-bottom:30px}.movement-eyebrow{display:block;font-size:11px;letter-spacing:.15em;color:var(--accent-text,#f36b63);margin-bottom:13px}.movement-heading h3{font-size:clamp(25px,3.1vw,42px);font-weight:750;line-height:1.09;letter-spacing:-.04em;margin:0 0 15px}.movement-heading p{max-width:620px;color:#a8aeb4;font-size:15px;line-height:1.65;margin:0}
.movement-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);border:1px solid #34383e;border-radius:18px;overflow:hidden;background:#15181b}
.movement-visual{position:relative;min-width:0;background:radial-gradient(ellipse at 45% 33%,#2a3038 0,#191e24 35%,#111518 75%);isolation:isolate}
.movement-scene-label{position:absolute;top:22px;left:24px;right:20px;z-index:2;color:#c5cbd1;font-size:11px;letter-spacing:.04em;display:flex;align-items:center;gap:9px;pointer-events:none}.movement-scene-label>span{width:5px;height:5px;border-radius:50%;background:var(--movement-red);box-shadow:0 0 10px color-mix(in srgb,var(--movement-red) 60%,transparent);flex:none}
.movement-stage{height:460px;position:relative;overflow:hidden}.movement-canvas,.movement-fallback{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.movement-canvas{opacity:0}.movement-gl-ready .movement-canvas{opacity:1}.movement-gl-ready .movement-fallback{display:none}.movement-fallback{max-width:none}
.movement-floor{position:absolute;left:9%;right:9%;height:28%;bottom:7%;background:linear-gradient(transparent 98%,#9aa8b016 98%),linear-gradient(90deg,transparent 98%,#9aa8b016 98%);background-size:34px 34px;transform:perspective(180px) rotateX(53deg);transform-origin:50% 100%;mask-image:radial-gradient(ellipse,#000 10%,transparent 72%);pointer-events:none}.movement-floor:after{content:"";position:absolute;left:22%;right:22%;height:20px;bottom:20%;background:#000;border-radius:50%;filter:blur(13px)}
.movement-rotate{position:absolute;right:18px;top:16px;width:44px;height:44px;border:1px solid #55606a;border-radius:50%;background:#171c21b3;color:#ced5db;display:grid;place-items:center;cursor:pointer;z-index:3;font:inherit;font-size:28px}.movement-rotate:hover{border-color:var(--movement-red);color:#fff}.movement-scene-label{padding-right:44px}
.movement-playback{display:grid;grid-template-columns:126px minmax(0,1fr);align-items:center;gap:19px;position:relative;padding:20px 24px 22px;background:#111518b3;border-top:1px solid #8997a51d;z-index:2}
.movement-play{background:#292f35;border:1px solid #59636d;border-radius:9px;min-height:48px;padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:7px;color:#f4f5f6;cursor:pointer;font:inherit;font-size:12px;font-weight:600}.movement-play:hover{border-color:var(--movement-red);background:#30353b}.movement-play-icon{font-size:20px;line-height:1}.movement-scrub label{display:flex;justify-content:space-between;gap:10px;color:#d8dce0;font-size:11px;margin-bottom:2px}.movement-scrub output{font-variant-numeric:tabular-nums;color:#cbd0d6}
.movement-scrub input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:24px;margin:0;background:transparent;cursor:pointer;accent-color:var(--movement-red)}.movement-scrub input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,var(--movement-red) var(--movement-progress,0%),#4b5660 var(--movement-progress,0%))}.movement-scrub input[type=range]::-moz-range-track{height:3px;border-radius:3px;background:#4b5660}.movement-scrub input[type=range]::-moz-range-progress{height:3px;background:var(--movement-red)}.movement-scrub input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#f1f3f5;width:15px;height:15px;border:3px solid var(--movement-red);border-radius:50%;margin-top:-6px}.movement-scrub input[type=range]::-moz-range-thumb{background:#f1f3f5;width:10px;height:10px;border:3px solid var(--movement-red);border-radius:50%}.movement-range-ends{display:flex;justify-content:space-between;font-size:10px;color:#89949e}
.movement-controls{padding:26px 28px;min-width:0;background:linear-gradient(120deg,#202428,#171a1e);border-left:1px solid #ffffff0b;display:flex;flex-direction:column}.movement-exercises,.movement-views{padding:0;margin:0;border:0;min-width:0}.movement-exercises legend,.movement-views legend{float:none;width:100%;color:#a5aeb7;font-size:11px;letter-spacing:.03em;margin-bottom:10px}
.movement-exercise{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 14px;margin:0 0 7px;border:1px solid #363e45;border-radius:8px;background:#171c20;color:#d9dfe3;cursor:pointer;text-align:left;font:inherit;font-size:14px;transition:background .18s,border-color .18s}.movement-exercise-number{font-size:10px;color:#8f9ba5;font-variant-numeric:tabular-nums}.movement-exercise-arrow{margin-left:auto;font-size:17px;color:#8f9ba5}.movement-exercise.is-active{background:linear-gradient(110deg,#a9231d36,#a9231d0a);border-color:#b84b43;color:#fff}.movement-exercise.is-active .movement-exercise-number,.movement-exercise.is-active .movement-exercise-arrow{color:#f47b70}.movement-exercise:hover{border-color:#8f969e}
.movement-readout{display:flex;justify-content:space-between;align-items:start;gap:12px;font-size:10px;padding:15px 0 20px;color:#8e9aa5;border-bottom:1px solid #ffffff10}.movement-readout strong{font-size:11px;font-weight:500;color:#d1d7dc;text-align:right}.movement-views{margin-top:21px}.movement-views>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;background:#111619;border:1px solid #313941;border-radius:8px;padding:4px}.movement-views button{border:0;border-radius:5px;background:transparent;color:#aeb7bf;font:inherit;font-size:11px;min-height:40px;padding:7px 8px;cursor:pointer}.movement-views button.is-active{background:#3a4147;color:white;box-shadow:0 2px 6px #0003}.movement-explanation{margin-top:20px;min-height:124px}.movement-explanation h4{font-size:15px;line-height:1.5;font-weight:550;margin:0 0 9px;color:#e0e5e9;letter-spacing:-.01em}.movement-explanation p{font-size:12px;line-height:1.7;margin:0;color:#a5afb7}.movement-note{font-size:10px;line-height:1.65;color:#929da7;margin:20px 0 0;padding-top:14px;border-top:1px solid #ffffff10}
.movement-video{margin-top:12px;border:1px solid #34383e;border-radius:10px;background:#191d21;overflow:hidden}.movement-video summary{list-style:none;display:flex;gap:12px;align-items:center;min-height:60px;padding:12px 19px;cursor:pointer;font-size:13px;color:#c7cfd6}.movement-video summary::-webkit-details-marker{display:none}.movement-video summary>span:last-child{margin-left:auto;color:#83909c;font-size:20px}.movement-video-icon{font-size:24px;color:var(--accent-text,#f16b62)}.movement-video[open] summary>span:last-child{transform:rotate(45deg)}.movement-video video{width:100%;max-height:500px;display:block;background:#090b0d}.movement-video-placeholder{min-height:140px;padding:24px;display:flex;align-items:center;gap:20px;background:linear-gradient(130deg,#242b31,#121619);border-top:1px solid #34383e}.movement-video-placeholder>span{flex:none;width:64px;height:64px;border:1px solid #76849150;border-radius:50%;display:grid;place-items:center;font-size:24px;color:#99a5af}.movement-video-placeholder p{font-size:13px;color:#a5b0b9;line-height:1.65;max-width:530px;margin:0}
.pf-movement button:focus-visible,.pf-movement input:focus-visible,.pf-movement summary:focus-visible{outline:2px solid #f37a70;outline-offset:4px}.movement-play:disabled{opacity:.5;cursor:default}
@media(min-width:1100px){.movement-stage{height:495px}}
@media(max-width:850px){.movement-controls{padding:22px}.movement-playback{gap:14px;padding:18px;grid-template-columns:110px minmax(0,1fr)}.movement-explanation{min-height:145px}.movement-stage{height:480px}}
@media(max-width:700px){.movement-heading{margin-bottom:21px}.movement-heading p{font-size:14px}.movement-layout{grid-template-columns:1fr;border-radius:13px}.movement-controls{border-left:0;border-top:1px solid #34383e;padding:22px}.movement-stage{height:340px}.movement-scene-label{top:19px;left:20px;font-size:10px}.movement-playback{padding:16px 20px;grid-template-columns:115px minmax(0,1fr);gap:18px}.movement-rotate{top:11px;right:13px}.movement-exercises{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.movement-exercises legend{margin-bottom:12px}.movement-exercise{margin:0;display:block;min-height:68px;font-size:11px;padding:10px 9px;line-height:1.4}.movement-exercise-number{display:block;margin-bottom:5px}.movement-exercise-arrow{display:none}.movement-explanation{min-height:100px}.movement-views button{font-size:12px;min-height:42px}.movement-note{font-size:11px;margin-top:17px}.movement-explanation p{font-size:13px}.movement-readout{padding-top:17px}.movement-video-placeholder{padding:20px;gap:15px}.movement-video-placeholder>span{width:48px;height:48px}.movement-scrub input[type=range]{height:44px}.movement-views{margin-top:19px}}
@media(max-width:380px){.movement-stage{height:310px}.movement-playback{grid-template-columns:102px minmax(0,1fr);gap:13px;padding:16px}.movement-controls{padding:17px}.movement-scene-label{left:17px;font-size:9px}.movement-exercise{font-size:10px}.movement-views button{padding:7px 3px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.pf-movement *{transition:none!important;animation:none!important}}

.movement-video-external{display:flex;align-items:center;gap:14px;padding:22px;color:var(--accent-text,#f37a70);font-size:14px;line-height:1.5;border-top:1px solid #34383e}.movement-video-external:focus-visible{outline:2px solid #f37a70;outline-offset:-4px}