@layer components{.reference-playback-footer{border:1px solid var(--border);background:#fff;border-radius:.875rem;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid;overflow:hidden}.practice-stage-selectable .reference-playback-footer{grid-area:4/1/auto/-1}.reference-playback-playback,:is(.reference-playback-guidance,.instructor-reference-guidance){min-width:0;padding:1.125rem 1.25rem}.reference-playback-heading>p{color:var(--muted-foreground);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .375rem;font-size:.6875rem;font-weight:600;line-height:1.4}.reference-playback-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-playback-heading>h3{overflow-wrap:anywhere;margin:0;font-size:1rem;font-weight:650;line-height:1.4}.reference-playback-controls{margin-top:.75rem}.reference-playback-seek{appearance:none;cursor:pointer;width:100%;min-width:0;height:2.75rem;accent-color:var(--primary);background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block}.reference-playback-seek::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--primary) 0 var(--playback-progress), var(--border) var(--playback-progress) 100%);border-radius:1rem;height:.25rem}.reference-playback-seek::-moz-range-track{background:var(--border);border-radius:1rem;height:.25rem}.reference-playback-seek::-moz-range-progress{background:var(--primary);border-radius:1rem;height:.25rem}.reference-playback-seek::-webkit-slider-thumb{appearance:none;background:var(--primary);width:.875rem;height:.875rem;box-shadow:0 0 0 1px var(--primary);border:2px solid #fff;border-radius:50%;margin-top:-.3125rem}.reference-playback-seek::-moz-range-thumb{background:var(--primary);width:.625rem;height:.625rem;box-shadow:0 0 0 1px var(--primary);border:2px solid #fff;border-radius:50%}.reference-playback-transport{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.reference-playback-icon{width:2.75rem;height:2.75rem;min-height:2.75rem;color:var(--foreground);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.625rem;flex:0 0 2.75rem;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.reference-playback-icon>svg{width:1.125rem;height:1.125rem}.reference-playback-icon:hover{background:var(--secondary)}.reference-playback-play,.reference-playback-play:hover{background:var(--primary);color:var(--primary-foreground)}.reference-playback-icon[aria-pressed=true]{background:var(--secondary);color:var(--primary)}.reference-playback-icon:disabled{opacity:.5;cursor:default}.reference-playback-time{font-variant-numeric:tabular-nums;white-space:nowrap;margin-inline:.25rem;font-size:.8125rem}.reference-playback-time>span{color:var(--muted-foreground)}.reference-playback-transport .reference-playback-speed{flex-direction:row;align-items:center;gap:.375rem;margin:0 0 0 auto;display:flex}.reference-playback-speed>svg{width:1rem;height:1rem;color:var(--muted-foreground)}.reference-playback-speed>select{border:1px solid var(--border);width:auto;min-width:4.5rem;height:2.75rem;color:var(--foreground);background:#fff;border-radius:.625rem;margin:0;padding:.5rem .625rem;font-size:.8125rem;font-weight:600}:is(.reference-playback-guidance,.instructor-reference-guidance){border-left:1px solid var(--border);background:var(--secondary)}:is(.reference-playback-guidance,.instructor-reference-guidance)>h4{color:var(--primary);align-items:center;gap:.5rem;margin:0 0 .625rem;font-size:.875rem;font-weight:650;line-height:1.4;display:flex}:is(.reference-playback-guidance,.instructor-reference-guidance)>h4>svg{flex-shrink:0;width:1rem;height:1rem}.reference-playback-footer[data-has-guidance=false]{grid-template-columns:minmax(0,1fr)}.reference-playback-controls .reference-playback-transport .reference-playback-view{border:1px solid var(--border);min-height:2.75rem;color:var(--foreground);cursor:pointer;background:#fff;border-radius:.625rem;justify-content:center;align-items:center;gap:.375rem;margin:0;padding:.5rem .625rem;font-size:.8125rem;display:inline-flex}.reference-playback-controls .reference-playback-transport .reference-playback-view[aria-expanded=true]{background:var(--secondary)}.reference-playback-controls :is(button,select,input):focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (width<=820px){.reference-playback-footer{grid-template-columns:minmax(0,1fr)}:is(.reference-playback-guidance,.instructor-reference-guidance){border-top:1px solid var(--border);border-left:0}}@media (width<=480px){.reference-playback-playback,:is(.reference-playback-guidance,.instructor-reference-guidance){padding:1rem}.reference-playback-transport{gap:.125rem}.reference-playback-time{font-size:.75rem}.reference-playback-speed>svg{display:none}}@media (width<=360px){.reference-playback-transport{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(4.5rem,1.5fr);gap:.375rem .125rem;display:grid}.reference-playback-transport .reference-playback-speed{grid-area:1/4;justify-self:end;margin:0}.reference-playback-time{grid-area:2/1/auto/3;align-self:center;margin:0}.reference-playback-controls .reference-playback-transport .reference-playback-view{grid-area:2/3/auto/-1;justify-self:end}}}@layer legacy{.recorded-tutorial{color:#123936;background:#fff;border:1px solid #d9e7e3;border-radius:22px;min-width:0;overflow:visible}.recorded-tutorial-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:22px 22px 16px;display:flex}.recorded-tutorial-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#476a62;margin:0 0 5px;font-size:.7rem;font-weight:750}.recorded-tutorial h3{margin:0;font-size:1.2rem;line-height:1.3}.recorded-tutorial-badge{background:#edf7f1;border:1px solid #c5ded4;border-radius:999px;padding:5px 9px;font-size:.7rem;font-weight:700}.recorded-tutorial-intro{color:#4a655f;margin:12px 22px 18px;font-size:.875rem;line-height:1.6}.recorded-tutorial-stage{background:radial-gradient(#19413e,#0d2528);border-radius:14px;margin:0 14px;position:relative;overflow:hidden}.recorded-tutorial-stage canvas{width:100%;height:clamp(250px,42vw,390px);display:block}.recorded-tutorial-stage-labels{color:#dbf2e9;pointer-events:none;justify-content:space-between;gap:8px;font-size:.7rem;display:flex;position:absolute;inset:12px 12px auto}.recorded-tutorial-start-hint{white-space:nowrap;color:#e3f4ec;pointer-events:none;background:#102b2ce8;border:1px solid #50736a;border-radius:999px;padding:6px 12px;font-size:.75rem;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.recorded-tutorial-controls{padding:16px 22px 18px}.recorded-tutorial button,.recorded-tutorial select{color:#173e37;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #b9d0c8;border-radius:10px;padding:8px 12px;font-size:.82rem}.recorded-tutorial button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.recorded-tutorial button:focus-visible,.recorded-tutorial input:focus-visible,.recorded-tutorial select:focus-visible,.recorded-tutorial summary:focus-visible{outline-offset:3px;outline:3px solid #237d69}.recorded-tutorial .recorded-tutorial-play{color:#fff;background:#1b6554;border-color:#1b6554;min-width:89px}.recorded-tutorial-playback{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.recorded-tutorial-speed{align-items:center;gap:6px;margin-left:auto;font-size:.75rem;display:flex}.recorded-tutorial-speed select{padding:8px}.recorded-tutorial-timeline{justify-content:space-between;align-items:center;gap:10px;margin-top:18px;font-size:.75rem;display:flex}.recorded-tutorial-timeline span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.recorded-tutorial-range{accent-color:#1b6554;cursor:pointer;width:100%;min-height:44px;margin:0;display:block}.recorded-tutorial-views{grid-template-columns:1fr 1fr;gap:8px;display:grid}.recorded-tutorial-views button[aria-pressed=true]{background:#e7f3ed;border-color:#418773;box-shadow:inset 0 0 0 1px #418773}.recorded-tutorial-rotation{padding-top:16px}.recorded-tutorial-rotation label{justify-content:space-between;font-size:.8rem;display:flex}.recorded-tutorial-rotation p,.recorded-tutorial-note{color:#4a655f;margin:6px 0 0;font-size:.78rem;line-height:1.5}.recorded-tutorial-source{color:#4a655f;padding:0 22px 18px;font-size:.75rem;line-height:1.6}.recorded-tutorial-source summary{cursor:pointer;color:#33594c;align-content:center;min-height:44px;display:list-item}.recorded-tutorial-source p{overflow-wrap:anywhere;margin:8px 0 0}.recorded-tutorial-source a{color:#165b4b;text-decoration:underline}.recorded-tutorial-empty{padding:22px}.recorded-tutorial-empty p{font-size:.875rem;line-height:1.6}.recorded-tutorial-adjustments>summary{cursor:pointer;color:#285b48;min-height:52px;padding:.8rem 0;font-size:.95rem}.recorded-tutorial-adjustments .recorded-tutorial-speed{justify-content:space-between;font-size:1rem}.patient-practice .recorded-tutorial{background:0 0;border:0;border-radius:0;overflow:visible}.patient-practice .recorded-tutorial-stage{background:#203d35;border-radius:24px;margin:0}.patient-practice .recorded-tutorial-stage canvas{height:clamp(260px,52vw,390px)}.patient-practice .recorded-tutorial-stage-labels{font-size:.8rem;inset:14px 16px auto}.patient-practice .recorded-tutorial-controls{padding:1rem 0 0}.patient-practice .recorded-tutorial-playback{grid-template-columns:2fr 1fr;gap:.75rem;display:grid}.patient-practice .recorded-tutorial-playback button{border-radius:16px;min-height:56px;font-size:1.125rem}.patient-practice .recorded-tutorial-play{color:#285b48;background:#e4eadf;border-color:#d1dccb}.patient-practice .recorded-tutorial-note{font-size:.875rem}.patient-practice .recorded-tutorial-source{margin-top:.4rem;padding:0}.patient-practice .recorded-tutorial-source summary{font-size:.8rem}.patient-practice .recorded-tutorial-empty{background:#f0ede7;border-radius:24px;padding:1.5rem}@media (width<=380px){.recorded-tutorial-heading{padding:18px 16px 14px}.recorded-tutorial-intro{margin-left:16px;margin-right:16px}.recorded-tutorial-controls{padding:14px 14px 16px}.recorded-tutorial-playback{gap:6px}.recorded-tutorial button{padding:8px 10px}.recorded-tutorial-speed{gap:4px}.recorded-tutorial-source{padding-left:16px;padding-right:16px}}.scene-orbit-canvas{touch-action:none;cursor:grab}.scene-orbit-canvas:active{cursor:grabbing}.scene-orbit-canvas:focus-visible{outline-offset:-4px;border-radius:20px;outline:3px solid #9fe1c8}.scene-view-switch{margin-bottom:12px}.scene-camera-presets{flex-wrap:wrap;gap:6px;display:flex}.scene-camera-presets button{flex:54px;padding:8px}.scene-camera-presets [aria-pressed=true]{background:#e7f3ed;border-color:#418773}.scene-camera-help{color:#4a655f;margin:10px 0 16px;font-size:.78rem;line-height:1.5}.scene-camera-angles summary{cursor:pointer;align-content:center;min-height:44px;font-size:.85rem}.scene-camera-angles label{justify-content:space-between;font-size:.85rem;display:flex}.scene-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hand-capture .scene-camera-controls{margin-top:14px}.hand-capture-options .recorded-tutorial-views{grid-template-columns:repeat(3,1fr)}.tutorial-player-controls{padding:0}.tutorial-timeline{align-items:center;gap:14px;display:flex}.tutorial-timeline>span{white-space:nowrap;font-variant-numeric:tabular-nums;color:#62716b;font-size:.7rem}.tutorial-toolbar{align-items:center;gap:6px;display:flex}.tutorial-toolbar button,.tutorial-toolbar select,.tutorial-view-toggle{border-radius:8px;min-height:44px;font-size:.8rem}.tutorial-toolbar .recorded-tutorial-play{color:#fff;background:#285b48;border-color:#285b48;min-width:90px;padding:10px 14px}.tutorial-toolbar .tutorial-rewind{background:0 0;border-color:#0000;width:44px;padding:10px}.tutorial-speed{margin-left:auto}.tutorial-speed select{background:0 0;border-color:#0000;padding:8px}.tutorial-view-toggle{cursor:pointer;color:#34543e;background:#fff;border:1px solid #d7dfd2;justify-content:center;align-items:center;gap:7px;padding:10px 12px;list-style:none;display:flex}.tutorial-view-toggle[aria-expanded=true]{background:#e9f0e3}.tutorial-view-panel{background:#fff;border:1px solid #d8e1d2;border-radius:12px;margin-top:14px;padding:18px}.tutorial-view-select,.scene-camera-presets label{color:#51684e;gap:6px;font-size:.75rem;display:grid}.tutorial-view-select select,.scene-camera-presets select{background:#f7f9f4;border:1px solid #dbe3d5;width:100%}.scene-camera-presets{align-items:end;gap:10px;margin:14px 0;display:flex}.scene-camera-presets label{flex:1;min-width:0}.scene-camera-presets button{flex:none;font-size:.75rem}.scene-camera-angles label{font-size:.75rem}@media (width<=480px){.tutorial-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.tutorial-toolbar .tutorial-rewind{justify-self:end}.tutorial-speed{justify-self:start;margin-left:0}.tutorial-view-panel .scene-camera-presets{grid-template-columns:minmax(0,1fr);display:grid}}.scene-camera-help{margin-bottom:0;font-size:.7rem}.practice-content .recorded-tutorial-stage{border-radius:16px}.practice-content .recorded-tutorial-stage canvas{height:clamp(320px,28vw,420px)}.practice-content .recorded-tutorial-controls{padding:6px 0 0}.practice-content .recorded-tutorial-stage-labels{font-size:.7rem}.practice-content .recorded-tutorial-stage-labels span{background:#122c2ba6;border-radius:5px;padding:5px 9px}.practice-content .recorded-tutorial-source{margin-top:8px}.practice-content .recorded-tutorial-source summary{color:#64715f;font-size:.7rem}.practice-content .recorded-tutorial-note{color:#596b51;background:#e9ede2;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:.75rem}.practice-content .recorded-tutorial-empty{background:#e9eee2;border:1px dashed #cdd8c5;border-radius:16px;flex-direction:column;justify-content:center;min-height:400px;display:flex}@media (width<=760px){.practice-content .recorded-tutorial-stage canvas{height:320px}.tutorial-timeline{gap:8px}.tutorial-toolbar{gap:4px}.tutorial-toolbar .recorded-tutorial-play{min-width:78px;padding-inline:10px}.tutorial-speed select{padding:6px 2px;font-size:.74rem}.tutorial-view-toggle{padding-inline:10px}.practice-content .recorded-tutorial-empty{min-height:260px}}}