@layer mobile{:root{--mobile-spacing-xs:0.5rem;--mobile-spacing-sm:0.75rem;--mobile-spacing-md:1rem;--mobile-spacing-lg:1.25rem;--mobile-spacing-xl:1.5rem;--mobile-spacing-2xl:2rem;--mobile-spacing-3xl:2.5rem;--mobile-text-xs:0.75rem;--mobile-text-sm:0.875rem;--mobile-text-base:1rem;--mobile-text-lg:1.125rem;--mobile-text-xl:1.25rem;--mobile-text-2xl:1.5rem;--mobile-text-3xl:1.875rem;--mobile-leading-tight:1.25;--mobile-leading-normal:1.5;--mobile-leading-relaxed:1.75;--mobile-leading-loose:2;--mobile-radius-sm:0.5rem;--mobile-radius-md:0.75rem;--mobile-radius-lg:1rem;--mobile-radius-xl:1.25rem;--mobile-radius-2xl:1.5rem;--mobile-radius-full:9999px;--mobile-shadow-sm:0 2px 4px rgba(0,0,0,.05);--mobile-shadow-md:0 4px 12px rgba(0,0,0,.08);--mobile-shadow-lg:0 8px 24px rgba(0,0,0,.12);--mobile-shadow-xl:0 12px 36px rgba(0,0,0,.16);--mobile-shadow-float:0 16px 48px rgba(0,0,0,.2);--mobile-duration-instant:50ms;--mobile-duration-fast:150ms;--mobile-duration-normal:250ms;--mobile-duration-slow:350ms;--mobile-duration-slower:500ms;--mobile-ease-in:cubic-bezier(0.4,0,1,1);--mobile-ease-out:cubic-bezier(0,0,0.2,1);--mobile-ease-in-out:cubic-bezier(0.4,0,0.2,1);--mobile-ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55)}}@media (max-width:768px){input,select,textarea{font-size:16px!important}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}[role=button],a,button{-webkit-tap-highlight-color:rgba(0,0,0,.1)}.mobile-safe-top{padding-top:env(safe-area-inset-top,0)}.mobile-safe-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.mobile-safe-x{padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.mobile-fixed-bottom{position:fixed;bottom:0;left:0;right:0;padding-bottom:env(safe-area-inset-bottom,0);z-index:40}.mobile-fab-container{position:fixed;bottom:calc(1rem + env(safe-area-inset-bottom, 0));right:1rem;z-index:45}.mobile-modal-fullscreen{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column}.mobile-drawer-bottom{position:fixed;bottom:0;left:0;right:0;max-height:90vh;border-top-left-radius:var(--mobile-radius-2xl);border-top-right-radius:var(--mobile-radius-2xl);transform:translateY(100%);transition:transform var(--mobile-duration-normal) var(--mobile-ease-out)}.mobile-drawer-bottom.open{transform:translateY(0)}.mobile-btn{min-height:44px;min-width:44px;padding:var(--mobile-spacing-sm) var(--mobile-spacing-lg);font-size:var(--mobile-text-base);font-weight:600;border-radius:var(--mobile-radius-lg);transition:all var(--mobile-duration-fast) var(--mobile-ease-out);position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:var(--mobile-spacing-xs)}.mobile-btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,transparent 70%);transform:scale(0);opacity:0;transition:transform var(--mobile-duration-slow) var(--mobile-ease-out),opacity var(--mobile-duration-slow) var(--mobile-ease-out)}.mobile-btn:active:after{transform:scale(2);opacity:1;transition:transform 0ms,opacity 0ms}.mobile-btn-primary{background:linear-gradient(135deg,var(--theme-primary) 0,var(--theme-accent) 100%);color:#fff;box-shadow:var(--mobile-shadow-md)}.mobile-btn-primary:active{transform:scale(.98);box-shadow:var(--mobile-shadow-sm)}.mobile-fab{width:56px;height:56px;border-radius:var(--mobile-radius-full);background:linear-gradient(135deg,var(--theme-primary) 0,var(--theme-accent) 100%);color:#fff;box-shadow:var(--mobile-shadow-lg);display:flex;align-items:center;justify-content:center;transition:all var(--mobile-duration-normal) var(--mobile-ease-out)}.mobile-fab:active{transform:scale(.9);box-shadow:var(--mobile-shadow-md)}.mobile-card{background:var(--theme-card);border-radius:var(--mobile-radius-xl);padding:var(--mobile-spacing-lg);box-shadow:var(--mobile-shadow-sm);transition:all var(--mobile-duration-normal) var(--mobile-ease-out);position:relative;overflow:hidden}.mobile-card-interactive{cursor:pointer}.mobile-card-interactive:active{transform:scale(.98);box-shadow:none}.mobile-list-item{padding:var(--mobile-spacing-md) var(--mobile-spacing-lg);min-height:56px;display:flex;align-items:center;gap:var(--mobile-spacing-md);transition:background-color var(--mobile-duration-fast) var(--mobile-ease-out);position:relative}.mobile-list-item:active{background-color:var(--theme-hover)}.mobile-divider-text{display:flex;align-items:center;gap:var(--mobile-spacing-md);margin:var(--mobile-spacing-xl) 0;color:var(--theme-muted-foreground);font-size:var(--mobile-text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.mobile-divider-text:after,.mobile-divider-text:before{content:"";flex:1;height:1px;background:var(--theme-border)}.mobile-input{min-height:48px;padding:var(--mobile-spacing-md) var(--mobile-spacing-lg);font-size:var(--mobile-text-base);border-radius:var(--mobile-radius-lg);background:var(--theme-input);border:2px solid transparent;transition:all var(--mobile-duration-fast) var(--mobile-ease-out)}.mobile-input:focus{border-color:var(--theme-primary);box-shadow:0 0 0 4px rgba(var(--theme-primary-rgb),.1);outline:none}.mobile-tabs{display:flex;gap:var(--mobile-spacing-xs);background:var(--theme-muted);padding:var(--mobile-spacing-xs);border-radius:var(--mobile-radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}}@media (max-width:768px){.mobile-tabs::-webkit-scrollbar{display:none}.mobile-tab{flex-shrink:0;padding:var(--mobile-spacing-sm) var(--mobile-spacing-lg);border-radius:var(--mobile-radius-md);font-size:var(--mobile-text-sm);font-weight:600;color:var(--theme-muted-foreground);transition:all var(--mobile-duration-fast) var(--mobile-ease-out);white-space:nowrap}.mobile-tab.active{background:var(--theme-background);color:var(--theme-foreground);box-shadow:var(--mobile-shadow-sm)}.mobile-bottom-nav{display:flex;justify-content:space-around;align-items:center;background:var(--theme-card);border-top:1px solid var(--theme-border);padding:var(--mobile-spacing-xs) 0;padding-bottom:calc(var(--mobile-spacing-xs) + env(safe-area-inset-bottom, 0))}.mobile-bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--mobile-spacing-xs);color:var(--theme-muted-foreground);transition:all var(--mobile-duration-fast) var(--mobile-ease-out)}.mobile-bottom-nav-item.active{color:var(--theme-primary)}.mobile-bottom-nav-icon{font-size:20px}.mobile-bottom-nav-label{font-size:var(--mobile-text-xs);font-weight:500}}@media (max-width:768px){@keyframes mobileSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes mobileSlideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes mobileFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mobileScale{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes mobilePulse{0%,to{opacity:1}50%{opacity:.5}}.mobile-animate-slide-up{animation:mobileSlideUp var(--mobile-duration-normal) var(--mobile-ease-out)}.mobile-animate-slide-down{animation:mobileSlideDown var(--mobile-duration-normal) var(--mobile-ease-out)}.mobile-animate-fade-in{animation:mobileFadeIn var(--mobile-duration-normal) var(--mobile-ease-out)}.mobile-animate-scale{animation:mobileScale var(--mobile-duration-normal) var(--mobile-ease-bounce)}.mobile-animate-pulse{animation:mobilePulse 2s infinite}.mobile-swipeable{overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none}}@media (max-width:768px){.mobile-swipeable::-webkit-scrollbar{display:none}.mobile-swipeable-item{scroll-snap-align:start}.mobile-pull-to-refresh{position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-long-press{-webkit-touch-callout:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}.mobile-glass{background:rgba(var(--theme-card-rgb),.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mobile-gradient-bg{background:linear-gradient(135deg,var(--theme-background) 0,var(--theme-card) 100%)}.mobile-grid-bg{background-image:linear-gradient(rgba(var(--theme-border-rgb),.1) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--theme-border-rgb),.1) 1px,transparent 1px);background-size:20px 20px}.mobile-glow-border{position:relative;background:var(--theme-card);border-radius:var(--mobile-radius-lg)}.mobile-glow-border:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--theme-primary),var(--theme-accent),var(--theme-primary));border-radius:var(--mobile-radius-lg);opacity:0;transition:opacity var(--mobile-duration-normal) var(--mobile-ease-out);z-index:-1}}@media (max-width:768px){.mobile-glow-border:focus-within:before{opacity:1}}@media (max-width:768px){.mobile-gpu{transform:translateZ(0);will-change:transform}.mobile-no-paint{will-change:opacity,transform}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@media (max-width:768px) and (prefers-color-scheme:dark){.mobile-card{background:rgba(var(--theme-card-rgb),.95)}.mobile-input{background:rgba(var(--theme-input-rgb),.95)}.mobile-shadow-dark{box-shadow:0 4px 12px rgba(0,0,0,.3)}}@media (max-width:768px){.mobile-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-line-clamp-2{-webkit-line-clamp:2}.mobile-line-clamp-2,.mobile-line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.mobile-line-clamp-3{-webkit-line-clamp:3}.mobile-hide{display:none!important}.mobile-show{display:block!important}.mobile-p-safe{padding:var(--mobile-spacing-lg);padding-left:max(var(--mobile-spacing-lg),env(safe-area-inset-left));padding-right:max(var(--mobile-spacing-lg),env(safe-area-inset-right))}.pb-safe{padding-bottom:max(var(--mobile-spacing-md),env(safe-area-inset-bottom,0))}.mobile-h-screen-safe{height:100vh;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.mobile-keyboard-aware{height:100vh;height:calc(var(--vh, 1vh) * 100);height:calc(var(--visual-vh, var(--vh, 1vh)) * 100)}.mobile-input-container{position:relative;z-index:10;background:rgba(var(--theme-card-rgb),.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding-bottom:env(safe-area-inset-bottom,0)}.mobile-content-area{overflow:hidden;position:relative;flex:1;min-height:0}}@supports (padding:max(0px)){@media (max-width:768px){.mobile-main-container{position:fixed;top:0;left:0;right:0;bottom:0;height:100dvh;height:calc(var(--visual-vh, var(--vh, 1vh)) * 100);display:flex;flex-direction:column;overflow:hidden;transition:none}body.keyboard-open .mobile-main-container{height:calc(var(--visual-vh, 1vh) * 100)}.mobile-content-with-keyboard{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;min-height:0}.mobile-messages-area{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;position:relative;min-height:0}.mobile-input-area{position:relative;flex-shrink:0;background:var(--theme-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--theme-border);z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}body.keyboard-open .mobile-input-area{padding-bottom:0}.mobile-input-inner{padding:12px 16px}body:not(.keyboard-open) .mobile-input-inner{padding-bottom:max(12px,env(safe-area-inset-bottom,0))}}}@media (max-width:768px){.mobile-android-keyboard-aware{height:100vh;height:calc(var(--visual-vh, var(--vh, 1vh)) * 100)}.mobile-stable-layout{position:relative;overflow:hidden}.mobile-input-focused{scroll-margin-bottom:20px;font-size:16px!important}.mobile-hide-on-keyboard{transition:opacity .2s ease-out,transform .2s ease-out}.mobile-keyboard-open .mobile-hide-on-keyboard{opacity:0;transform:translateY(-10px);pointer-events:none}.mobile-keyboard-open .mobile-compact-on-keyboard{padding-top:8px!important;padding-bottom:8px!important}.mobile-keyboard-open .mobile-input-area{box-shadow:0 -4px 20px rgba(0,0,0,.1)}}@media (max-width:768px){@supports (padding:max(0px)){.mobile-notch-aware{padding:max(12px,env(safe-area-inset-top,0)) max(16px,env(safe-area-inset-right,0)) max(12px,env(safe-area-inset-bottom,0)) max(16px,env(safe-area-inset-left,0))}}@media (max-height:667px){.mobile-small-screen .mobile-input-area{padding:8px 12px}.mobile-small-screen .mobile-messages-area{font-size:14px}}}@supports (padding:max(0px)){.mobile-safe-area-top{padding-top:max(env(safe-area-inset-top),0px)}.mobile-safe-area-bottom{padding-bottom:max(env(safe-area-inset-bottom),0px)}.mobile-safe-area-left{padding-left:max(env(safe-area-inset-left),0px)}.mobile-safe-area-right{padding-right:max(env(safe-area-inset-right),0px)}.mobile-safe-area-all{padding:max(env(safe-area-inset-top),0px) max(env(safe-area-inset-right),0px) max(env(safe-area-inset-bottom),0px) max(env(safe-area-inset-left),0px)}}.mobile-viewport-fix{height:100vh;height:calc(var(--vh, 1vh) * 100)}.mobile-touch-target{min-height:44px;min-width:44px}.mobile-scroll-smooth{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.mobile-text-select-none{-webkit-user-select:none;-ms-user-select:none;user-select:none}.mobile-text-select-auto{-webkit-user-select:auto;-ms-user-select:auto;user-select:auto}.mobile-input-zoom-fix{font-size:16px}.mobile-keyboard-spacer{height:env(keyboard-inset-height,0)}@media screen and (max-width:640px){.mobile-only{display:block!important}.mobile-hidden{display:none!important}.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-p-2{padding:.5rem}.mobile-p-3{padding:.75rem}.mobile-p-4{padding:1rem}.mobile-m-2{margin:.5rem}.mobile-m-3{margin:.75rem}.mobile-m-4{margin:1rem}.mobile-flex-col{flex-direction:column}.mobile-w-full{width:100%}.mobile-max-w-full{max-width:100%}.mobile-rounded-lg{border-radius:.5rem}.mobile-rounded-xl{border-radius:.75rem}.mobile-shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.mobile-shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.mobile-shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}}@media screen and (min-width:641px) and (max-width:1024px){.tablet-only{display:block!important}.tablet-hidden{display:none!important}}@media screen and (min-width:1025px){.desktop-only{display:block!important}.desktop-hidden,.mobile-only{display:none!important}}@media (prefers-reduced-motion:no-preference){.mobile-slide-in-right{animation:mobileSlideInRight .3s ease-out}.mobile-slide-out-right{animation:mobileSlideOutRight .3s ease-in}.mobile-fade-in{animation:mobileFadeIn .2s ease-out}.mobile-fade-out{animation:mobileFadeOut .2s ease-in}}@keyframes mobileSlideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes mobileSlideOutRight{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes mobileFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mobileFadeOut{0%{opacity:1}to{opacity:0}}.mobile-overflow-hidden{overflow:hidden}.mobile-overflow-auto{overflow:auto}.mobile-overflow-scroll{overflow:scroll;-webkit-overflow-scrolling:touch}.mobile-fixed-top{top:0}.mobile-fixed-bottom,.mobile-fixed-top{position:fixed;left:0;right:0;z-index:50}.mobile-fixed-bottom{bottom:0}.mobile-sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:40}.mobile-backdrop-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-gradient-overlay{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.05) 50%,rgba(0,0,0,.1))}.mobile-border-thin{border-width:.5px}.mobile-gap-1{gap:.25rem}.mobile-gap-2{gap:.5rem}.mobile-gap-3{gap:.75rem}.mobile-gap-4{gap:1rem}.mobile-flex-center{display:flex;align-items:center;justify-content:center}.mobile-flex-between{display:flex;align-items:center;justify-content:space-between}.mobile-flex-start{display:flex;align-items:center;justify-content:flex-start}.mobile-flex-end{display:flex;align-items:center;justify-content:flex-end}