.inline-player { position:relative; }
.inline-player .inline-start { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); min-height:56px; padding:12px 20px; border:2px solid #fff; border-radius:32px; background:#17211ce6; color:#fff; font:inherit; font-size:19px; font-weight:600; cursor:pointer; }
.inline-player [hidden] { display:none !important; }
.inline-controls { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:12px 0; }
.inline-controls button { min-height:48px; padding:8px 14px; border:1px solid var(--accent,#805b35); border-radius:8px; background:#fff; color:var(--ink,#17211c); font:inherit; font-size:17px; cursor:pointer; }
.inline-controls input { flex:1; min-width:80px; min-height:44px; accent-color:var(--accent,#805b35); }
.inline-time { font-size:15px; font-variant-numeric:tabular-nums; }
.inline-status { margin:0 0 12px; font-size:16px; color:var(--muted,#596459); }
.inline-start:focus-visible,.inline-controls :focus-visible { outline:3px solid #bb7627; outline-offset:3px; }