.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.touch-target{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.touch-target-lg{min-width:48px;min-height:48px}.mobile-button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px;padding:.75rem 1rem;font-size:1rem;font-weight:500}.mobile-button-primary{color:#fff;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background-color:#2563eb;border-radius:.5rem;min-height:44px;padding:.75rem 1rem;font-size:1rem;font-weight:500;box-shadow:0 1px 2px #0000000d}.mobile-button-secondary{background-color:var(--bg-secondary);min-height:44px;color:var(--text-primary);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;font-weight:500}.mobile-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;margin:12px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.mobile-spacing{gap:1rem;margin:1rem}.mobile-text{font-size:16px;line-height:1.5}.mobile-text-sm{font-size:14px;line-height:1.4}.mobile-text-xs{font-size:12px;line-height:1.3}.smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.connectivity-indicator{z-index:1000;transition:all .3s;position:fixed;top:12px;right:12px}.offline-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#ef44441a;position:fixed;top:0;left:0;right:0}.fade-in-up{animation:.3s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.micro-interaction{transition:all .2s}.micro-interaction:active{transform:scale(.98)}.bottom-sheet{background-color:var(--bg-primary);border-radius:20px 20px 0 0;max-height:80vh;transition:transform .3s;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -4px 20px #0000001a}.bottom-sheet.open{transform:translateY(0)}@media (width<=768px){.mobile-hidden{display:none}.mobile-only{display:block}}@media (width>=769px){.mobile-only{display:none}}