.omnia-activity { position: fixed; bottom: max(96px,calc(env(safe-area-inset-bottom) + 80px)); left: 50%; transform: translateX(-50%); z-index: 13000; display: flex; align-items: center; gap: 16px; width: min(370px,calc(100vw - 32px)); box-sizing: border-box; padding: 17px 20px; border: 1px solid #50658b; border-radius: 22px; background: linear-gradient(130deg,#24334d,#141e30); color: #ecf2ff; box-shadow: 0 14px 46px #0007; font-family: Inter,system-ui,-apple-system,"Segoe UI",sans-serif; pointer-events: none; animation: omnia-activity-enter .25s ease both; }
.omnia-activity-icon { position: relative; flex: 0 0 46px; height: 46px; display: grid; place-items: center; border-radius: 15px; background: #a8c7ff12; color: #afcaff; }
.omnia-activity-icon svg { width: 35px; height: 35px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.omnia-activity-icon span { position: absolute; top: 16px; left: 16px; display: flex; gap: 2px; align-items: end; height: 9px; }
.omnia-activity-icon i { width: 3px; height: 5px; border-radius: 2px; background: #ffdc9b; animation: omnia-signal .9s ease-in-out infinite; }
.omnia-activity-icon i:nth-child(2) { animation-delay: .15s; }.omnia-activity-icon i:nth-child(3) { animation-delay: .3s; }
.omnia-activity-copy { flex: 1; min-width: 0; }.omnia-activity-copy strong { display: block; font-size: 13px; font-weight: 700; line-height: 1.4; }.omnia-activity-copy > span { display: block; font-size: 11px; color: #a9bddb; margin-top: 4px; line-height: 1.4; }
.omnia-activity-track { height: 3px; border-radius: 4px; background: #afcaff20; margin-top: 10px; overflow: hidden; }.omnia-activity-track i { display: block; height: 100%; width: 35%; border-radius: 4px; background: linear-gradient(90deg,#95baff,#d6ccff); animation: omnia-track 1.2s ease-in-out infinite; }.omnia-activity.is-measured .omnia-activity-track i { animation: none; transition: width .2s; }
@keyframes omnia-signal { 50% { height: 10px; opacity: .65; } }@keyframes omnia-track { from {transform: translateX(-110%);} to {transform: translateX(400%);} }@keyframes omnia-activity-enter { from {opacity: 0;translate: 0 10px;} to {opacity: 1;translate: 0 0;} }
@media (min-width: 850px) { .omnia-activity { left: auto; right: 28px; bottom: 28px; transform: none; } }
@media (prefers-reduced-motion: reduce) { .omnia-activity,.omnia-activity-icon i,.omnia-activity-track i { animation: none !important; }.omnia-activity-track i { width: 100%;opacity: .65; } }
