@media (max-width:768px){body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;overscroll-behavior-y:contain}html{height:-webkit-fill-available}body{min-height:-webkit-fill-available}.mobile-content-container{min-height:100vh}.touch-target,[role=button],[role=menuitem],[role=tab],button,input,select,textarea{min-height:44px;min-width:44px}.touch-target{padding:12px}.mobile-text-xs{font-size:.75rem;line-height:1rem}.mobile-text-sm{font-size:.875rem;line-height:1.25rem}.mobile-text-base{font-size:1rem;line-height:1.5rem}.mobile-text-lg{font-size:1.125rem;line-height:1.75rem}.mobile-text-xl{font-size:1.25rem;line-height:1.75rem}.mobile-p-2{padding:.5rem}.mobile-p-3{padding:.75rem}.mobile-p-4{padding:1rem}.mobile-p-6{padding:1.5rem}.mobile-m-2{margin:.5rem}.mobile-m-3{margin:.75rem}.mobile-m-4{margin:1rem}.mobile-m-6{margin:1.5rem}.mobile-gap-2{gap:.5rem}.mobile-gap-3{gap:.75rem}.mobile-gap-4{gap:1rem}.mobile-gap-6{gap:1.5rem}}.touch-active{transform:scale(.95);transition:transform .1s ease}.touch-feedback{position:relative;overflow:hidden}.touch-feedback:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.1);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.touch-feedback:active:before{width:200px;height:200px}.mobile-flavor-wheel{width:250px;height:250px}@media (min-width:768px){.mobile-flavor-wheel{width:300px;height:300px}}.mobile-fsd-container{min-height:100vh;padding:1rem}.mobile-fsd-header{position:sticky;top:0;z-index:10;background:rgba(10,10,12,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.mobile-fsd-content{padding:1rem 0}.mobile-fsd-footer{position:sticky;bottom:0;z-index:10;background:rgba(10,10,12,.95);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1)}.mobile-progress-bar{height:8px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden}.mobile-progress-fill{height:100%;background:linear-gradient(90deg,#f97316,#ef4444);border-radius:4px;transition:width .3s ease}.mobile-action-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:.75rem;font-weight:500;transition:all .2s ease;min-height:44px;min-width:44px}.mobile-action-button:active{transform:scale(.95)}.mobile-action-button-primary{background:linear-gradient(135deg,#0ea5e9,#3b82f6);color:white;border:1px solid rgba(59,130,246,.3)}.mobile-action-button-primary:hover{background:linear-gradient(135deg,#0284c7,#2563eb)}.mobile-action-button-secondary{background:rgba(255,255,255,.1);color:white;border:1px solid rgba(255,255,255,.2)}.mobile-action-button-secondary:hover{background:rgba(255,255,255,.2)}.mobile-action-button-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:white;border:1px solid rgba(239,68,68,.3)}.mobile-action-button-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.mobile-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1rem;backdrop-filter:blur(10px)}.mobile-card-header{display:flex;align-items:center;justify-content:between;margin-bottom:1rem}.mobile-card-title{font-size:1.125rem;font-weight:600;color:white}.mobile-card-subtitle{font-size:.875rem;color:rgba(255,255,255,.6)}.mobile-flavor-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;transition:all .2s ease;min-height:44px}.mobile-flavor-chip-selected{background:rgba(20,184,166,.2);border:1px solid rgba(20,184,166,.3);color:#14b8a6}.mobile-flavor-chip-unselected{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.mobile-flavor-chip-unselected:hover{background:rgba(255,255,255,.1)}.mobile-flavor-chip:active{transform:scale(.95)}.mobile-status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:500}.mobile-status-active{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#22c55e}.mobile-status-paused{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);color:#fbbf24}.mobile-status-completed{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);color:#3b82f6}.mobile-status-expired{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}@keyframes mobile-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes mobile-slide-in{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes mobile-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mobile-fade-in{animation:mobile-fade-in .3s ease-out}.mobile-slide-in{animation:mobile-slide-in .3s ease-out}.mobile-scale-in{animation:mobile-scale-in .3s ease-out}.mobile-swipe-indicator{width:40px;height:40px;border-radius:50%;background:rgba(59,130,246,.2);border:2px solid rgba(59,130,246,.8);color:#3b82f6;font-size:.75rem}.mobile-pinch-indicator,.mobile-swipe-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-weight:600;z-index:1000}.mobile-pinch-indicator{width:60px;height:60px;border-radius:50%;background:rgba(34,197,94,.2);border:2px solid rgba(34,197,94,.8);color:#22c55e;font-size:.875rem}.mobile-gpu-accelerated{transform:translateZ(0);will-change:transform}.mobile-smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.ios-scroll-fix{-webkit-overflow-scrolling:touch;overflow-y:auto;transform:translateZ(0);will-change:scroll-position}.ios-touch-container{touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ios-smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;transform:translateZ(0)}.mobile-no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-no-tap-highlight{-webkit-tap-highlight-color:transparent}@media (prefers-color-scheme:dark){.mobile-card{background:rgba(0,0,0,.3);border-color:rgba(255,255,255,.1)}.mobile-action-button-secondary{background:rgba(0,0,0,.2);border-color:rgba(255,255,255,.1)}}@media (prefers-contrast:high){.mobile-action-button,.mobile-card,.mobile-flavor-chip{border-width:2px}}@media (prefers-reduced-motion:reduce){.mobile-fade-in,.mobile-scale-in,.mobile-slide-in{animation:none}.mobile-action-button:active,.mobile-flavor-chip:active{transform:none}}.ios-optimized{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.ios-status-bar{position:sticky;top:0;z-index:1000;background:rgba(0,0,0,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.ios-content{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.ios-fire-session,.ios-flavor-wheel{touch-action:manipulation}.ios-fire-session,.ios-flavor-wheel,.ios-touch-handler{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.ios-home-indicator{position:fixed;bottom:0;left:0;right:0;padding:8px 0;background:rgba(0,0,0,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000}@keyframes ios-bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.ios-bounce{animation:ios-bounce 1s ease-in-out}.ios-button{-webkit-appearance:none;border-radius:8px;border:none;background:linear-gradient(135deg,#007AFF,#0051D5);color:white;font-weight:600;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.ios-button:active{transform:scale(.95);background:linear-gradient(135deg,#0051D5,#003A9B)}.ios-input{-webkit-appearance:none;border-radius:8px;border:1px solid #e5e5e7;background:white;padding:12px 16px;font-size:16px;transition:border-color .2s ease}.ios-input:focus{border-color:#007AFF;outline:none}.android-optimized{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.android-status-bar{position:sticky;top:0;z-index:1000;background:#1976D2;box-shadow:0 2px 4px rgba(0,0,0,.1)}.android-content{overflow-scrolling:touch;scroll-behavior:smooth}.android-fire-session,.android-flavor-wheel,.android-touch-handler{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.android-nav-bar{position:fixed;bottom:0;left:0;right:0;background:#121212;z-index:1000}.material-design{box-shadow:0 2px 4px rgba(0,0,0,.1)}.material-design.elevation-1{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.material-design.elevation-2{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.material-design.elevation-3{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}@keyframes android-ripple-animation{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.android-ripple{animation:android-ripple-animation .6s ease-out}.android-button{border-radius:4px;border:none;background:#1976D2;color:white;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.android-button:active{background:#1565C0;transform:scale(.98)}.android-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.android-button:active:before{width:200px;height:200px}.android-input{border-radius:4px;border:1px solid #e0e0e0;background:white;padding:12px 16px;font-size:16px;transition:border-color .3s cubic-bezier(.4,0,.2,1)}.android-input:focus{border-color:#1976D2;outline:none;box-shadow:0 0 0 2px rgba(25,118,210,.2)}.dark-theme{background:#121212;color:#FFFFFF}.dark-theme .android-button{background:#BB86FC;color:#000000}.dark-theme .android-input{background:#1E1E1E;border-color:#424242;color:#FFFFFF}.dark-theme .android-input:focus{border-color:#BB86FC;box-shadow:0 0 0 2px rgba(187,134,252,.2)}.pwa-install-prompt{position:fixed;bottom:20px;left:20px;right:20px;background:white;border-radius:12px;padding:16px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;animation:slide-up .3s ease-out}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-install-button{background:#1976D2;color:white;border:none;border-radius:8px;padding:12px 24px;font-weight:600;cursor:pointer;transition:background .2s ease}.pwa-install-button:hover{background:#1565C0}.platform-optimized{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media (max-width:480px){.android-status-bar,.ios-status-bar{padding:8px 16px}.android-nav-bar,.ios-home-indicator{padding:6px 0}}@media (min-width:768px){.android-optimized,.ios-optimized{max-width:768px;margin:0 auto}}@media (min-resolution:192dpi){.android-button,.ios-button{border-width:.5px}}@media (prefers-reduced-motion:reduce){.android-ripple,.ios-bounce{animation:none}.android-button:active,.ios-button:active{transform:none}}@media (prefers-contrast:high){.android-button,.ios-button{border:2px solid}.android-input,.ios-input{border-width:2px}}