@media(max-width:780px){
 .cf-mobile-state-v180{
   position:fixed;left:50%;transform:translateX(-50%);bottom:calc(66px + env(safe-area-inset-bottom));
   z-index:90;display:flex;align-items:center;gap:7px;max-width:calc(100vw - 24px);
   min-height:36px;padding:6px 10px;border:1px solid var(--stroke-subtle);border-radius:999px;
   background:var(--surface-float);box-shadow:0 10px 30px rgba(0,0,0,.2);font-size:9px;
   opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease
 }
 .cf-mobile-state-v180.show{opacity:1;transform:translate(-50%,-2px)}
 .cf-mobile-state-v180 i{width:7px;height:7px;border-radius:50%;background:var(--accent)}
 .cf-mobile-state-v180.busy i{animation:cfStatePulse180 1s ease-in-out infinite}
 .cf-mobile-state-v180.success i{background:var(--ok)}
 .cf-mobile-state-v180.error i{background:var(--bad)}
 @keyframes cfStatePulse180{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
}
@media(prefers-reduced-motion:reduce){
 .cf-mobile-state-v180,.cf-mobile-state-v180 i{transition:none!important;animation:none!important}
}