#activity-hub{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:1000;display:flex;align-items:center;justify-content:center;gap:9px;width:38px;min-width:38px;min-height:38px;padding:0;border:1px solid #79608f;border-radius:999px;background:#231a33;color:#cdb8ec;box-shadow:0 8px 28px #0007;cursor:pointer;box-sizing:border-box}
#activity-hub .activity-icon{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;font:700 19px/1 system-ui}
#activity-hub .activity-message{display:none;min-width:0;text-align:left;overflow-wrap:anywhere;font:600 12px/1.45 var(--display,system-ui)}
#activity-hub.expanded{width:auto;max-width:min(390px,calc(100vw - 32px));padding:9px 13px;border-radius:15px}
#activity-hub.expanded .activity-message{display:block}
#activity-hub[data-state=success]{color:#b4e0c2;border-color:#568367;background:#182a24}
#activity-hub[data-state=busy]{color:#ead3ff;border-color:#9270b8}
#activity-hub[data-state=busy] .activity-icon{animation:activity-spin 1.2s linear infinite}
#activity-hub[data-state=error]{color:#ffd0c9;border-color:#b86670;background:#351e2a}
#activity-hub:focus-visible{outline:2px solid #e5cdff;outline-offset:4px}
.activity-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes activity-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#activity-hub .activity-icon{animation:none!important}}
@media(max-width:600px){#activity-hub{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}}