.mobile-touch-target{min-width:44px;min-height:44px;padding:8px}.ios-device{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.ios-device .app-container{padding:var(--sat) var(--sar) var(--sab) var(--sal)}.offline-notification{position:fixed;top:max(var(--sat),16px);left:50%;transform:translateX(-50%);background-color:#1e293b;color:white;padding:12px 16px;border-radius:8px;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;max-width:90%;animation:slideDown .3s ease-out forwards}.offline-content{display:flex;align-items:center;gap:8px}.offline-icon{font-size:1.2rem}.offline-text{font-size:.9rem;font-weight:500}@keyframes slideDown{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}@media (max-width:640px){.interactive-element,a,button{min-height:44px;min-width:44px}body{font-size:16px}.container{padding-left:max(16px,var(--sal));padding-right:max(16px,var(--sar))}.bottom-nav{padding-bottom:max(16px,var(--sab))}}.ios-small .container{max-width:100%;padding:12px}.ios-medium .container{max-width:100%;padding:14px}.ios-large .container{max-width:100%;padding:16px}.ios-tablet .container{max-width:800px;margin:0 auto;padding:20px}