@media (max-width:768px){.clickable,[role=button],a,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px;position:relative}input:not([type=range]),select,textarea{min-height:48px;font-size:16px;padding:12px}.mobile-nav-item{padding:12px 16px;margin:2px 0}.card,.post-card{margin:8px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.scrollable-container{-webkit-overflow-scrolling:touch;overflow-y:auto;will-change:transform}.dialog,.modal{width:calc(100% - 32px);max-width:100%;margin:16px;max-height:calc(100vh - 32px);overflow-y:auto}.container{padding-left:16px;padding-right:16px}body{font-size:16px;line-height:1.6}h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}img{max-width:100%;height:auto}img,table{display:block}table{overflow-x:auto;-webkit-overflow-scrolling:touch}.dropdown-menu{width:calc(100vw - 32px);max-width:320px;max-height:60vh;overflow-y:auto}.sidebar-mobile{width:85vw;max-width:320px}.clickable:active,a:active,button:active{opacity:.8;transform:scale(.98);transition:all .1s ease}.fab{position:fixed;bottom:72px;right:16px;width:56px;height:56px;border-radius:28px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:30}.skeleton-loader{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.animate-on-desktop{animation:none!important;transition:opacity .2s ease!important}video{max-width:100%;height:auto}.tooltip{position:fixed;z-index:9999;max-width:90vw;padding:8px 12px;font-size:14px}.error-message,.validation-message{font-size:14px;padding:8px;margin-top:4px;border-radius:4px}.pagination{flex-wrap:wrap;gap:4px}.pagination,.pagination-item{display:flex;justify-content:center}.pagination-item{min-width:40px;min-height:40px;align-items:center}.search-input{width:100%;padding:12px 40px 12px 16px;font-size:16px;border-radius:24px}.badge{padding:4px 8px;font-size:12px;border-radius:12px}.tab-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-container::-webkit-scrollbar{display:none}.swipeable{touch-action:pan-y}.pinchable{touch-action:pinch-zoom}body{overflow-x:hidden}.grid-mobile{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}}@media (max-width:480px){body{font-size:15px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}.container{padding-left:12px;padding-right:12px}.card,.post-card{margin:4px;padding:12px}.fab{bottom:64px;right:12px;width:48px;height:48px}}@media (max-height:500px) and (orientation:landscape){.header{padding:8px 16px}.bottom-nav{height:48px}.main-content{padding-top:48px;padding-bottom:48px}}@supports (-webkit-touch-callout:none){.scrollable{-webkit-overflow-scrolling:touch}input,select,textarea{font-size:16px!important}.bottom-nav{padding-bottom:env(safe-area-inset-bottom)}.header{padding-top:env(safe-area-inset-top)}}@media (hover:none) and (pointer:coarse){.hover-effect:hover{background:transparent}.scrollable{scroll-behavior:smooth}}@media (max-width:768px) and (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (max-width:768px) and (prefers-color-scheme:dark){body{background:#000;color:#f0f0f0}.card{background:#1a1a1a;border:1px solid #2a2a2a}img,video{opacity:.9}}@media (max-width:768px) and (prefers-reduced-data:reduce){img{filter:blur(0);transition:filter .3s}img[loading=lazy]{filter:blur(5px)}img.loaded{filter:blur(0)}video{preload:none}}