@keyframes step-slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes step-progress{0%{width:0}to{width:100%}}.step-player{--step-accent:var(--cat-default);margin-top:.5rem}.step-player[data-category=sensory]{--step-accent:var(--cat-sensory)}.step-player[data-category=motor]{--step-accent:var(--cat-motor)}.step-player[data-category=creative]{--step-accent:var(--cat-creative)}.step-player[data-category=outdoor]{--step-accent:var(--cat-outdoor)}.step-player[data-category=music]{--step-accent:var(--cat-music)}.step-player[data-category=social]{--step-accent:var(--cat-social)}.step-player__name{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.45rem;margin:0 0 .6rem;font-weight:700;display:inline-flex}.step-player__name:before{content:"";background:url(/amber-step-mark.svg) 50%/contain no-repeat;flex-shrink:0;width:24px;height:10px;display:inline-block}.step-player__viewport{background:var(--section-sage,#e0efe9);border-radius:var(--radius-md);min-height:60px;padding:1rem 1.2rem;position:relative;overflow:hidden}.step-player__frame{animation:.35s ease-out both step-slide-in}.step-player__content{min-width:0}.step-player__phase-label{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--step-accent);align-items:center;gap:.3rem;margin-bottom:.35rem;font-weight:600;display:inline-flex}.step-player__phase-label svg{opacity:.6;flex-shrink:0}.step-player__step-text{margin:0;padding:0;list-style:none}.step-player__step-text li{font-size:var(--text-base);color:var(--ink-soft);margin-bottom:.35rem;padding-left:1.1rem;line-height:1.6;position:relative}.step-player__step-text li:before{content:"";background:var(--step-accent);opacity:.45;border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.step-player__progress{background:#0000000f;border-radius:4px;height:4px;margin-top:1rem;overflow:hidden}.step-player__progress-fill{background:var(--step-accent);opacity:.85;border-radius:4px;width:0;height:100%}.step-player__progress-fill--animating{animation:step-progress var(--step-duration,10s) linear forwards}.step-player__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:.6rem;display:flex}.step-player__nav-btn{border:1px solid var(--line);background:var(--card-bg);width:44px;height:44px;color:var(--ink-soft);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s;display:flex}.step-player__nav-btn:hover:not(:disabled){border-color:var(--step-accent);color:var(--step-accent);background:var(--accent-soft)}.step-player__nav-btn:disabled{opacity:.3;cursor:not-allowed}.step-player__nav-btn svg{width:14px;height:14px}.step-player__dots{align-items:center;gap:.1rem;display:flex}.step-player__dot{cursor:pointer;background:0 0;border:none;width:16px;height:44px;padding:0;position:relative}.step-player__dot:before{content:"";position:absolute;inset:0 -14px}.step-player__dot:after{content:"";border-radius:var(--amber-step-radius-sm);background:var(--line);width:13px;height:10px;transition:background .2s ease, transform .2s var(--ease-bounce);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.step-player__dot:hover:after{background:var(--ink-soft)}.step-player__dot--active:after{background:var(--brand-amber);transform:translate(-50%,-50%)scale(1.3)}.step-player__play-btn{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--card-bg);min-width:44px;min-height:44px;color:var(--ink-soft);cursor:pointer;font-family:var(--font-display);font-size:var(--text-xs);justify-content:center;align-items:center;gap:.35rem;margin-left:.3rem;padding:.35rem .75rem;font-weight:700;transition:border-color .15s,color .15s,background .15s;display:flex}.step-player__play-btn:hover{border-color:var(--step-accent);color:var(--step-accent);background:var(--accent-soft)}.step-player__play-btn svg{flex-shrink:0;width:14px;height:14px}.step-player__play-label{white-space:nowrap}.step-player__speed-btn{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--card-bg);color:var(--ink-soft);cursor:pointer;font-family:inherit;font-size:var(--text-2xs);flex-shrink:0;justify-content:center;align-items:center;gap:.2rem;min-width:44px;min-height:44px;margin-left:.2rem;padding:.3rem .8rem;font-weight:600;transition:border-color .15s,color .15s;display:flex}.step-player__speed-btn:hover{border-color:var(--step-accent);color:var(--step-accent)}.step-player__counter{font-size:var(--text-xs);color:var(--ink-soft);opacity:.6;font-variant-numeric:tabular-nums;margin-left:.3rem}.sr-only-visual{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:640px){.step-player__nav-btn svg,.step-player__play-btn svg{width:18px;height:18px}.step-player__speed-btn{font-size:var(--text-xs)}.step-player__dots{flex:1;justify-content:center;gap:0}.step-player__play-label{display:none}}@media print{.step-player{display:none!important}.sr-only-visual{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}}