:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}.pwa-app{padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}@-o-viewport{width:device-width;initial-scale:1;maximum-scale:1;user-scalable:no}@viewport{width:device-width;initial-scale:1;maximum-scale:1;user-scalable:no}body,html{overflow-x:hidden;width:100%;max-width:100vw}.touch-target{min-height:44px;min-width:44px}body{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{font-size:16px}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .3s ease-out}@media (max-width:768px){.max-w-7xl{max-width:100%;padding-left:12px;padding-right:12px}header .flex{flex-wrap:wrap;gap:8px}header .hidden.md\\:flex{display:none!important}.flex.flex-col.sm\\:flex-row{flex-direction:column;width:100%;gap:12px}.flex.flex-col.sm\\:flex-row>*{width:100%;text-align:center}.grid.grid-cols-1.md\\:grid-cols-2.lg\\:grid-cols-3{grid-template-columns:1fr;gap:16px}.grid.grid-cols-1.lg\\:grid-cols-3{grid-template-columns:1fr}.container.mx-auto{padding-left:12px;padding-right:12px}.grid.w-full.grid-cols-4{grid-template-columns:1fr 1fr;gap:4px}.grid.w-full.grid-cols-4>*{font-size:12px;padding:8px 4px}.card{margin-bottom:16px;margin-left:0;margin-right:0}.text-4xl.lg\\:text-6xl{font-size:2rem;line-height:2.5rem}.text-3xl.lg\\:text-4xl{font-size:1.75rem;line-height:2.25rem}.flex.items-center.space-x-4.space-x-reverse{flex-wrap:wrap;gap:8px}body{padding-bottom:0}.mobile-bottom-nav-padding{padding-bottom:100px!important}}@media (max-width:480px){.px-4{padding-left:8px;padding-right:8px}.py-20{padding-top:3rem;padding-bottom:3rem}button{min-height:44px;font-size:14px}.relative.py-20.lg\\:py-32{padding-top:2rem;padding-bottom:2rem}header .h-16{height:auto;min-height:64px;padding:8px 0}}.offline-indicator{position:fixed;top:0;left:0;right:0;background:linear-gradient(90deg,#f59e0b,#d97706);color:white;text-align:center;padding:8px;font-size:14px;z-index:9999;transform:translateY(-100%);transition:transform .3s ease}.offline-indicator.show{transform:translateY(0)}@media (prefers-color-scheme:dark){.pwa-install-banner{background:#1f2937;color:white;border-color:#374151}.offline-indicator{background:linear-gradient(90deg,#7c2d12,#991b1b)}}@media print{.bottom-navigation,.offline-indicator,.pwa-install-banner{display:none!important}}@media (prefers-contrast:high){.pwa-install-banner{border:2px solid}}@media (prefers-reduced-motion:reduce){.animate-slide-up,.offline-indicator{animation:none;transition:none}}@media (max-width:768px) and (orientation:landscape){.mobile-landscape-hide{display:none}.container{max-height:100vh;overflow-y:auto}.relative.py-20.lg\\:py-32{padding-top:1rem;padding-bottom:1rem}}