/* OSANIME premium placement UI v218 - 4 minute close cooldown */
.osx-unit,.osx-dock{box-sizing:border-box;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.osx-unit *,.osx-dock *{box-sizing:border-box}
.osx-unit-inline{width:min(100%,336px);margin:18px auto;padding:10px 10px 11px;display:flex;flex-direction:column;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:linear-gradient(180deg,rgba(10,20,36,.94),rgba(6,13,25,.94));box-shadow:0 12px 28px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden}
.osx-note{display:block;color:rgba(203,213,225,.56);font-size:8px!important;font-weight:800!important;line-height:1!important;letter-spacing:.14em!important;text-transform:uppercase;user-select:none}
.osx-frame{display:block;width:300px;max-width:calc(100vw - 44px);aspect-ratio:6/5;line-height:0;border-radius:8px;overflow:hidden;background:#080f1e;text-decoration:none!important;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.osx-frame img{display:block;width:100%;height:100%;object-fit:cover;border:0}

/* Paid sticky is visible by default and does not auto-hide for menu/body state. */
.osx-dock{position:fixed!important;z-index:100200!important;width:322px!important;padding:8px 10px 10px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important;background:rgba(6,13,24,.975)!important;box-shadow:0 20px 52px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.04)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;display:block!important;transition:opacity .2s ease,transform .2s ease,visibility .2s ease!important}
.osx-dock.is-hidden,.osx-dock.is-suspended{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.osx-dock-head{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 1px 5px 3px}
.osx-dock-close{width:24px;height:24px;border:0;border-radius:8px;background:rgba(255,255,255,.055);color:#b8c4d4;font:700 18px/1 system-ui;display:grid;place-items:center;cursor:pointer}
.osx-dock-close:hover{background:rgba(255,255,255,.11);color:#fff}
.osx-dock .osx-frame{max-width:300px}
@media (min-width:821px){.osx-dock{right:18px!important;bottom:18px!important;left:auto!important;top:auto!important;transform:none!important}}
@media (min-width:821px) and (max-width:1100px){.osx-dock{right:10px!important;bottom:10px!important}}
@media (max-width:820px){
  .osx-dock{left:50%!important;right:auto!important;top:auto!important;bottom:max(74px,calc(66px + env(safe-area-inset-bottom)))!important;width:min(322px,calc(100vw - 16px))!important;transform:translateX(-50%)!important;padding:7px 9px 9px!important}
  .osx-dock .osx-frame{width:300px;max-width:calc(100vw - 36px)}
  body.anime-watch-page .osx-dock,body.manga-reader-page .osx-dock{display:none!important}
}
@media (prefers-reduced-motion:reduce){.osx-dock{transition:none!important}}