:root{--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--mobile-header-height:56px;--mobile-footer-height:70px;--mobile-nav-height:60px;--touch-target-size:44px;--touch-target-size-small:32px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}@media (max-width:768px){html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}body{overscroll-behavior:none;overscroll-behavior-x:none;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;font-size:16px}}.safe-area-top{padding-top:var(--safe-area-inset-top)}.safe-area-right{padding-right:var(--safe-area-inset-right)}.safe-area-bottom{padding-bottom:var(--safe-area-inset-bottom)}.safe-area-left{padding-left:var(--safe-area-inset-left)}.safe-area-all{padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}@supports (-webkit-touch-callout:none){.device-iphone{--status-bar-height:44px;--notch-height:34px}.device-iphone.landscape-mode{--status-bar-height:0px;--notch-height:21px}}@media screen and (-webkit-min-device-pixel-ratio:0){.device-android{--nav-bar-height:56px}}.touch-target{min-width:var(--touch-target-size);min-height:var(--touch-target-size);display:inline-flex;align-items:center;justify-content:center}.touch-target-small{min-width:var(--touch-target-size-small);min-height:var(--touch-target-size-small)}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background:var(--bg-surface);border-top:1px solid var(--dashboard-border);z-index:50;padding-bottom:var(--safe-area-inset-bottom)}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;cursor:pointer;transition:var(--transition-fast);position:relative}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active{color:var(--accent-primary)}.mobile-header{position:fixed;top:0;left:0;right:0;height:var(--mobile-header-height);background:var(--bg-surface);border-bottom:1px solid var(--dashboard-border);z-index:50;padding-top:var(--safe-area-inset-top)}.mobile-content{padding-top:var(--mobile-header-height);padding-bottom:var(--mobile-nav-height);min-height:100vh;box-sizing:border-box}.swipe-card{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.2);cursor:grab;user-select:none;-webkit-user-select:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}.swipe-card.dragging{cursor:grabbing;transition:none}.swipe-card-stack{position:relative;height:500px;width:100%;max-width:350px;margin:0 auto}.swipe-indicator{position:absolute;top:20px;padding:12px;border-radius:50%;font-weight:700;color:#fff;z-index:10}.swipe-indicator.like{right:20px;background:var(--accent-success,#10b981)}.swipe-indicator.nope{left:20px;background:var(--accent-danger,#ef4444)}.swipe-indicator.super{top:50%;left:50%;transform:translate(-50%,-50%);background:var(--accent-info,#3b82f6)}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--bg-surface);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px rgba(0,0,0,.15);z-index:100;transform:translateY(100%);transition:transform var(--transition-normal)}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:99;opacity:0;transition:opacity var(--transition-normal)}.bottom-sheet-backdrop.show{opacity:1}.bottom-sheet-handle{width:40px;height:4px;background:var(--text-muted);border-radius:2px;margin:12px auto;cursor:grab;opacity:.4}.bottom-sheet-handle:active{cursor:grabbing}.pull-to-refresh{position:absolute;top:-60px;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border-radius:0 0 16px 16px;z-index:40;transition:transform var(--transition-normal)}.pull-to-refresh.pulling,.pull-to-refresh.refreshing{transform:translateY(60px)}.infinite-scroll-loader{padding:20px;text-align:center;color:var(--text-muted)}.mobile-form{padding:16px}.mobile-form-group{margin-bottom:16px}.mobile-form-label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-secondary)}.mobile-form-input{width:100%;padding:12px 16px;border:1px solid var(--dashboard-border);border-radius:8px;font-size:16px;background:var(--bg-surface);color:var(--text-primary);transition:border-color var(--transition-fast)}.mobile-form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(5,156,192,.1)}.mobile-form-button{width:100%;padding:12px 24px;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color var(--transition-fast);min-height:var(--touch-target-size)}.mobile-form-button:active{opacity:.9}.mobile-form-button:disabled{opacity:.5;cursor:not-allowed}.mobile-table{width:100%;border-collapse:collapse}.mobile-table td,.mobile-table th{padding:12px 8px;text-align:right;border-bottom:1px solid var(--dashboard-border)}.mobile-table th{font-weight:600;color:var(--text-secondary);background:var(--dashboard-card-secondary,var(--bg-surface))}.mobile-card{background:var(--bg-surface);border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:16px}.mobile-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mobile-card-title{font-size:18px;font-weight:600;color:var(--text-primary)}.mobile-card-content{color:var(--text-secondary);line-height:1.5}.mobile-list{list-style:none;padding:0;margin:0}.mobile-list-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--dashboard-border);cursor:pointer;transition:background-color var(--transition-fast)}.mobile-list-item:active{background:var(--bg-surface-hover)}.mobile-list-item:last-child{border-bottom:none}.mobile-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.mobile-modal-content{background:var(--bg-surface);border-radius:16px;padding:24px;max-width:400px;width:100%;max-height:80vh;overflow-y:auto}.mobile-tabs{display:flex;border-bottom:1px solid var(--dashboard-border);overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-tab{flex:1;padding:12px 16px;text-align:center;cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast);white-space:nowrap}.mobile-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.mobile-badge{min-width:20px;height:20px;padding:0 6px;background:var(--accent-danger,#ef4444);color:#fff;font-size:12px;border-radius:10px;margin-left:4px}.mobile-avatar,.mobile-badge{display:inline-flex;align-items:center;justify-content:center;font-weight:500}.mobile-avatar{width:40px;height:40px;border-radius:50%;background:var(--dashboard-card-secondary,var(--bg-surface));color:var(--text-muted);overflow:hidden}.mobile-avatar img{width:100%;height:100%;object-fit:cover}.mobile-progress{width:100%;height:4px;background:var(--dashboard-border);border-radius:2px;overflow:hidden}.mobile-progress-bar{height:100%;background:var(--accent-primary);transition:width var(--transition-normal)}.mobile-switch{position:relative;width:48px;height:24px;background:var(--text-muted);border-radius:12px;cursor:pointer;transition:background-color var(--transition-fast);opacity:.5}.mobile-switch.active{background:var(--accent-primary);opacity:1}.mobile-switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--transition-fast);box-shadow:0 1px 3px rgba(0,0,0,.3)}.mobile-switch.active .mobile-switch-thumb{transform:translateX(24px)}@media (max-width:640px){.hidden-mobile{display:none!important}}@media (min-width:641px){.hidden-desktop{display:none!important}}@media (orientation:landscape) and (max-height:500px){.mobile-header,.mobile-nav{height:50px}.mobile-content{padding-top:50px;padding-bottom:50px}nav[role=tablist]{padding-top:2px;padding-bottom:2px}nav[role=tablist] .text-xs{display:none}}@media print{.bottom-sheet,.mobile-header,.mobile-modal,.mobile-nav{display:none!important}}.reduce-animations *,.reduce-animations:after,.reduce-animations:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hardware-accelerated{transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;-webkit-perspective:1000px}.layout-contained{contain:layout style paint}.optimize-images img{content-visibility:auto;contain-intrinsic-size:400px 300px}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.lazy-load{content-visibility:auto;contain-intrinsic-size:200px 100px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.high-dpi-optimized{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (max-height:640px),(max-width:360px){.low-end-optimized,.low-end-optimized *{transform:none!important;transition:none!important;animation:none!important}}.overflow-x-auto,.overflow-y-auto{-webkit-overflow-scrolling:touch}.scroll-indicator-x{position:relative}.scroll-indicator-x:after{content:"";position:absolute;top:0;bottom:0;left:0;width:24px;background:linear-gradient(to right,var(--bg-surface,#fff),transparent);pointer-events:none;opacity:.7;z-index:1}@media (max-width:767px){.desktop-only-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:.75rem;background:var(--bg-surface-hover,rgba(0,0,0,.05));color:var(--text-muted);font-size:.8125rem;text-align:center}}@media (min-width:768px){.desktop-only-hint{display:none}}