*{-webkit-tap-highlight-color:rgba(34,197,94,.3);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:text}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}body{overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.thumb-zone{position:fixed;bottom:0;left:0;right:0;height:80px;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.1)}@media (prefers-color-scheme: dark){.thumb-zone{background:#1f2937f2;border-top-color:#ffffff1a}}.touch-target{min-height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;position:relative}button,.btn{min-height:44px;padding:12px 20px;border-radius:12px;font-weight:600;transition:all .2s ease;position:relative;overflow:hidden}button:active,.btn:active{transform:scale(.98);transition:transform .1s ease}.nigerian-touch:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#22c55e4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.nigerian-touch:active:before{width:200px;height:200px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:1000;display:none}@media (max-width: 768px){.mobile-nav{display:block}.desktop-nav{display:none}main{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;color:#6b7280;text-decoration:none;font-size:11px;font-weight:500;transition:color .2s ease}.mobile-nav-item.active,.mobile-nav-item:hover{color:#22c55e}.mobile-nav-item i{font-size:20px;margin-bottom:2px}@media (max-width: 640px){.container{padding-left:12px;padding-right:12px}.grid-cols-3,.lg\:grid-cols-3,.md\:grid-cols-2{grid-template-columns:1fr}.gap-6{gap:1rem}.gap-8{gap:1.25rem}}.lazy-load{opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.lazy-load.loaded{opacity:1;transform:translateY(0)}.skeleton-loader{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-color-scheme: dark){.skeleton-loader{background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%)}}@media (prefers-reduced-data: reduce){.skeleton-loader{animation:none;background:#f3f4f6}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.progressive-image{background:#f3f4f6;background-size:cover;background-position:center;filter:blur(5px);transition:filter .3s ease}.progressive-image.loaded{filter:blur(0)}img{max-width:100%;height:auto;image-rendering:optimizeQuality;loading:lazy}@media (max-width: 640px){h1{font-size:1.875rem;line-height:2.25rem}h2{font-size:1.5rem;line-height:2rem}h3{font-size:1.25rem;line-height:1.75rem}p,.text-base{line-height:1.75;font-size:16px}input,textarea,select{font-size:16px}}.mobile-form{padding:16px}.mobile-form input,.mobile-form textarea,.mobile-form select{width:100%;padding:16px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.mobile-form input:focus,.mobile-form textarea:focus,.mobile-form select:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.mobile-search{position:sticky;top:0;z-index:50;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px;border-bottom:1px solid #e5e7eb}.mobile-search input{width:100%;padding:12px 16px 12px 44px;border:1px solid #d1d5db;border-radius:24px;background:#f9fafb;font-size:16px}.mobile-search .search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:#9ca3af}@media (max-width: 768px){.activity-item{margin:0 -12px;padding:16px;border-radius:0;border-left:none;border-right:none}.activity-item:not(:last-child){border-bottom:1px solid #f3f4f6}.post-image{width:calc(100% + 32px);margin:12px -16px;border-radius:0}.reaction-buttons{gap:20px;padding:12px 0}.reaction-button{min-width:60px;justify-content:center}}.mobile-chat{height:calc(100vh - 140px);display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.chat-input-container{padding:16px;background:#fff;border-top:1px solid #e5e7eb;position:sticky;bottom:0}.chat-input{display:flex;align-items:flex-end;gap:12px}.chat-input textarea{flex:1;min-height:44px;max-height:120px;padding:12px 16px;border:1px solid #d1d5db;border-radius:22px;resize:none;font-size:16px}@media (max-width: 640px){.modal{margin:0;width:100%;height:100%;max-width:none;max-height:none;border-radius:0;transform:translateY(100%);transition:transform .3s ease}.modal.show{transform:translateY(0)}.modal-header{padding:16px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.modal-body{padding:16px;flex:1;overflow-y:auto}}.offline-indicator{position:fixed;top:0;left:0;right:0;background:#ef4444;color:#fff;text-align:center;padding:8px;font-size:14px;z-index:9999;transform:translateY(-100%);transition:transform .3s ease}.offline-indicator.show{transform:translateY(0)}.offline-mode{filter:grayscale(50%);opacity:.8}.offline-mode:after{content:"📱 Offline Mode";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;z-index:1000}.data-saver-mode img:not(.essential){display:none}.data-saver-mode *{animation:none!important;transition:none!important}.data-saver-mode .container{padding:8px}.data-saver-mode .card{box-shadow:none;border:1px solid #e5e7eb}.swipeable{touch-action:pan-x;transition:transform .2s ease}.swipe-action{position:absolute;top:0;bottom:0;width:80px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.swipe-action.left{left:0;background:#22c55e}.swipe-action.right{right:0;background:#ef4444}.pull-to-refresh{position:relative;overflow:hidden}.refresh-indicator{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:40px;height:40px;border-radius:50%;background:#22c55e;display:flex;align-items:center;justify-content:center;color:#fff;transition:top .3s ease}.pull-to-refresh.pulling .refresh-indicator{top:20px}.focus-visible{outline:3px solid #22c55e;outline-offset:2px}@media (prefers-contrast: high){.card{border:2px solid #000000}button{border:2px solid currentColor}}@supports (padding: max(0px)){.safe-area-top{padding-top:max(12px,env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(12px,env(safe-area-inset-bottom))}.safe-area-left{padding-left:max(12px,env(safe-area-inset-left))}.safe-area-right{padding-right:max(12px,env(safe-area-inset-right))}}.performance-indicator{position:fixed;top:20px;right:20px;width:12px;height:12px;border-radius:50%;z-index:9999;pointer-events:none}.performance-indicator.good{background:#22c55e}.performance-indicator.medium{background:#f59e0b}.performance-indicator.poor{background:#ef4444}.performance-indicator{display:none}.cultural-swipe{direction:rtl}.generous-tap{padding:16px;margin:8px}.quick-actions{position:fixed;bottom:100px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:100}.quick-action{width:56px;height:56px;border-radius:50%;background:#22c55e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 12px #22c55e66;transition:all .3s ease}.quick-action:active{transform:scale(.9)}@media (prefers-reduced-motion: reduce){.battery-save *{animation:none!important;transition:none!important}.battery-save .skeleton-loader{background:#f3f4f6}}.slow-connection .loading-timeout{animation-duration:4s}.slow-connection .complex-content{display:none}.slow-connection .simple-content{display:block}.fast-connection .enhanced-animation{animation:smooth-fade .6s ease}.fast-connection .rich-content{display:block}@keyframes smooth-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media only screen and (max-width: 600px){.hide-xs{display:none!important}.show-xs{display:block!important}}@media only screen and (min-width: 601px) and (max-width: 768px){.hide-sm{display:none!important}.show-sm{display:block!important}}@media only screen and (min-width: 769px) and (max-width: 992px){.hide-md{display:none!important}.show-md{display:block!important}}@media only screen and (min-width: 993px){.hide-lg{display:none!important}.show-lg{display:block!important}}@media print{.no-print,.mobile-nav,.quick-actions,.floating-action{display:none!important}body{background:#fff!important;color:#000!important}}.debug-mobile .touch-target{outline:2px dashed red}.debug-mobile .safe-area-top,.debug-mobile .safe-area-bottom,.debug-mobile .safe-area-left,.debug-mobile .safe-area-right{background:#ff00001a}.debug-mobile .performance-indicator{display:block!important}