:root{--podly-player-height:86px}.podly-persistent-player{position:fixed;z-index:10020;right:0;bottom:0;left:0;color:#eef1f7;font-family:Vazirmatn,Tahoma,sans-serif;direction:rtl}.podly-persistent-player[hidden]{display:none}.podly-player-shell{position:relative;min-height:var(--podly-player-height);display:grid;grid-template-columns:minmax(190px,1.2fr) auto minmax(250px,1.6fr) auto;align-items:center;gap:18px;padding:10px max(18px,calc((100vw - 1240px)/2));border-top:1px solid #3b465c;background:linear-gradient(110deg,#111722f7,#0a0e15fa 48%,#171126f7);box-shadow:0 -18px 60px #000a;backdrop-filter:blur(24px) saturate(1.2)}.podly-player-track{min-width:0;display:flex;align-items:center;gap:11px}.podly-player-art{position:relative;width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;overflow:hidden;border:1px solid #9b7be8;border-radius:14px;background:radial-gradient(circle at 35% 30%,#b69bff,#7650cf 44%,#29203e 45%);box-shadow:0 8px 25px #0006}.podly-player-art:before,.podly-player-art:after,.podly-player-art i{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff6b}.podly-player-art:before{width:31px;height:31px}.podly-player-art:after{width:17px;height:17px}.podly-player-art i{width:5px;height:5px;background:#fff}.podly-player-track>a{min-width:0;display:grid;color:inherit;text-decoration:none}.podly-player-track strong,.podly-player-track small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podly-player-track strong{font-size:12px}.podly-player-track small{margin-top:2px;color:#8e9aab;font-size:9px}.podly-player-controls{display:flex;align-items:center;justify-content:center;gap:5px;direction:ltr}.podly-player-controls button,.podly-player-tools button{height:34px;min-width:34px;display:grid;place-items:center;padding:0 7px;border:0;border-radius:10px;background:transparent;color:#aab4c3;font:600 10px Vazirmatn;cursor:pointer}.podly-player-controls button:hover,.podly-player-tools button:hover{background:#ffffff0d;color:#fff}.podly-player-controls button:disabled{opacity:.25;cursor:default}.podly-player-controls .podly-player-toggle{width:46px;height:46px;margin-inline:3px;border:1px solid #b69bff;border-radius:50%;background:linear-gradient(145deg,#8b5cf6,#7041c3);color:#fff;box-shadow:0 7px 25px #7548c950}.podly-player-toggle span{font-size:13px}.podly-persistent-player.is-loading .podly-player-toggle span{animation:podly-player-pulse .8s ease infinite}.podly-player-progress{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:11px;direction:ltr}.podly-player-progress input{width:100%;height:4px;margin:0;accent-color:#9c78f0;cursor:pointer}.podly-player-progress>div{display:flex;gap:4px;color:#929daf;font:9px ui-monospace,SFMono-Regular,monospace;white-space:nowrap}.podly-player-progress i{color:#495467;font-style:normal}.podly-player-tools{display:flex;align-items:center;gap:4px;direction:ltr}.podly-player-tools [data-persistent-rate]{border:1px solid #313c50;background:#151c28}.podly-player-tools [data-persistent-close]{font-size:19px}.podly-player-shell>[role=status]{position:absolute;right:max(78px,calc((100vw - 1240px)/2 + 62px));bottom:4px;max-width:280px;overflow:hidden;margin:0;color:#a793d5;font-size:8px;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.podly-player-visible{padding-bottom:var(--podly-player-height)!important}.podly-player-visible .circle-mobile-nav{bottom:calc(var(--podly-player-height) + 10px)}.podly-player-visible .circle-mobile-more{bottom:calc(var(--podly-player-height) + 84px)}@keyframes podly-player-pulse{50%{opacity:.35;transform:scale(.85)}}
@media(max-width:780px){:root{--podly-player-height:104px}.podly-player-shell{min-height:104px;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto auto;gap:6px 8px;padding:9px 11px calc(9px + env(safe-area-inset-bottom))}.podly-player-track{grid-column:1;grid-row:1}.podly-player-art{width:40px;height:40px;flex-basis:40px;border-radius:12px}.podly-player-track strong{font-size:10px}.podly-player-track small{font-size:8px}.podly-player-controls{grid-column:2;grid-row:1}.podly-player-controls .podly-player-skip,.podly-player-controls [data-persistent-previous],.podly-player-controls [data-persistent-next]{display:none}.podly-player-controls .podly-player-toggle{width:42px;height:42px}.podly-player-progress{grid-column:1/-1;grid-row:2;grid-template-columns:minmax(0,1fr) auto;gap:8px}.podly-player-tools{grid-column:3;grid-row:1}.podly-player-tools button{height:32px;min-width:30px;padding:0 5px}.podly-player-shell>[role=status]{right:62px;bottom:4px;max-width:55vw}.community-page.podly-player-visible{padding-bottom:calc(var(--podly-player-height) + 74px)!important}.community-page .podly-persistent-player{bottom:74px}.community-page.podly-player-visible .circle-mobile-nav{bottom:8px}.community-page.podly-player-visible .circle-mobile-more{bottom:82px}}
@media(max-width:420px){.podly-player-track small{display:none}.podly-player-art{width:36px;height:36px;flex-basis:36px}.podly-player-tools [data-persistent-rate]{display:none}.podly-player-shell{grid-template-columns:minmax(0,1fr) auto auto}.podly-player-progress>div{font-size:8px}}
.podly-page-shell{position:fixed;z-index:10000;inset:0 0 var(--podly-player-height);overflow:hidden;background:#080b11}.podly-page-shell iframe{width:100%;height:100%;display:block;border:0;background:#080b11}.podly-page-shell-loading{position:absolute;z-index:2;inset:0;display:none;place-items:center;align-content:center;gap:10px;background:#080b11;color:#8f9bad;font:11px Vazirmatn}.podly-page-shell.is-loading .podly-page-shell-loading{display:grid}.podly-page-shell-loading i{width:24px;height:24px;border:2px solid #354056;border-top-color:#a784f2;border-radius:50%;animation:podly-shell-spin .8s linear infinite}body.podly-shell-active{overflow:hidden!important}body.podly-shell-active:not(.podly-player-visible) .podly-page-shell{bottom:0}body.podly-shell-active .podly-persistent-player{bottom:0!important}@keyframes podly-shell-spin{to{transform:rotate(360deg)}}

/* Mobile player and Circle dock behave as one floating control. */
@media(max-width:780px){
  :root{--podly-player-height:calc(82px + env(safe-area-inset-bottom));--podly-circle-nav-height:66px}
  .podly-player-shell{min-height:var(--podly-player-height);gap:5px 7px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));border:1px solid #354158;border-width:1px 0 0;background:linear-gradient(135deg,#151c28f7,#0b1018fb 58%,#1d1530f7)}
  .podly-player-art{width:36px;height:36px;flex-basis:36px;border-radius:11px}
  .podly-player-art:before{width:24px;height:24px}.podly-player-art:after{width:13px;height:13px}
  .podly-player-controls .podly-player-toggle{width:38px;height:38px;margin:0}
  .podly-player-progress input{height:3px}
  .podly-player-tools button{height:30px;min-width:28px}
  .podly-player-visible{padding-bottom:var(--podly-player-height)!important}
  .community-page.podly-player-visible{padding-bottom:calc(var(--podly-player-height) + var(--podly-circle-nav-height) + 16px)!important}
  .community-page:not(.podly-shell-active) .podly-persistent-player,body.podly-shell-active.podly-shell-community .podly-persistent-player{right:50%!important;bottom:calc(8px + var(--podly-circle-nav-height) - 2px)!important;left:auto!important;width:min(420px,calc(100% - 20px));transform:translateX(50%)}
  .community-page:not(.podly-shell-active) .podly-player-shell,body.podly-shell-active.podly-shell-community .podly-player-shell{min-height:78px;padding:7px 10px 8px;border:1px solid #4a3d65;border-radius:20px 20px 11px 11px;background:linear-gradient(135deg,#181d2af7,#0d121bfc 55%,#211633f7);box-shadow:0 -12px 42px #0009,0 0 0 1px #ffffff08 inset;backdrop-filter:blur(22px) saturate(1.2)}
  .community-page:not(.podly-shell-active) .podly-player-shell:after,body.podly-shell-active.podly-shell-community .podly-player-shell:after{content:"";position:absolute;z-index:-1;right:20px;bottom:-7px;left:20px;height:12px;border:1px solid #403650;border-width:0 1px;background:#101620;box-shadow:0 8px 20px #0008}
  .community-page:not(.podly-shell-active) .podly-player-progress,body.podly-shell-active.podly-shell-community .podly-player-progress{gap:7px}
  .community-page:not(.podly-shell-active) .podly-player-shell>[role=status],body.podly-shell-active.podly-shell-community .podly-player-shell>[role=status]{display:none}
  .community-page.podly-player-visible .circle-mobile-nav{z-index:10021;bottom:8px!important}
  .community-page.podly-player-visible .circle-mobile-more{z-index:10022;bottom:calc(14px + var(--podly-circle-nav-height) + 78px)!important}
  body.podly-shell-active.podly-shell-community .podly-page-shell{bottom:0!important}
}
@media(max-width:430px){
  :root{--podly-circle-nav-height:62px}
  .community-page:not(.podly-shell-active) .podly-persistent-player,body.podly-shell-active.podly-shell-community .podly-persistent-player{width:calc(100% - 20px)}
  .community-page:not(.podly-shell-active) .podly-player-shell,body.podly-shell-active.podly-shell-community .podly-player-shell{grid-template-columns:minmax(0,1fr) auto auto;padding-inline:8px}
  .community-page:not(.podly-shell-active) .podly-player-track,body.podly-shell-active.podly-shell-community .podly-player-track{gap:7px}
  .community-page:not(.podly-shell-active) .podly-player-track strong,body.podly-shell-active.podly-shell-community .podly-player-track strong{font-size:9.5px}
}

/* Unified mobile Circle dock: the player grows from the navigation as one surface. */
@media(max-width:780px){
  body.community-page.podly-player-visible .podly-persistent-player,
  body.community-page.podly-player-closing .podly-persistent-player,
  body.podly-shell-active.podly-shell-community.podly-player-visible .podly-persistent-player,
  body.podly-shell-active.podly-shell-community.podly-player-closing .podly-persistent-player{
    right:50%!important;bottom:8px!important;left:auto!important;
    width:min(420px,calc(100% - 20px));height:calc(78px + var(--podly-circle-nav-height));
    overflow:hidden;transform:translateX(50%);transform-origin:50% 100%;
    border:1px solid #4a3d65;border-radius:27px;
    background:linear-gradient(155deg,#171e2cf8,#0d131dfb 58%,#1d1530f8);
    box-shadow:0 24px 70px #000d,0 0 0 1px #ffffff08 inset;
    backdrop-filter:blur(24px) saturate(1.18);pointer-events:none;
    animation:podly-dock-droplet-open .52s cubic-bezier(.2,.82,.22,1) both;
  }
  body.community-page.podly-player-visible .podly-player-shell,
  body.community-page.podly-player-closing .podly-player-shell,
  body.podly-shell-active.podly-shell-community.podly-player-visible .podly-player-shell,
  body.podly-shell-active.podly-shell-community.podly-player-closing .podly-player-shell{
    position:absolute;z-index:2;inset:0 0 auto;height:78px;min-height:78px;
    padding:7px 10px 8px;border:0;border-bottom:1px solid #3b354d;border-radius:0;
    background:linear-gradient(135deg,#ffffff05,transparent 54%,#8d5de70b);
    box-shadow:none;backdrop-filter:none;pointer-events:auto;
  }
  body.community-page.podly-player-visible .podly-player-shell:after,
  body.community-page.podly-player-closing .podly-player-shell:after,
  body.podly-shell-active.podly-shell-community .podly-player-shell:after{display:none!important}
  body.community-page.podly-player-visible .circle-mobile-nav,
  body.community-page.podly-player-closing .circle-mobile-nav,
  body.podly-shell-active.podly-shell-community.podly-player-visible .circle-mobile-nav,
  body.podly-shell-active.podly-shell-community.podly-player-closing .circle-mobile-nav{
    z-index:10021;bottom:8px!important;border-color:transparent;border-radius:0 0 26px 26px;
    background:transparent;box-shadow:none;backdrop-filter:none;
    transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;
  }
  body.community-page.podly-player-visible .circle-mobile-nav .publish span,
  body.community-page.podly-player-closing .circle-mobile-nav .publish span,
  body.podly-shell-active.podly-shell-community.podly-player-visible .circle-mobile-nav .publish span,
  body.podly-shell-active.podly-shell-community.podly-player-closing .circle-mobile-nav .publish span{border-color:#0f151f}
  body.community-page.podly-player-visible,
  body.community-page.podly-player-closing{padding-bottom:calc(78px + var(--podly-circle-nav-height) + 24px)!important}
  body.community-page.podly-player-visible .circle-mobile-more,
  body.community-page.podly-player-closing .circle-mobile-more{bottom:calc(22px + 78px + var(--podly-circle-nav-height))!important}
  .podly-persistent-player.is-closing{animation:podly-dock-droplet-close .38s cubic-bezier(.55,.04,.84,.38) both!important}
}
@keyframes podly-dock-droplet-open{
  0%{opacity:.35;clip-path:circle(23px at 50% calc(100% - 32px));filter:blur(1px)}
  58%{opacity:1;clip-path:inset(0 0 0 0 round 34px)}
  100%{opacity:1;clip-path:inset(0 0 0 0 round 27px);filter:blur(0)}
}
@keyframes podly-dock-droplet-close{
  0%{opacity:1;clip-path:inset(0 0 0 0 round 27px)}
  100%{opacity:.25;clip-path:circle(22px at 50% calc(100% - 32px));filter:blur(1px)}
}
@media(max-width:780px){
  .podly-persistent-player{transition:opacity .22s ease,filter .22s ease}
  .podly-persistent-player.is-overlay-obscured{opacity:0!important;filter:blur(5px);pointer-events:none!important}
}
/* Samsung Internet now uses the same dock position as every other browser. */
html.podly-samsung-internet{--podly-browser-float-clearance:0px}
@media(max-width:780px){
  html.podly-samsung-internet body.community-page.podly-player-visible .podly-persistent-player,
  html.podly-samsung-internet body.community-page.podly-player-closing .podly-persistent-player,
  html.podly-samsung-internet body.podly-shell-active.podly-shell-community.podly-player-visible .podly-persistent-player,
  html.podly-samsung-internet body.podly-shell-active.podly-shell-community.podly-player-closing .podly-persistent-player{bottom:calc(8px + var(--podly-browser-float-clearance))!important}
  html.podly-samsung-internet body.community-page.podly-player-visible .circle-mobile-nav,
  html.podly-samsung-internet body.community-page.podly-player-closing .circle-mobile-nav,
  html.podly-samsung-internet body.podly-shell-active.podly-shell-community.podly-player-visible .circle-mobile-nav,
  html.podly-samsung-internet body.podly-shell-active.podly-shell-community.podly-player-closing .circle-mobile-nav{bottom:calc(8px + var(--podly-browser-float-clearance))!important}
  html.podly-samsung-internet body.community-page.podly-player-visible .circle-mobile-more,
  html.podly-samsung-internet body.community-page.podly-player-closing .circle-mobile-more{bottom:calc(22px + 78px + var(--podly-circle-nav-height) + var(--podly-browser-float-clearance))!important}
  html.podly-samsung-internet body.community-page.podly-player-visible,
  html.podly-samsung-internet body.community-page.podly-player-closing{padding-bottom:calc(78px + var(--podly-circle-nav-height) + 24px + var(--podly-browser-float-clearance))!important}
}
@media(prefers-reduced-motion:reduce){.podly-persistent-player,.podly-persistent-player.is-closing{animation-duration:.01ms!important}}

/* Final mobile player layout: independent from the Circle navigation surface. */
@media(max-width:780px){
  :root{--podly-player-height:calc(94px + env(safe-area-inset-bottom));--podly-circle-nav-height:66px}
  .podly-player-shell{min-height:var(--podly-player-height);padding:10px 11px calc(10px + env(safe-area-inset-bottom))}
  .podly-player-shell>[role=status]{display:none!important}
  body.community-page.podly-player-visible .podly-persistent-player,
  body.community-page.podly-player-closing .podly-persistent-player,
  body.podly-shell-active.podly-shell-community.podly-player-visible .podly-persistent-player,
  body.podly-shell-active.podly-shell-community.podly-player-closing .podly-persistent-player{
    right:50%!important;bottom:calc(18px + var(--podly-circle-nav-height))!important;left:auto!important;
    width:min(420px,calc(100% - 20px));height:auto!important;overflow:visible;
    transform:translateX(50%);border:0;border-radius:20px;background:transparent;box-shadow:none;
    backdrop-filter:none;pointer-events:auto;animation:podly-player-separate-open .34s cubic-bezier(.2,.8,.2,1) both;
  }
  body.community-page.podly-player-visible .podly-player-shell,
  body.community-page.podly-player-closing .podly-player-shell,
  body.podly-shell-active.podly-shell-community.podly-player-visible .podly-player-shell,
  body.podly-shell-active.podly-shell-community.podly-player-closing .podly-player-shell{
    position:relative;inset:auto;height:auto;min-height:94px;padding:10px 11px;
    border:1px solid #4a3d65;border-radius:20px;background:linear-gradient(145deg,#171e2cf8,#0d131dfb 58%,#1d1530f8);
    box-shadow:0 18px 55px #000c,0 0 0 1px #ffffff08 inset;backdrop-filter:blur(24px) saturate(1.18);
  }
  body.community-page.podly-player-visible .circle-mobile-nav,
  body.community-page.podly-player-closing .circle-mobile-nav{bottom:8px!important;border:1px solid #374256;border-radius:22px;background:#101620f2;box-shadow:0 20px 70px #000d,0 0 0 1px #ffffff05 inset;backdrop-filter:blur(22px)}
  body.community-page.podly-player-visible,
  body.community-page.podly-player-closing{padding-bottom:calc(94px + var(--podly-circle-nav-height) + 38px)!important}
  body.community-page.podly-player-visible .circle-mobile-more,
  body.community-page.podly-player-closing .circle-mobile-more{bottom:calc(28px + 94px + var(--podly-circle-nav-height))!important}
  .podly-persistent-player.is-closing{animation:podly-player-separate-close .28s ease both!important}
}
@keyframes podly-player-separate-open{from{opacity:0;transform:translateX(50%) translateY(16px) scale(.97)}to{opacity:1;transform:translateX(50%) translateY(0) scale(1)}}
@keyframes podly-player-separate-close{from{opacity:1;transform:translateX(50%) translateY(0) scale(1)}to{opacity:0;transform:translateX(50%) translateY(12px) scale(.98)}}
@media(max-width:780px){
  html.podly-samsung-internet body.community-page.podly-player-visible .podly-persistent-player,
  html.podly-samsung-internet body.community-page.podly-player-closing .podly-persistent-player,
  html.podly-samsung-internet body.podly-shell-active.podly-shell-community.podly-player-visible .podly-persistent-player,
  html.podly-samsung-internet body.podly-shell-active.podly-shell-community.podly-player-closing .podly-persistent-player{bottom:calc(18px + var(--podly-circle-nav-height) + var(--podly-browser-float-clearance))!important}
  html.podly-samsung-internet body.community-page.podly-player-visible .circle-mobile-nav,
  html.podly-samsung-internet body.community-page.podly-player-closing .circle-mobile-nav{bottom:calc(8px + var(--podly-browser-float-clearance))!important}
}
/* The floating transport is reserved for Circle, including its same-origin page shell. */
body:not(.community-page):not(.podly-shell-community) .podly-persistent-player{display:none!important}
/* The continuous player belongs to desktop. On phones every post owns its
   player, including while the viewport is crossing the responsive breakpoint. */
@media(max-width:780px){.podly-persistent-player,.podly-page-shell{display:none!important}body.community-page.podly-player-visible{padding-bottom:74px!important}.community-page.podly-player-visible .circle-mobile-nav{bottom:8px!important}.community-page.podly-player-visible .circle-mobile-more{bottom:82px!important}}
body:not(.community-page):not(.podly-shell-community).podly-player-visible{padding-bottom:0!important}
/* The shell owns a fresh navigation bar; the old page's dock must not sit over iframe dialogs. */
body.podly-shell-active > .circle-mobile-nav,body.podly-shell-active > .circle-mobile-more{display:none!important}
