:root{--mobile-small:320px;--mobile:480px;--tablet:768px;--desktop:1024px;--large:1200px}@media (max-width:768px){.text-4xl{font-size:2rem}.text-3xl{font-size:1.875rem}.text-2xl{font-size:1.5rem}.text-xl{font-size:1.25rem}.p-6{padding:1rem}.p-4{padding:.75rem}.gap-6{gap:1rem}.gap-4{gap:.75rem}.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-2,.grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}.card-mobile{border-radius:.75rem;margin:.5rem;box-shadow:0 1px 3px 0 rgb(0 0 0/.1)}.btn-mobile{min-height:44px;padding:.75rem 1rem;font-size:1rem}.navbar-mobile{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid rgb(229 231 235);padding:.5rem;z-index:50}.tabs-mobile .tabs-list{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs-mobile .tabs-list::-webkit-scrollbar{display:none}.tabs-mobile .tabs-trigger{white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content;padding:.5rem 1rem}.input-mobile{min-height:44px;font-size:16px;padding:.75rem;border-radius:.5rem}.modal-mobile{position:fixed;inset:0;margin:0;border-radius:0;max-width:none;max-height:none;height:100vh}.img-mobile{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:.5rem}.chart-mobile{height:250px!important;margin:0 -1rem}}@media (max-width:480px){.text-3xl{font-size:1.5rem}.text-2xl{font-size:1.25rem}.p-4{padding:.5rem}.gap-4{gap:.5rem}.grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}.navbar-brand{font-size:1rem}.card-compact{padding:.75rem;margin:.25rem}}@media (hover:none) and (pointer:coarse){.hover\:scale-105:hover{transform:scale(1.02)}.touch-target{min-height:44px;min-width:44px}.hover\:shadow-lg:hover{box-shadow:0 4px 6px -1px rgb(0 0 0/.1)}}@media (prefers-color-scheme:dark) and (max-width:768px){.card-mobile{background:rgb(31 41 55);border-color:rgb(75 85 99);color:rgb(243 244 246)}.navbar-mobile{background:rgb(17 24 39);border-color:rgb(75 85 99)}.input-mobile{background:rgb(31 41 55);border-color:rgb(75 85 99);color:rgb(243 244 246)}}@media (prefers-reduced-motion:no-preference) and (max-width:768px){.animate-mobile-slide-up{animation:mobileSlideUp .3s ease-out}.animate-mobile-fade-in{animation:mobileFadeIn .2s ease-out}}@keyframes mobileSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes mobileFadeIn{0%{opacity:0}to{opacity:1}}@media (display-mode:standalone){.pwa-header{padding-top:env(safe-area-inset-top,20px)}.pwa-bottom{padding-bottom:env(safe-area-inset-bottom,20px)}}@media (max-width:768px) and (orientation:landscape){.landscape-adjust{height:80vh}.landscape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.gpu-optimized{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.full-height-mobile{height:100vh;height:100dvh}.mobile-only{display:none}.desktop-only{display:block}@media (max-width:768px){.mobile-only{display:block}.desktop-only{display:none}.mobile-flex{display:flex}.mobile-grid{display:grid}.mobile-hidden{display:none}}