#orlov-dock{--gold:#e7c8a0;--cream:#f1e6d8;display:none;}
#orlov-dock-space{display:none;}
@media(max-width:767px){
#orlov-dock,#orlov-dock *{box-sizing:border-box;}
#orlov-dock{position:fixed;inset:auto 0 0;z-index:99990;display:grid;grid-template-columns:1fr 1fr 1.18fr 1fr 1fr;align-items:end;gap:2px;padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));background:linear-gradient(165deg,#330b0c,#190607 75%);border-top:1px solid rgba(231,200,160,.24);box-shadow:0 -8px 28px #13020355;font-family:Arial,sans-serif;isolation:isolate;}
#orlov-dock :is(a,button){position:relative;min-width:0;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:5px 1px;border-radius:12px;color:var(--cream);text-decoration:none!important;font-size:10px;font-weight:500;line-height:1.2;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background .18s,color .18s;}
#orlov-dock .od-icon{width:23px;height:23px;display:block;fill:none;stroke:var(--gold);stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;}
#orlov-dock :is(a,button):active{background:#ffffff0d;}
#orlov-dock :is(a,button)[aria-current="page"]{background:#e7c8a012;color:var(--gold);}
#orlov-dock :is(a,button)[aria-current="page"]::after{content:"";position:absolute;bottom:0;width:16px;height:2px;border-radius:2px;background:var(--gold);}
#orlov-dock :is(a,button):focus-visible{outline:2px solid var(--gold);outline-offset:-2px;}
#orlov-dock .od-ai{padding:0 2px 5px;gap:5px;color:var(--gold);font-weight:700;}
#orlov-dock .od-portrait{position:relative;display:block;flex:none;width:48px;height:48px;margin-top:-18px;overflow:hidden;border:1px solid #cfab7a;border-radius:16px;background:#210808;box-shadow:0 0 0 4px #26090a,0 4px 15px #0005;}
#orlov-dock .od-portrait img{position:absolute;display:block;width:120px!important;max-width:none!important;height:auto!important;left:-38px;top:-10px;}
#orlov-dock .od-portrait::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 10px #18030344;pointer-events:none;}
#orlov-dock-space{display:block;height:calc(80px + env(safe-area-inset-bottom,0px));}
#orlov-cookie{bottom:0!important;z-index:100000!important;max-height:85dvh;overflow-y:auto;box-sizing:border-box;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));}
#orlov-dock.od-cookie-open,#orlov-dock.od-keyboard{visibility:hidden;pointer-events:none;opacity:0;}
}
@media(min-width:400px) and (max-width:767px){#orlov-dock :is(a,button){font-size:11px;}}
@media(prefers-reduced-motion:reduce){#orlov-dock :is(a,button){transition:none;}}


@media(max-width:767px){
#orlov-dock{inset:auto 8px calc(8px + env(safe-area-inset-bottom,0px));width:auto;padding:9px 5px 7px;border:1px solid #bd91603d;border-radius:22px;background:linear-gradient(145deg,#411013 0%,#24080a 48%,#170607 100%);box-shadow:0 12px 30px #0006,inset 0 1px 0 #f1d8b411;}
#orlov-dock::before{content:"";position:absolute;top:-1px;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,#e7c8a099,transparent);pointer-events:none;}
#orlov-dock :is(a,button){min-height:56px;font-size:10px;gap:6px;}
#orlov-dock .od-icon{stroke-width:1.55;width:24px;height:24px;}
#orlov-dock .od-ai{gap:5px;}
#orlov-dock .od-portrait{width:53px;height:53px;margin-top:-21px;border-radius:18px;border-color:#e7c8a0;box-shadow:0 0 0 5px #29090b,0 0 0 6px #bd91602b,0 8px 20px #0005;}
#orlov-dock .od-portrait img{left:-35px;top:-8px;}
#orlov-dock :is(a,button)[aria-current="page"]{background:linear-gradient(180deg,#e7c8a015,#e7c8a004);}
#orlov-dock :is(a,button):active{background:#e7c8a01a;}
}


@media(max-width:767px){#orlov-dock{bottom:calc(2px + env(safe-area-inset-bottom,0px));}}

/* Layout shared by both modes; no extra row changes the dock height. */
#orlov-dock .od-normal,#orlov-dock .od-reader{display:contents;}
#orlov-dock [hidden]{display:none!important;}
#orlov-dock .od-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
@media(max-width:767px){
  #orlov-dock button.od-control{appearance:none;-webkit-appearance:none;border:0;margin:0;box-shadow:none;background:transparent;font-family:Arial,sans-serif;letter-spacing:normal;text-transform:none;cursor:pointer;}
  #orlov-dock .od-player-face{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#714037,#351013);}
  #orlov-dock .od-player-face .od-icon{width:26px;height:26px;}
  #orlov-dock .od-pause-icon{display:none;}
  #orlov-dock.od-playing .od-pause-icon{display:block;}
  #orlov-dock.od-playing .od-play-icon{display:none;}
  #orlov-dock .od-rate{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--gold);font:500 17px/24px Arial,sans-serif;}
  #orlov-dock .od-toast{position:absolute;left:0;right:0;bottom:calc(100% + 18px);padding:12px 14px;border:1px solid #bd916060;border-radius:12px;background:#24080a;color:#f1e6d8;font:13px/1.5 Arial,sans-serif;box-shadow:0 6px 18px #0005;white-space:normal;overflow-wrap:break-word;}
}