.youtube-dock{position:fixed;right:24px;bottom:24px;z-index:28;display:grid;grid-template-columns:46px auto 48px 28px;align-items:center;gap:12px;width:min(390px,calc(100vw - 32px));min-height:72px;padding:10px 14px 10px 10px;border:1px solid rgba(255,119,61,.48);border-radius:18px;background:linear-gradient(115deg,rgba(8,13,15,.94),rgba(20,12,12,.92));box-shadow:0 18px 65px rgba(0,0,0,.58),0 0 32px rgba(255,72,44,.12);backdrop-filter:blur(20px);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;overflow:hidden}
.youtube-dock:before{content:"";position:absolute;inset:-100% 45% -100% -30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:rotate(18deg);animation:youtube-shine 5.8s ease-in-out infinite;pointer-events:none}
.youtube-dock:hover{transform:translateY(-5px);border-color:var(--orange);box-shadow:0 24px 80px rgba(0,0,0,.72),0 0 42px rgba(255,72,44,.2)}
.youtube-dock-mark{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#ff773d,#e42121);color:#fff;box-shadow:0 0 0 7px rgba(255,119,61,.08),0 0 28px rgba(255,73,45,.34)}
.youtube-dock-mark:after{content:"";position:absolute;inset:-7px;border:1px solid rgba(255,119,61,.26);border-radius:19px;animation:youtube-pulse 2.4s ease-out infinite}
.youtube-dock-mark .site-icon{width:17px;height:17px;margin-left:2px}
.youtube-dock-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.youtube-dock-copy small{font-size:8px;letter-spacing:1.45px;color:#aab6b4;white-space:nowrap}
.youtube-dock-copy strong{font:700 17px/1 var(--display);letter-spacing:.5px;color:#f7f1e9;white-space:nowrap}
.youtube-dock-wave{height:30px;display:flex;align-items:center;justify-content:center;gap:3px;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.youtube-dock-wave i{display:block;width:2px;height:8px;border-radius:4px;background:linear-gradient(var(--cyan),var(--orange));animation:youtube-wave 1s ease-in-out infinite alternate}
.youtube-dock-wave i:nth-child(2){animation-delay:-.2s;height:18px}.youtube-dock-wave i:nth-child(3){animation-delay:-.5s;height:26px}.youtube-dock-wave i:nth-child(4){animation-delay:-.7s;height:15px}.youtube-dock-wave i:nth-child(5){animation-delay:-.35s;height:9px}
.youtube-dock-arrow{color:var(--orange);display:grid;place-items:center}.youtube-dock-arrow .site-icon{width:18px;height:18px}
.reel-featured .reel-preview{border-color:rgba(255,119,61,.55);box-shadow:0 0 0 1px rgba(255,119,61,.08),0 18px 50px rgba(96,0,20,.18)}
.reel-featured .reel-chip{background:linear-gradient(90deg,#ff773d,#d31d68);color:#fff;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.32)}
.reel-featured h3{color:#ffd4c4}
.movement .reel-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
body.player-open .youtube-dock{bottom:104px}
@keyframes youtube-wave{to{transform:scaleY(.38);opacity:.55}}
@keyframes youtube-pulse{0%{transform:scale(.84);opacity:0}35%{opacity:1}100%{transform:scale(1.25);opacity:0}}
@keyframes youtube-shine{0%,68%{transform:translateX(-140%) rotate(18deg)}100%{transform:translateX(430%) rotate(18deg)}}
@media(max-width:1200px) and (min-width:641px){.reel-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.youtube-dock{right:16px;bottom:14px;grid-template-columns:42px auto 24px;min-height:64px;padding:9px 12px 9px 9px;border-radius:16px}.youtube-dock-mark{width:42px;height:42px}.youtube-dock-copy small{font-size:7px;letter-spacing:1px}.youtube-dock-copy strong{font-size:15px}.youtube-dock-wave{display:none}body.player-open .youtube-dock{bottom:126px}}
@media(prefers-reduced-motion:reduce){.youtube-dock:before,.youtube-dock-mark:after,.youtube-dock-wave i{animation:none}}