.mandcast-mobile-dock{display:none}
@media(max-width:680px){
body{padding-bottom:86px}
.mandcast-mobile-dock{position:fixed;z-index:1000030;left:50%;right:auto;bottom:calc(var(--mmd-offset,14px) + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;max-width:calc(100vw - 24px);padding:6px;border:1px solid rgba(255,255,255,.14);border-radius:23px;background:color-mix(in srgb,var(--mmd-bg,#0b0b0b) 92%,transparent);box-shadow:0 18px 45px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(18px);transform:translateX(-50%);transition:bottom .42s cubic-bezier(.2,.8,.2,1),left .42s cubic-bezier(.2,.8,.2,1),right .42s cubic-bezier(.2,.8,.2,1),transform .42s cubic-bezier(.2,.8,.2,1),opacity .3s ease}
.mandcast-mobile-dock__items{display:flex;align-items:center;gap:3px;max-width:calc(100vw - 36px);opacity:1;transform:none;transition:max-width .5s cubic-bezier(.2,.8,.2,1),opacity .28s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.mandcast-mobile-dock__item{display:flex;align-items:center;justify-content:center;gap:0;width:45px;height:45px;padding:0 13px;border-radius:17px;color:#aaa!important;text-decoration:none!important;overflow:hidden;transition:width .4s cubic-bezier(.2,.8,.2,1),gap .3s,color .25s,background .25s}
.mandcast-mobile-dock__item i{flex:none;font-size:16px}.mandcast-mobile-dock__item span{max-width:0;opacity:0;white-space:nowrap;font-size:11px;font-weight:800;transition:max-width .4s,opacity .25s}
.mandcast-mobile-dock__item:focus,.mandcast-mobile-dock__item:hover,.mandcast-mobile-dock__item.is-current{width:91px;gap:8px;color:#08110d!important;background:var(--mmd-accent,#53e69d)}
.mandcast-mobile-dock__item:focus span,.mandcast-mobile-dock__item:hover span,.mandcast-mobile-dock__item.is-current span{max-width:58px;opacity:1}
.mandcast-mobile-dock__toggle{display:none;flex:0 0 48px;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:var(--mmd-accent,#53e69d);color:#07110c;place-items:center;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.3)}
.mandcast-mobile-dock.is-player-active{left:auto;right:12px;transform:none;bottom:calc(var(--mmd-player-height,0px) + 12px + env(safe-area-inset-bottom));padding:5px;border-radius:19px}
.mandcast-mobile-dock.is-player-active:not(.is-manual-open) .mandcast-mobile-dock__items{max-width:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateX(-18px)}
.mandcast-mobile-dock.is-player-active .mandcast-mobile-dock__toggle{display:grid;animation:mmdPulse 1.8s ease-in-out infinite}
.mandcast-mobile-dock.is-player-active.is-manual-open .mandcast-mobile-dock__items{max-width:calc(100vw - 92px);opacity:1;pointer-events:auto;transform:none}
.mandcast-mobile-dock.is-player-active.is-manual-open .mandcast-mobile-dock__toggle{animation:none;background:#171c19;color:var(--mmd-accent,#53e69d)}
.mandcast-mobile-dock.is-player-active.is-manual-open .mandcast-mobile-dock__toggle i:before{content:"\f00d"}
@keyframes mmdPulse{0%,100%{box-shadow:0 12px 30px rgba(0,0,0,.3),0 0 0 0 rgba(83,230,157,.36);transform:scale(1)}50%{box-shadow:0 12px 30px rgba(0,0,0,.3),0 0 0 9px rgba(83,230,157,0);transform:scale(1.045)}}
@media(prefers-reduced-motion:reduce){.mandcast-mobile-dock,.mandcast-mobile-dock *{transition:none!important;animation:none!important}}
}
/* Keep the fixed dock from creating a white strip after the footer. */
@media(max-width:680px){body{padding-bottom:0!important}.mandcast-footer{padding-bottom:calc(108px + env(safe-area-inset-bottom))!important}}
@media(max-width:1024px){.qodef-mobile-header-navigation{display:none!important}}
@supports(-webkit-touch-callout:none){.mandcast-mobile-dock{box-shadow:none!important;-webkit-filter:drop-shadow(0 14px 20px rgba(0,0,0,.28));filter:drop-shadow(0 14px 20px rgba(0,0,0,.28));-webkit-backdrop-filter:blur(18px);transform:translate3d(-50%,0,0)}.mandcast-mobile-dock:after{content:"";position:absolute;z-index:-1;inset:4px 10px -12px;border-radius:24px;background:rgba(0,0,0,.22);filter:blur(12px);-webkit-filter:blur(12px)}}