.mobile-player-expand{display:none!important}
.mobile-player-sheet{inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:calc(100dvh - 32px);padding:0 0 env(safe-area-inset-bottom,0px);border:0;border-top:1px solid var(--dock-line);border-radius:24px 24px 0 0;background:var(--dock-bg);color:var(--dock-fg);font:14px/1.7 Vazirmatn,Vazir,sans-serif;overflow:auto;transform:translateY(var(--sheet-drag,0px));overscroll-behavior:contain}
.mobile-player-sheet{--dock-bg:var(--floating-nav-bg);--dock-line:var(--floating-nav-line);--dock-fg:var(--ink);--dock-muted:var(--muted);--dock-hover:var(--floating-nav-active)}
.mobile-player-sheet::backdrop{background:#0007}
.mobile-player-sheet[open]{animation:mobile-player-enter .2s ease-out}
.mobile-player-sheet-open{overflow:hidden}
.mobile-player-sheet-header{position:relative;touch-action:none}
.mobile-player-sheet-collapse{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:64px;padding:28px 24px 10px;border:0;background:transparent;color:var(--dock-muted);font:600 12px Vazirmatn,Vazir,sans-serif;cursor:pointer}
.mobile-player-sheet-handle{position:absolute;top:10px;left:calc(50% - 20px);width:40px;height:4px;border-radius:99px;background:var(--dock-line)}
.mobile-player-sheet-content{padding-bottom:16px}
@keyframes mobile-player-enter{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(max-width:800px){
  #audio-dock:not(.mobile-player-expanded),.public-fixed-dock:not(.mobile-player-expanded){position:fixed!important;bottom:calc(var(--mobile-dock-bottom,env(safe-area-inset-bottom,0px)) + 8px)!important;left:12px!important;right:12px!important;width:calc(100% - 24px)!important;display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px!important;align-items:center;gap:6px!important;min-height:48px!important;height:48px;padding:2px 6px!important;--dock-fg:var(--ink);--dock-muted:var(--muted);--dock-hover:var(--floating-nav-active);background:var(--floating-nav-bg)!important;border:1px solid var(--floating-nav-line)!important;border-radius:999px!important;box-shadow:var(--floating-nav-shadow)!important;direction:ltr}
  #audio-dock[hidden],.public-fixed-dock[hidden]{display:none!important}
  :is(#audio-dock,.public-fixed-dock):not(.mobile-player-expanded) :is(.dock-track,.public-dock-track){display:none!important}
  :is(#audio-dock,.public-fixed-dock):not(.mobile-player-expanded) :is(.dock-art,.public-dock-track>a:first-child,.dock-track small,.public-dock-track small){display:none!important}
  :is(#audio-dock,.public-fixed-dock):not(.mobile-player-expanded) :is(.dock-track strong,.public-dock-track strong){font-size:13px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  :is(#audio-dock,.public-fixed-dock):not(.mobile-player-expanded) :is(.dock-transport,.public-dock-middle){grid-column:1;grid-row:1;width:40px}
  :is(#audio-dock,.public-fixed-dock):not(.mobile-player-expanded) :is(.dock-buttons,.public-dock-buttons){gap:0}
  :is(#audio-dock,.public-fixed-dock):not(.mobile-player-expanded) :is(.dock-buttons,.public-dock-buttons)>button{display:none!important}
  :is(#audio-dock,.public-fixed-dock):not(.mobile-player-expanded) :is(.dock-buttons,.public-dock-buttons)>:is([data-player=audio-toggle],[data-dock-action=toggle]){display:grid!important;width:40px!important;height:44px!important;border-radius:50%;background:transparent!important;color:var(--action)!important}
  :is(#audio-dock,.public-fixed-dock):not(.mobile-player-expanded) :is([data-player=audio-toggle],[data-dock-action=toggle]) svg path[d="m8 4 12 8-12 8Z"]{fill:currentColor;stroke:none}
  :is(#audio-dock,.public-fixed-dock):not(.mobile-player-expanded) :is(.dock-options,.public-dock-options){display:flex!important;grid-column:3;grid-row:1;justify-content:center;gap:0!important;width:40px}
  :is(#audio-dock,.public-fixed-dock):not(.mobile-player-expanded) :is(.dock-options,.public-dock-options)>*{display:none!important}
  :is(#audio-dock,.public-fixed-dock):not(.mobile-player-expanded) :is(.dock-options,.public-dock-options)>:is([data-player=audio-close],[data-dock-action=close]){display:grid!important;place-items:center;width:40px!important;height:44px!important;padding:0;border:0;background:transparent;color:var(--dock-muted)!important}
  :is(#audio-dock,.public-fixed-dock):not(.mobile-player-expanded) :is(.dock-progress,.public-dock-progress){display:none!important}
  :is(#audio-dock,.public-fixed-dock):not(.mobile-player-expanded) .mobile-player-expand{display:flex!important;align-items:center;gap:6px;grid-column:2;grid-row:1;min-width:0;width:100%;height:44px;padding:0;border:0;border-radius:6px;background:transparent!important;color:var(--dock-fg);direction:rtl;text-align:start;font:13px/1.5 Vazirmatn,Vazir,sans-serif;cursor:pointer}
  .mobile-player-mini-title{flex:0 1 auto;min-width:0;max-width:68%;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-player-mini-subtitle{flex:1;min-width:0;color:var(--dock-muted);font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-player-mini-subtitle:not(:empty)::before{content:'— ';}
  body.has-public-dock{padding-bottom:calc(72px + var(--mobile-dock-bottom,0px))!important}
  .has-audio .page{padding-bottom:calc(80px + var(--mobile-dock-bottom,0px))}

  .mobile-player-sheet #audio-dock,.mobile-player-sheet .public-fixed-dock{position:static!important;inset:auto!important;bottom:auto!important;left:auto!important;right:auto!important;display:flex!important;flex-direction:column;align-items:stretch;gap:24px!important;width:100%!important;max-width:560px!important;min-height:0!important;margin:0 auto!important;padding:12px 24px 24px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:var(--dock-fg)!important;transform:none!important}
  .mobile-player-sheet :is(.dock-track,.public-dock-track){display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;min-width:0}
  .mobile-player-sheet :is(.dock-art,.public-dock-track>a:first-child){display:block;width:clamp(120px,36vw,180px);height:clamp(120px,36vw,180px);border-radius:12px;overflow:hidden;flex:none}
  .mobile-player-sheet :is(.dock-art img,.public-dock-track img){width:100%;height:100%;object-fit:cover;border-radius:12px}
  .mobile-player-sheet :is(.dock-track strong,.public-dock-track strong){font-size:20px;line-height:1.7;white-space:normal;overflow:visible;color:var(--dock-fg)}
  .mobile-player-sheet :is(.dock-track small,.public-dock-track small){margin-top:6px;font-size:12px;white-space:normal;color:var(--dock-muted)}
  .mobile-player-sheet :is(.dock-transport,.public-dock-middle){display:flex;flex-direction:column;gap:24px;width:100%}
  .mobile-player-sheet :is(.dock-progress,.public-dock-progress){order:0;position:static!important;display:flex!important;align-items:center;gap:12px;inset:auto!important;height:auto;margin:0!important;color:var(--dock-muted);font:12px system-ui,sans-serif;pointer-events:auto}
  .mobile-player-sheet :is(.dock-progress,.public-dock-progress)>span{display:inline!important}
  .mobile-player-sheet :is(.dock-progress,.public-dock-progress)>input{flex:1;width:100%;height:24px!important;pointer-events:auto}
  .mobile-player-sheet :is(.dock-buttons,.public-dock-buttons){order:1;display:flex;align-items:center;justify-content:center;gap:16px!important;direction:ltr}
  .mobile-player-sheet :is(.dock-buttons,.public-dock-buttons)>button{display:grid!important;place-items:center;width:44px!important;height:44px!important;padding:0;border:0;border-radius:50%;background:transparent;color:var(--dock-fg)}
  .mobile-player-sheet :is(.dock-buttons,.public-dock-buttons)>button:is([data-player=audio-toggle],[data-dock-action=toggle]){width:64px!important;height:64px!important;background:var(--dock-button-bg)!important;color:var(--dock-button-fg)!important}
  .mobile-player-sheet :is(.dock-buttons,.public-dock-buttons)>button:disabled{opacity:.35}
  .mobile-player-sheet :is(.dock-options,.public-dock-options){display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px!important;padding-top:20px;border-top:1px solid var(--dock-line);direction:ltr}
  .mobile-player-sheet #audio-dock .dock-options{gap:12px!important}
  .mobile-player-sheet :is(.dock-options,.public-dock-options)>button{display:grid!important;place-items:center;width:44px;height:44px}
  .mobile-player-sheet :is(.dock-options,.public-dock-options)>input{display:block!important;width:96px!important;max-width:96px!important;flex:0 0 96px}
  .mobile-player-sheet .mobile-player-expand{display:none!important}
  .mobile-player-sheet :is(.dock-speed-trigger,.public-speed-trigger){min-width:44px!important;min-height:44px!important}
  .mobile-player-sheet #audio-dock[hidden],.mobile-player-sheet .public-fixed-dock[hidden]{display:none!important}
}
@media(prefers-reduced-motion:reduce){.mobile-player-sheet[open]{animation:none}}
@media(max-width:360px){.mobile-player-sheet :is(.dock-buttons,.public-dock-buttons){gap:8px!important}.mobile-player-sheet :is(.dock-buttons,.public-dock-buttons)>button{width:40px!important;height:40px!important}}
