.floating-dock{position:fixed;right:20px;bottom:20px;z-index:1000;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:min(620px,calc(100vw - 32px))}
.floating-dock a{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border:1px solid rgba(164,220,255,.2);border-radius:999px;box-shadow:0 7px 18px rgba(0,0,0,.25);color:#e8f2ff;font:700 11px/1 Inter,Arial,sans-serif;white-space:nowrap;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.floating-dock a:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 11px 22px rgba(0,0,0,.32)}
.floating-dock .dock-web{background:rgba(29,61,97,.96)}.floating-dock .dock-bot{background:#167fbd}.floating-dock .dock-direct{background:#229ed9}.floating-dock .dock-join{background:#30b64b;color:#fff}
@media(max-width:900px){.app-shell~.floating-dock{bottom:84px}.app-shell{padding-bottom:88px}}
@media(max-width:600px){.floating-dock{right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:calc(100vw - 24px)}.app-shell~.floating-dock{bottom:84px}.app-shell{padding-bottom:132px}.floating-dock a{min-height:34px;padding:8px 11px;font-size:10px}.floating-dock .dock-web{order:1}.floating-dock .dock-direct{order:2}.floating-dock .dock-join{order:3}}