/* Desktop controls share the mobile player's single audio instance. */
#orlov-dock .od-reader .od-desktop-only{display:none;}
@media(min-width:768px){
  #orlov-dock.od-article,#orlov-dock.od-article *{box-sizing:border-box;}
  #orlov-dock.od-article{
    --gold:#e7c8a0;--cream:#f1e6d8;
    position:fixed;right:24px;top:50%;bottom:auto;left:auto;
    transform:translateY(-50%);z-index:99990;display:block;
    width:68px;padding:5px;border:1px solid #bd916060;border-radius:25px;
    background:linear-gradient(145deg,#411013eF,#24080af5 48%,#170607f5);
    box-shadow:0 12px 36px #13020355,inset 0 1px 0 #f1d8b41a;
    font-family:Arial,sans-serif;isolation:isolate;
    transition:width .28s cubic-bezier(.22,1,.36,1),box-shadow .28s;
  }
  #orlov-dock.od-article.od-open{width:388px;box-shadow:0 16px 44px #13020366,inset 0 1px 0 #f1d8b41a;}
  #orlov-dock.od-article .od-reader .od-desktop-only{display:flex;}
  #orlov-dock.od-article .od-reader{display:flex;align-items:center;justify-content:flex-end;gap:0;}
  #orlov-dock.od-article .od-control{
    appearance:none;border:0!important;margin:0!important;box-shadow:none!important;
    background:transparent;color:var(--cream);padding:6px 0;border-radius:16px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    min-height:56px;min-width:0;width:0;flex:0 0 0;gap:6px;
    font:500 10px/1.2 Arial,sans-serif;text-transform:none;letter-spacing:normal;
    cursor:pointer;white-space:nowrap;visibility:hidden;opacity:0;overflow:hidden;
    transition:opacity .18s,background .18s;
  }
  #orlov-dock.od-article.od-open .od-control{width:52px;flex-basis:52px;visibility:visible;opacity:1;}
  #orlov-dock.od-article .od-control:hover{background:#e7c8a014;}
  #orlov-dock.od-article .od-control:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;}
  #orlov-dock.od-article [data-od="play"]{
    width:56px;flex:0 0 56px;visibility:visible;opacity:1;order:10;padding:0;
  }
  #orlov-dock.od-article .od-portrait{display:flex;align-items:center;justify-content:center;
    width:48px;height:48px;margin:0;border:1px solid #e7c8a080;border-radius:19px;
    background:linear-gradient(145deg,#714037,#351013);box-shadow:inset 0 1px 0 #fff2;}
  #orlov-dock.od-article .od-icon{width:21px;height:21px;display:block;fill:none;
    stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none;}
  #orlov-dock.od-article [data-od="play"] .od-icon{width:25px;height:25px;}
  #orlov-dock.od-article .od-pause-icon{display:none;}
  #orlov-dock.od-article.od-playing .od-play-icon{display:none;}
  #orlov-dock.od-article.od-playing .od-pause-icon{display:block;}
  #orlov-dock.od-article [data-od="play"] .od-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
  #orlov-dock.od-article .od-rate{display:flex;align-items:center;justify-content:center;height:21px;font:500 16px/21px Arial,sans-serif;color:var(--gold);}
  #orlov-dock.od-article .od-toast{position:absolute;right:0;bottom:calc(100% + 12px);
    width:300px;max-width:calc(100vw - 48px);padding:13px 16px;
    background:#24080a;border:1px solid #bd916060;border-radius:16px;
    color:var(--cream);font:13px/1.5 Arial,sans-serif;box-shadow:0 8px 28px #0004;}
  #orlov-dock.od-cookie-open{visibility:hidden;pointer-events:none;}
}
@media(prefers-reduced-motion:reduce){
  #orlov-dock.od-article,#orlov-dock.od-article .od-control{transition:none;}
}
/* Radial reveal: the main button stays still; controls open toward the article. */
@media(min-width:768px){
 #orlov-dock.od-article,#orlov-dock.od-article.od-open{width:68px;border-radius:25px;transition:box-shadow .25s;}
 #orlov-dock.od-article .od-reader{position:relative;display:block;height:56px;}
 #orlov-dock.od-article::after{content:"";position:absolute;left:-172px;top:-154px;width:240px;height:376px;z-index:-1;pointer-events:none;}
 #orlov-dock.od-article.od-open::after{pointer-events:auto;}
 #orlov-dock.od-article .od-control,#orlov-dock.od-article.od-open .od-control{
  position:absolute;left:2px;top:2px;width:52px;height:52px;min-height:52px;
  border-radius:19px;border:1px solid #bd916060!important;
  background:linear-gradient(145deg,#411013f5,#24080afc 60%,#170607fc);
  box-shadow:0 8px 24px #13020355,inset 0 1px 0 #f1d8b41a!important;
  visibility:hidden;opacity:0;overflow:visible;
  transform:translate(0,0) scale(.65);pointer-events:none;
  transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s,visibility .2s;
 }
 #orlov-dock.od-article.od-open .od-control{visibility:visible;opacity:1;transform:translate(var(--rx),var(--ry)) scale(1);pointer-events:auto;transition-delay:var(--delay,0ms);}
 #orlov-dock.od-article [data-od="rate"]{--rx:-36px;--ry:-132px;--delay:0ms;}
 #orlov-dock.od-article [data-od="prev"]{--rx:-112px;--ry:-88px;--delay:25ms;}
 #orlov-dock.od-article [data-od="back"]{--rx:-151px;--ry:-31px;--delay:50ms;}
 #orlov-dock.od-article [data-od="forward"]{--rx:-151px;--ry:31px;--delay:75ms;}
 #orlov-dock.od-article [data-od="next"]{--rx:-112px;--ry:88px;--delay:100ms;}
 #orlov-dock.od-article [data-od="stop"]{--rx:-36px;--ry:132px;--delay:125ms;}
 #orlov-dock.od-article [data-od="play"],#orlov-dock.od-article.od-open [data-od="play"]{
  position:relative;top:0;left:0;width:56px;height:56px;min-height:56px;border:0!important;
  background:transparent;box-shadow:none!important;transform:none;visibility:visible;opacity:1;pointer-events:auto;transition:none;
 }
 #orlov-dock.od-article .od-toast{bottom:calc(100% + 148px);}
 #orlov-dock.od-article .od-control:hover{background:linear-gradient(145deg,#60312a,#351013);}
}
@media(min-width:768px) and (max-height:480px){
 #orlov-dock.od-article [data-od="rate"]{--ry:-108px;}
 #orlov-dock.od-article [data-od="prev"]{--ry:-65px;}
 #orlov-dock.od-article [data-od="next"]{--ry:65px;}
 #orlov-dock.od-article [data-od="stop"]{--ry:108px;}
}
@media(prefers-reduced-motion:reduce){
 #orlov-dock.od-article .od-control{transition:none!important;transition-delay:0ms!important;}
}
#orlov-dock .od-progress-ring,#orlov-dock .od-desktop-hint{display:none;}
@media(min-width:768px){
 #orlov-dock.od-article,#orlov-dock.od-article.od-open{border-radius:50%;}
 #orlov-dock.od-article [data-od="play"]{border-radius:50%;}
 #orlov-dock.od-article .od-player-face{border-radius:50%;}
 #orlov-dock.od-article .od-progress-ring{display:block;position:absolute;left:-4px;top:-4px;width:64px;height:64px;fill:none;pointer-events:none;transform:rotate(-90deg);}
 #orlov-dock.od-article .od-ring-track{stroke:#e7c8a022;stroke-width:1.5;}
 #orlov-dock.od-article .od-ring-value{stroke:#e7c8a0;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:182.212;stroke-dashoffset:182.212;transition:stroke-dashoffset .25s linear;}
 #orlov-dock.od-article .od-desktop-hint{display:block;position:absolute;right:calc(100% + 13px);top:50%;transform:translateY(-50%);padding:9px 13px;border:1px solid #bd916038;border-radius:12px;background:#24080aed;box-shadow:0 5px 20px #13020333;color:#e7c8a0;font:12px/1.4 Arial,sans-serif;white-space:nowrap;pointer-events:none;opacity:1;transition:opacity .15s;}
 #orlov-dock.od-article.od-open .od-desktop-hint{opacity:0;}
}
@media(prefers-reduced-motion:reduce){#orlov-dock.od-article .od-ring-value,#orlov-dock.od-article .od-desktop-hint{transition:none;}}
#orlov-dock .od-mobile-progress{display:none;}
/* Listening progress follows the dock outline; only shown during a listening session. */
@media(max-width:767px){
 #orlov-dock.od-article .od-mobile-progress{display:none;position:absolute!important;inset:-1px;width:auto;height:auto;border:0;border-radius:22px;background:transparent;box-shadow:none;overflow:visible;z-index:2;pointer-events:none;}
 #orlov-dock.od-article.od-audio-active .od-mobile-progress{display:block;}
 #orlov-dock.od-article .od-mobile-progress::before{content:none;}
 #orlov-dock.od-article .od-mobile-progress svg{display:block;width:100%;height:100%;overflow:visible;fill:none;pointer-events:none;}
 #orlov-dock.od-article .od-contour-track{stroke:#e7c8a02b;stroke-width:2.5;vector-effect:non-scaling-stroke;}
 #orlov-dock.od-article .od-contour-value{stroke:#ffdfab;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;vector-effect:non-scaling-stroke;transition:stroke-dashoffset .25s linear;}
 #orlov-dock.od-article .od-toast{bottom:calc(100% + 18px);}
}
@media(prefers-reduced-motion:reduce){#orlov-dock.od-article .od-contour-value{transition:none;}}
@media(max-width:767px){
 #orlov-dock.od-article .od-mobile-progress{left:-1px;right:-1px;bottom:auto;}
 #orlov-dock.od-article .od-mobile-progress svg{position:absolute;inset:0;}
 #orlov-dock.od-article .od-contour-track,#orlov-dock.od-article .od-contour-value{stroke-width:2;}
}