@media (max-width:768px){.touch-optimization{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-button{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mobile-text-input{font-size:16px;padding:12px 16px;border-radius:12px;transition:all .2s ease}.mobile-text-input:focus{outline:none;box-shadow:0 0 0 2px rgba(59,130,246,.3);transform:scale(1.02)}.mobile-drop-zone{border-width:3px;border-style:dashed;border-radius:16px;padding:24px 16px;transition:all .3s ease}.mobile-drop-zone.active{background:rgba(59,130,246,.1);border-color:rgb(59,130,246);transform:scale(1.02)}.mobile-image-grid{gap:12px;padding:0 16px}.mobile-image-card{border-radius:16px;overflow:hidden;transition:all .2s ease;position:relative}.mobile-image-card:active{transform:scale(.98)}.mobile-progress-bar{height:8px;border-radius:4px;background:rgba(0,0,0,.1);overflow:hidden}.mobile-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:4px;transition:width .3s ease}.mobile-notifications{position:fixed;top:env(safe-area-inset-top,8px);left:8px;right:8px;z-index:1000}.keyboard-visible{padding-bottom:env(keyboard-inset-height,0)}.keyboard-visible .mobile-text-input{transform:translateY(-50px)}.mobile-tabs{border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.mobile-tabs::-webkit-scrollbar{display:none}.mobile-tab-button{min-width:120px;padding:16px 20px;font-size:14px;font-weight:600;white-space:nowrap;border-radius:12px 12px 0 0;transition:all .2s ease}.mobile-tab-button.active{background:rgba(255,255,255,.05);border-bottom:3px solid}.mobile-drag-handle{position:absolute;top:8px;left:8px;width:32px;height:32px;background:rgba(0,0,0,.6);border-radius:8px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-image-card.dragging .mobile-drag-handle,.mobile-image-card:active .mobile-drag-handle{opacity:1}.mobile-long-press{animation:mobile-pulse .6s ease-in-out}@keyframes mobile-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.mobile-content-spacing{padding:16px;margin-bottom:env(safe-area-inset-bottom,16px)}.mobile-modal{position:fixed;top:env(safe-area-inset-top,0);left:0;right:0;bottom:env(safe-area-inset-bottom,0);background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.swipe-indicator{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:6px;opacity:.6}.swipe-dot{width:8px;height:8px;border-radius:50%;background:white;transition:all .2s ease}.swipe-dot.active{background:#3b82f6;transform:scale(1.2)}}@media (min-resolution:192dpi){.mobile-image-card img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-color-scheme:dark) and (max-width:768px){.mobile-drop-zone{background:rgba(17,24,39,.8);border-color:rgba(75,85,99,.6)}.mobile-drop-zone.active{background:rgba(59,130,246,.15);border-color:rgb(96,165,250)}.mobile-tab-button.active{background:rgba(255,255,255,.08)}}@media (max-height:500px) and (orientation:landscape){.mobile-content-spacing{padding:8px 16px}.mobile-tabs{padding:8px 0}.mobile-tab-button{padding:12px 16px}}