.sync-status-indicator{position:relative;animation:fadeIn .3s ease-in}.sync-indicator-compact{padding:8px 12px;border-radius:8px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.sync-indicator-compact:hover{background:#ffffff1a;transform:translateY(-1px)}.sync-status-indicator .animate-spin{animation:spin 1s linear infinite}.success-rate-bar{height:4px;border-radius:2px;background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981);position:relative;overflow:hidden}.success-rate-indicator{position:absolute;top:0;left:0;height:100%;background:#ffffff4d;border-radius:2px;transition:width .8s ease-out}.sync-notification{position:fixed;top:20px;right:20px;z-index:1000;animation:slideInRight .3s ease-out}.sync-notification.success{background:#10b981e6;border:1px solid rgba(16,185,129,.3)}.sync-notification.error{background:#ef4444e6;border:1px solid rgba(239,68,68,.3)}.sync-notification.warning{background:#f59e0be6;border:1px solid rgba(245,158,11,.3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.sync-status-indicator .neuro-card{padding:12px}.sync-notification{top:10px;right:10px;left:10px;max-width:none}}.touch-target{min-height:44px;min-width:44px;position:relative}.touch-target-android{min-height:48px;min-width:48px}.touch-target-large{min-height:56px;min-width:56px}.running-list-item{min-height:52px;padding:12px 16px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.running-list-item:active{transform:scale(.98);transition:transform .1s ease-out}.bullet-symbol{min-width:24px;min-height:24px;padding:4px;cursor:pointer;border-radius:50%;transition:all .2s ease}.bullet-symbol:hover{transform:scale(1.2);box-shadow:0 2px 8px #0000004d}.bullet-symbol:active{transform:scale(1.1)}.quick-action-btn{min-width:36px;min-height:36px;padding:8px;border-radius:8px;touch-action:manipulation;position:relative;overflow:hidden}.quick-action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:currentColor;border-radius:50%;opacity:.2;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.quick-action-btn:active:before{width:40px;height:40px}.smart-input{min-height:48px;padding:12px 16px;font-size:16px;border-radius:12px;touch-action:manipulation}.smart-input:focus{outline:none;box-shadow:0 0 0 2px #3b82f680;transform:scale(1.02)}.predictive-btn{min-height:36px;min-width:60px;padding:8px 12px;margin:4px;border-radius:18px;font-size:14px;touch-action:manipulation;transition:all .2s ease}.predictive-btn:active{transform:scale(.95);background:#3b82f64d}.context-menu{min-width:200px;border-radius:12px;padding:8px;box-shadow:0 8px 32px #0006}.context-menu-item{min-height:44px;padding:12px 16px;border-radius:8px;touch-action:manipulation;display:flex;align-items:center;gap:12px}.context-menu-item:active{background:#ffffff1a;transform:scale(.98)}.swipe-feedback{position:absolute;top:0;right:0;bottom:0;width:80px;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:0 12px 12px 0;transition:all .2s ease}.swipe-feedback.complete{background:linear-gradient(90deg,transparent,rgba(34,197,94,.3));color:#22c55e}.swipe-feedback.migrate{background:linear-gradient(90deg,transparent,rgba(59,130,246,.3));color:#3b82f6}.swipe-feedback.delete{background:linear-gradient(90deg,transparent,rgba(239,68,68,.3));color:#ef4444}@keyframes tapFeedback{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.tap-feedback{animation:tapFeedback .15s ease-out}@media (hover: none) and (pointer: coarse){.running-list-item{min-height:56px;padding:16px}.bullet-symbol{min-width:28px;min-height:28px}.quick-action-btn{min-width:44px;min-height:44px}}@media (hover: hover) and (pointer: fine){.running-list-item:hover{background:#ffffff0d;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.bullet-symbol:hover{cursor:pointer}.quick-action-btn:hover{background:#ffffff1a;transform:scale(1.05)}}
