@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}}}