.rutube-fab{
  position:fixed; left:20px; bottom:60px; z-index:9999;
  display:flex; flex-direction:column; align-items:flex-start; gap:6px;
  transition:opacity .25s ease, transform .25s ease;
}
.rutube-fab[data-hidden="true"]{opacity:0;transform:translateY(8px);pointer-events:none}
.rutube-btn{
  position:relative; display:inline-flex; align-items:center; gap:10px;
  padding:10px 20px 10px 12px; border-radius:999px; border:0; cursor:pointer;
  font:600 15px/1 "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#fff; background:linear-gradient(135deg, rgba(0,91,255,.18), rgba(249,17,85,.85));
  box-shadow:0 8px 24px rgba(249,17,85,.25);
  -webkit-tap-highlight-color:transparent; user-select:none;
  transition:transform .15s ease, box-shadow .2s ease;
}
.rutube-btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(249,17,85,.4)}
.rutube-btn__icon{
  width:30px;height:30px;border-radius:50%;
  background:rgba(255,255,255,.18);
  display:inline-flex;align-items:center;justify-content:center;
}
.rutube-btn__icon svg{width:14px;height:14px;display:block;transform:translateX(1px)}
@keyframes a6-breathe{
  0%,100%{box-shadow:0 8px 24px rgba(249,17,85,.25)}
  50%   {box-shadow:0 8px 24px rgba(249,17,85,.25), 0 0 30px rgba(249,17,85,.5)}
}
.rutube-btn[data-anim="a6"]{animation:a6-breathe 2.8s ease-in-out infinite}
.rutube-fab__close{
  background:none; color:#9aa4b2; border:0; padding:2px 4px; cursor:pointer;
  font:400 11px/1 "Open Sans",sans-serif; letter-spacing:.02em;
  text-decoration:underline; text-decoration-color:transparent; text-underline-offset:3px;
  transition:color .15s ease, text-decoration-color .15s ease;
}
.rutube-fab__close:hover{color:#fff;text-decoration-color:#005BFF}
#rutubeModal{border:0;padding:0;background:transparent;max-width:min(960px,92vw);width:100%;border-radius:16px;overflow:hidden}
#rutubeModal::backdrop{background:rgba(8,12,18,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.rutube-modal__head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0b0e13;color:#9aa4b2;font:600 13px/1 "Open Sans",sans-serif;letter-spacing:.04em;text-transform:uppercase}
.rutube-modal__close{width:36px;height:36px;border:0;background:transparent;color:inherit;font-size:20px;line-height:1;cursor:pointer;border-radius:8px}
.rutube-modal__close:hover{background:#161b22;color:#fff}
.rutube-modal__body{position:relative;aspect-ratio:16/9;background:#000}
.rutube-modal__body iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
body.rutube-no-scroll{overflow:hidden}
@media (max-width: 767px){
  #rutubeModal{
    max-width:min(420px, 100vw);
    width:min(420px, 100vw);
    max-height:100vh;
    margin:auto;
  }
  .rutube-modal__body{aspect-ratio:9/16;max-height:calc(100vh - 200px)}
}