.narrated-player{border:1px solid var(--line);border-radius:var(--radius-large);background:var(--surface);margin:1.5rem 0 2rem;overflow:hidden}.narrated-stage{min-width:0;padding:clamp(1rem,3vw,2rem)}.narrated-controls{border-top:1px solid var(--line);background:var(--surface-soft);padding:1.1rem clamp(1rem,3vw,2rem)}.narrated-steps{flex-wrap:wrap;gap:8px;margin-bottom:1rem;display:flex}.narrated-steps button{border:1px solid var(--line-strong);border-radius:var(--radius-small);min-height:48px;color:var(--ink);background:var(--surface);text-align:left;align-items:center;gap:.5rem;padding:.55rem .8rem;font-size:.8rem;line-height:1.5;display:inline-flex}.narrated-steps button[aria-current=step]{background:var(--ink);color:#fff;border-color:var(--ink)}.narrated-steps button>span{font-variant-numeric:tabular-nums;opacity:.75}.narrated-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.narrated-buttons .button{min-height:48px;font-size:.8rem}.narrated-progress{margin-top:1rem;font-size:.8rem;display:block}.narrated-progress>span{justify-content:space-between;gap:.75rem;display:flex}.narrated-progress output{font-variant-numeric:tabular-nums}.narrated-progress input{width:100%;min-height:48px;accent-color:var(--ink);margin:0}.narrated-status{color:var(--muted);margin:.25rem 0 0;font-size:.76rem;line-height:1.75}@media (width<=480px){.narrated-buttons>.button:first-child{flex-basis:100%}.narrated-steps button{flex:42%}}