:root{--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1280px;--mobile-padding: 16px;--mobile-gap: 12px;--mobile-margin: 16px;--touch-target-min: 44px;--touch-target-preferred: 48px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-overlay: 999;--z-drawer: 1000;--z-bottom-sheet: 1001;--z-modal: 1002;--z-toast: 1003;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}@media (max-width: 767px){.hide-mobile{display:none!important}}@media (min-width: 768px){.show-mobile-only{display:none!important}}@media (min-width: 768px) and (max-width: 1023px){.hide-tablet{display:none!important}}@media (min-width: 1024px){.hide-desktop{display:none!important}}.grid-mobile-1{display:grid;grid-template-columns:1fr;gap:var(--mobile-gap)}.grid-mobile-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--mobile-gap)}@media (min-width: 768px){.grid-tablet-3{grid-template-columns:repeat(3,1fr)}.grid-tablet-4{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.grid-desktop-4{grid-template-columns:repeat(4,1fr)}.grid-desktop-5{grid-template-columns:repeat(5,1fr)}.grid-desktop-6{grid-template-columns:repeat(6,1fr)}}.touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:inline-flex;align-items:center;justify-content:center}.scroll-x{display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.scroll-x::-webkit-scrollbar{display:none}.scroll-x>*{scroll-snap-align:start;flex-shrink:0}.safe-area-top{padding-top:var(--safe-area-top)}.safe-area-bottom{padding-bottom:var(--safe-area-bottom)}.safe-area-left{padding-left:var(--safe-area-left)}.safe-area-right{padding-right:var(--safe-area-right)}.safe-area-x{padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.safe-area-y{padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.safe-area-all{padding:var(--safe-area-top) var(--safe-area-right) var(--safe-area-bottom) var(--safe-area-left)}.mobile-container{width:100%;max-width:100vw;padding:var(--mobile-padding)}.mobile-full-width{width:100%;margin-left:calc(-1 * var(--mobile-padding));margin-right:calc(-1 * var(--mobile-padding));padding-left:var(--mobile-padding);padding-right:var(--mobile-padding)}.stack{display:flex;flex-direction:column;gap:var(--mobile-gap)}@media (min-width: 768px){.stack-tablet-row{flex-direction:row}}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=search],input[type=url],textarea,select{font-size:16px}@media (max-width: 767px){input,textarea,select{width:100%;min-height:var(--touch-target-min)}button{min-height:var(--touch-target-min)}}