/* Always floating: the wrapper contributes no footer height. */
.jc-quick-slot { height:0; min-height:0; padding:0; margin:0; }
.jc-quick-slot .jc-quick-actions { position:fixed; left:20px; right:20px; bottom:calc(100px + env(safe-area-inset-bottom, 0px)); z-index:80; display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:10px; margin:0; pointer-events:none; }
.jc-quick-slot .jc-quick-actions a { pointer-events:auto; }
.jc-quick-slot .jc-quick-actions a { position:static; display:grid; place-items:center; flex:none; width:46px; height:46px; min-width:44px; min-height:44px; padding:0; border:1px solid #454545; border-radius:14px; background:#202020; color:#f3bd50; box-shadow:0 4px 16px #0003; text-decoration:none; transition:background .16s ease,border-color .16s ease; }
.jc-quick-slot .jc-quick-actions .back-to-top { position:fixed; left:20px; bottom:calc(20px + env(safe-area-inset-bottom, 0px)); }
.jc-quick-slot .jc-quick-actions .chat-action { margin-left:auto; color:#171717; background:#f3bd50; border-color:#f3bd50; }
.jc-quick-slot .jc-quick-actions svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.jc-quick-slot .jc-quick-actions a:hover { background:#383126; border-color:#f3bd50; color:#ffd476; }
.jc-quick-slot .jc-quick-actions a:focus-visible { outline:3px solid #fff; outline-offset:3px; }
@media(max-width:767px) {
  .jc-quick-slot .jc-quick-actions { left:12px; right:12px; bottom:calc(clamp(80px, 20vh, 160px) + env(safe-area-inset-bottom, 0px)); gap:8px; }
  .jc-quick-slot .jc-quick-actions a { width:44px; height:44px; border-radius:13px; }
  .jc-quick-slot .jc-quick-actions .back-to-top { left:12px; bottom:calc(12px + env(safe-area-inset-bottom, 0px)); }
}
.jc-quick-slot .chat-action svg { animation:jc-chat-nudge 9s ease-in-out infinite; transform-origin:center; }
.jc-quick-slot .chat-action:hover svg, .jc-quick-slot .chat-action:focus-visible svg { animation:none; }
@keyframes jc-chat-nudge {
  0%, 91%, 100% { transform:rotate(0); }
  93%, 97% { transform:rotate(-8deg); }
  95%, 99% { transform:rotate(8deg); }
}
@media(max-height:480px) { .jc-quick-slot .jc-quick-actions { bottom:calc(64px + env(safe-area-inset-bottom, 0px)); } }
@media(prefers-reduced-motion:reduce) {
  .jc-quick-slot .jc-quick-actions a { transition:none; }
  .jc-quick-slot .chat-action svg { animation:none; }
}
