@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#e8ece8;background:#111918;font-synthesis:none;--muted:#9ca9a4;--line:#2c3632;--lime:#c4ed8d;--panel:#18211f}*{box-sizing:border-box}body{margin:0}button,input,summary{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{border:0}a{color:inherit}svg.lucide{width:18px;height:18px;stroke-width:1.65;flex-shrink:0}.topbar{height:88px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:26px;font-weight:800;letter-spacing:-1px;text-decoration:none}.brand-symbol{display:grid;gap:3px;justify-items:center}.brand-symbol b{display:block;width:16px;height:5px;border-radius:2px;background:var(--lime)}.brand-symbol b:nth-child(2),.brand-symbol b:nth-child(3){width:22px}.brand-caption{font-family:DM Sans,sans-serif;font-size:11px;letter-spacing:2px;font-weight:500;color:var(--muted);border-left:1px solid #45534d;padding-left:20px;margin-left:8px}.header-right{display:flex;align-items:center;gap:24px}.privacy{font-size:13px;color:#a8b6ae;display:flex;gap:8px;align-items:center}.icon-button{display:grid;place-items:center;background:transparent;border:1px solid #3e4a43;border-radius:50%;width:38px;height:38px;flex-shrink:0}.icon-button:hover{background:#354338}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 354px;max-width:1920px;margin:auto}.stage{position:relative;min-height:870px;background:#17231f;overflow:hidden;border-right:1px solid var(--line)}#viewport{position:absolute;top:0;right:0;bottom:103px;left:0}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}.stage-toolbar{position:absolute;z-index:2;top:26px;left:30px;right:28px;display:flex;justify-content:space-between;align-items:center;gap:10px}.view-switch{display:flex;padding:4px;gap:3px;background:#111a16c9;border:1px solid #3b4c41;border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.view-switch button{display:flex;align-items:center;gap:8px;padding:9px 13px;background:transparent;color:#b3c1b6;font-size:13px;border-radius:5px}.view-switch button.selected{background:#3a4c3e;color:#f3f7ee}.stage-badge{font-size:10px;letter-spacing:1.5px;color:#b3c3b3;display:flex;align-items:center;gap:7px}.stage-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:#9caf94}.stage-label{position:absolute;pointer-events:none;left:38px;top:112px;max-width:270px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;color:#aabcaa}.stage-label h1{font-family:Manrope,sans-serif;font-weight:500;line-height:1.2;font-size:clamp(27px,3.2vw,44px);letter-spacing:-1.7px;margin:14px 0}.stage-label p{font-size:13px;line-height:1.7;color:#a7b9ac;max-width:175px}.axis-label{position:absolute;bottom:201px;left:38px;font-size:10px;letter-spacing:1.2px;color:#a0b5a2;display:flex;flex-direction:column;gap:8px}.axis-label i{height:53px;width:1px;background:linear-gradient(#809977,transparent)}.stage-bottom{position:absolute;bottom:126px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;gap:12px}.stage-bottom>span{display:flex;gap:8px;align-items:center;color:#bac9bc;font-size:12px}.status-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#d5c89c}.text-button{display:flex;align-items:center;gap:7px;background:none;font-size:12px;color:#aabdac;padding:5px 0}.text-button:hover,.text-button[aria-pressed=true]{color:var(--lime)}.playback{position:absolute;bottom:0;left:0;right:0;min-height:103px;border-top:1px solid #435443;display:flex;align-items:center;justify-content:space-between;padding:20px 30px;background:#18271edb;gap:15px}.demo-options{display:flex;gap:5px;margin-top:12px;flex-wrap:wrap}.demo-options button{font-size:13px;white-space:nowrap;padding:7px 12px;border-radius:5px;background:transparent;color:#a5b7a7}.demo-options button:hover{background:#304332}.demo-options button.selected{background:#c4ed8d;color:#22301e}.inspector{padding:32px 28px 20px;background:var(--panel)}.intro>.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px}.small-line{display:block;width:20px;height:1px;background:var(--lime)}h2{font-family:Manrope,sans-serif;font-weight:500;font-size:28px;line-height:1.24;letter-spacing:-.8px;margin:19px 0 12px}.intro>p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 21px}.primary{background:var(--lime);color:#17291a;font-weight:650;border-radius:6px;width:100%;display:flex;align-items:center;gap:10px;padding:15px 16px;font-size:14px;transition:background .2s}.primary svg:last-child{margin-left:auto}.primary:hover{background:#d8ffad}.intro p.button-note{margin:10px 0 25px;font-size:11px;line-height:1.6;color:#94a39a}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}h3{font-size:14px;font-weight:550;margin:0}.data-tag{font-size:9px;color:#c1cbbd;background:#354137;padding:4px 7px;border-radius:3px;letter-spacing:1px}.measurements{border-top:1px solid var(--line);padding-top:23px}.height-metric{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.height-metric>div>span{display:block;color:var(--muted);font-size:12px;margin-bottom:2px}.height-metric strong{font-family:Manrope,sans-serif;font-size:39px;letter-spacing:-1.4px;font-weight:500;font-variant-numeric:tabular-nums}.height-metric small{font-size:19px;color:#819086;letter-spacing:0}.height-scale{width:35px;height:70px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;position:relative}.height-scale i{width:12px;height:1px;background:#51634f}.height-scale i:nth-child(3n){width:22px}.height-scale b{position:absolute;right:0;top:15px;width:32px;height:2px;background:var(--lime)}.metric-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0;gap:8px}.metric-row>span{font-size:12px;color:#a8b5ad;display:flex;align-items:center;gap:10px}.metric-row svg{width:14px;height:14px;color:#7d9783}.metric-row strong{font-weight:500;font-size:15px;font-variant-numeric:tabular-nums}.metric-row small{font-size:11px;color:#a2b098}.posture{margin-top:7px;display:flex;align-items:center;gap:10px;padding:13px 11px;border:1px solid #43543a;border-radius:6px;background:#243020;color:#c4e79b}.posture strong{display:block;font-size:12px;font-weight:550}.posture span{display:block;margin-top:4px;font-size:11px;color:#9cab91}.posture.caution{background:#342e20;border-color:#66583d;color:#e4cb8f}.measurement-note{font-size:10px;color:#8b9e90;line-height:1.55;margin:10px 0 20px}.setup{border-top:1px solid var(--line);padding-top:20px}.setup .section-heading{margin-bottom:17px}.range-label{font-size:12px;color:#a6b8ac;display:flex;justify-content:space-between}output{font-size:12px;color:#dce5d9;font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:3px;border-radius:3px;margin:18px 0 13px;background:#41543b;accent-color:var(--lime);cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--lime);border:2px solid #172219;border-radius:50%;box-shadow:0 0 0 1px var(--lime)}.range-ends{display:flex;justify-content:space-between;font-size:9px;color:#788f7c}.setup details{margin-top:19px;padding-bottom:18px}.setup summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:12px;color:#a9bdaf;list-style:none}.setup summary::-webkit-details-marker{display:none}.setup summary svg{width:15px;height:15px}.manual-fields{padding-top:21px}.manual-fields label{display:flex;justify-content:space-between;font-size:12px;color:#a7b9ac}.manual-fields input{margin-bottom:22px}.model-credit{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:20px;color:#748c7a}.model-credit strong{display:block;font-size:11px;font-weight:500;color:#a4b4a6}.model-credit span{font-size:9px;display:block;margin-top:4px}footer{display:flex;justify-content:space-between;gap:16px;padding:21px 36px;color:#84968b;font-size:10px;border-top:1px solid var(--line)}.footer-divider{margin:0 12px;color:#4e6655}.loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#192820;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.loading strong{font-size:17px;font-weight:500}.loading span{font-size:13px;color:#aac0ae}.loader{width:28px;height:28px;border:2px solid #466242;border-top-color:var(--lime);border-radius:50%;animation:spin 1s linear infinite}.loading.error .loader{display:none}.loading.error{padding:30px;text-align:center}.loading.error button{padding:12px 22px;border-radius:5px;background:var(--lime);color:#142214}.loading[hidden]{display:none}@keyframes spin{to{transform:rotate(360deg)}}dialog{border:1px solid #455943;border-radius:15px;background:#1b2821;color:#e8eee4;padding:36px;width:min(540px,calc(100% - 32px));max-height:90vh;overflow:auto}dialog::backdrop{background:#07110ce6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:20px;top:20px}dialog h2{font-size:31px}dialog ol{padding-left:23px;margin:25px 0}dialog li{padding-left:7px;margin:18px 0;font-size:14px}dialog li::marker{color:var(--lime)}dialog p{color:#aabcab;font-size:14px;line-height:1.6;margin:5px 0}.help-note{font-size:12px;line-height:1.65;color:#9eb29f;background:#243326;padding:14px;border-radius:5px}.secondary{display:flex;align-items:center;gap:10px;padding:12px 15px;background:var(--lime);color:#20321d;border-radius:6px;margin-top:20px;font-size:13px}#copy-status{display:block;font-size:12px;margin-top:10px;color:var(--lime)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;background:#d9efc8;color:#1c301d;padding:14px 22px;border-radius:7px;font-size:14px;box-shadow:0 8px 35px #0005;max-width:90vw}.toast[hidden]{display:none}@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 390px}.inspector{padding:37px 34px}.stage-label{left:48px;top:133px}.stage-label h1{font-size:48px}.stage{min-height:920px}}@media(max-width:1100px){.stage-label{top:111px;left:27px}.stage-label h1{font-size:27px;letter-spacing:-1px}.stage-label p{max-width:130px;font-size:12px}.stage-label .eyebrow{font-size:8px}.stage-toolbar{left:23px;right:20px}.stage-badge{font-size:8px}.workspace{grid-template-columns:minmax(0,1fr) 325px}.inspector{padding:28px 23px}.brand-caption{display:none}.playback{padding-left:20px;padding-right:20px}.demo-options button{padding:7px 8px;font-size:12px}.axis-label{left:26px}}@media(max-width:780px){.topbar{height:70px;padding:0 20px}.brand{font-size:23px}.privacy{display:none}.workspace{display:flex;flex-direction:column}.stage{height:670px;min-height:0;border-right:0}.stage-toolbar{top:20px;left:20px;right:20px}.stage-label{top:94px;left:23px}.stage-label h1{font-size:27px}.stage-label p{font-size:11px;max-width:117px}.stage-label .eyebrow{font-size:8px}.stage-badge{font-size:8px;letter-spacing:.7px}.stage-bottom{left:20px;right:20px;bottom:124px}.stage-bottom>span{font-size:10px}.playback{padding:17px 20px}.playback .eyebrow{font-size:8px}.demo-options{gap:3px}.demo-options button{font-size:11px;padding:8px}.playback .icon-button{width:32px;height:32px}.axis-label{bottom:180px;font-size:8px;left:24px}.inspector{padding:28px 24px;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.intro{grid-row:span 2}.measurements{border-top:0;padding-top:0}.setup{grid-column:2}.model-credit{grid-column:1/-1}.intro h2{font-size:30px}footer{padding:18px 22px;font-size:9px;flex-wrap:wrap}}@media(max-width:520px){.stage{height:635px}.stage-label h1{font-size:24px}.stage-label p{display:none}.stage-label{max-width:130px;top:91px}.stage-toolbar{left:15px;right:15px}.view-switch button{padding:7px 9px;font-size:11px;gap:5px}.view-switch svg{width:14px;height:14px}.playback{gap:7px;padding:16px 14px}.demo-options{gap:0}.demo-options button{font-size:10px;padding:8px 7px}.stage-bottom{left:17px;right:17px}.stage-bottom .text-button{font-size:10px}.stage-bottom .text-button svg{width:13px;height:13px}.inspector{display:block;padding:28px 24px}.intro h2{font-size:32px}.intro .eyebrow{font-size:10px}.intro>p{font-size:16px}.intro p.button-note{font-size:12px}.primary{font-size:16px;padding:16px}.measurements{border-top:1px solid var(--line);padding-top:23px}h3{font-size:16px}.metric-row>span,.height-metric>div>span,.range-label,.setup summary{font-size:14px}.measurement-note{font-size:12px}.posture strong{font-size:14px}.posture span{font-size:12px}.model-credit strong{font-size:13px}.model-credit span{font-size:11px}.setup{padding-bottom:4px}.brand-caption{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.loader{animation:none}}.exercise-section{grid-column:1/-1;border-top:1px solid var(--line);padding:18px 0}.exercise-section summary{cursor:pointer;font-size:14px;color:#dce5d9}.exercise-section summary span{font-size:11px;color:#8b9e90;margin-left:10px}.exercise-section p{font-size:12px;line-height:1.65;color:#aabcab}.exercise-options{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.exercise-options button{padding:9px 10px;border:1px solid #536449;background:#243326;color:#dce5d9;border-radius:5px;font-size:12px}.exercise-options button[aria-pressed=true]{background:var(--lime);color:#20321d;border-color:var(--lime)}#exercise-dose{color:#dce5d9;font-weight:550}#exercise-source{font-size:11px;color:var(--lime);text-underline-offset:3px}#exercise-stop{display:block;margin-top:17px}.exercise-section .exercise-note{font-size:11px;color:#9cae97;margin-bottom:0}.practice-tabs{display:flex;gap:6px;margin-bottom:18px}.practice-tabs button,.dance-controls button,.dance-chapters button{border:1px solid #536449;background:#243326;color:#dce5d9;border-radius:5px;padding:10px 12px;font-size:14px}.practice-tabs button[aria-pressed=true],.dance-controls button[aria-pressed=true]{background:var(--lime);color:#20321d}.dance-register{padding-bottom:18px;border-bottom:1px solid var(--line)}.dance-register label{display:block;color:#aabcab;font-size:13px;margin-bottom:10px}.dance-register select{width:100%;font-size:14px;background:#243326;color:#e5efde;border:1px solid #536449;border-radius:5px;padding:10px}.exercise-section .dance-adaptation{color:var(--lime)}.exercise-section #dance-view p{font-size:14px}.dance-lesson{padding:20px 0 0}.dance-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.dance-heading span{font-size:12px;color:#aabcab}.dance-heading h3{margin:7px 0;font-size:17px}.dance-heading strong{font-size:42px;color:var(--lime);font-variant-numeric:tabular-nums}.dance-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px}.dance-controls #dance-toggle{grid-column:1/-1;background:var(--lime);color:#20321d}.dance-lesson progress{width:100%;height:5px;accent-color:var(--lime);margin:13px 0 0}.exercise-section #dance-view .dance-note{font-size:12px}.dance-chapters{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.dance-chapters button{font-size:12px}#dance-source{width:min(650px,calc(100% - 24px));padding:28px}#dance-source a{color:var(--lime);font-size:14px}#dance-video{margin-top:20px}#dance-video iframe{width:100%;height:360px;border:0;border-radius:8px}#dance-video-status{font-size:12px}#dance-view[hidden],#exercise-view[hidden]{display:none}#dance-footwork{margin:18px 0;padding:14px;background:#202e24;border:1px solid #43583d;border-radius:8px}#dance-footwork[hidden]{display:none}.foot-map{height:128px;position:relative}.foot{position:absolute;top:52px;width:30px;height:56px;display:grid;place-items:center;border-radius:45% 45% 35% 35%;background:#50644d;color:#fff;transition:transform .18s ease,background .18s ease}.foot.left{left:calc(50% - 37px)}.foot.right{left:calc(50% + 7px)}.foot-direction{position:absolute;top:0;left:0;width:100%;text-align:center;font-size:12px;color:#aabcaa}#dance-footwork[data-point=left] .foot.left{transform:translate(-45px) rotate(-15deg)}#dance-footwork[data-point=right] .foot.right{transform:translate(45px) rotate(15deg)}#dance-footwork[data-support=left] .foot.left,#dance-footwork[data-support=right] .foot.right{background:var(--lime);color:#20321d}#dance-footwork-caption{color:var(--lime);text-align:center;margin:5px 0}#dance-footwork .dance-note{text-align:center;margin-bottom:0}select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}@media(prefers-reduced-motion:reduce){.foot{transition:none}}#dance-footwork[data-direction=forward][data-point=left] .foot.left,#dance-footwork[data-direction=forward][data-point=right] .foot.right{transform:translateY(-28px)}#dance-view-toggle[hidden]{display:none}#dance-view-toggle{margin-bottom:16px}
