:root{--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--vh:1vh;--vw:1vw;--min-touch-target:44px;--touch-target-sm:44px;--touch-target-md:48px;--touch-target-lg:56px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--mobile-radius-sm:.7rem;--mobile-radius-md:.85rem;--mobile-radius-lg:1rem;--mobile-radius-xl:1.2rem;--mobile-radius-2xl:1.4rem;--mobile-radius-3xl:1.6rem;--mobile-radius-hero:1.9rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--header-height:64px;--header-height-mobile:56px;--header-height-notch:88px;--nav-height:56px;--nav-height-mobile:64px;--nav-height-home-indicator:80px}@media (max-width:639px){:root{--spacing-xs:.125rem;--spacing-sm:.375rem;--spacing-md:.75rem;--spacing-lg:1.25rem;--spacing-xl:1.75rem;--text-xs:.75rem;--text-sm:.813rem;--text-base:.938rem;--text-lg:1.063rem;--text-xl:1.188rem;--text-2xl:1.375rem;--text-3xl:1.625rem;--mobile-radius-sm:.8rem;--mobile-radius-md:.9rem;--mobile-radius-lg:1.1rem;--mobile-radius-xl:1.3rem;--mobile-radius-2xl:1.5rem;--mobile-radius-3xl:1.75rem;--mobile-radius-hero:2.2rem}}.h-screen-safe{height:100vh;height:calc(var(--vh,1vh) * 100)}.min-h-screen-safe{min-height:100vh;min-height:calc(var(--vh,1vh) * 100)}.max-h-screen-safe{max-height:100vh;max-height:calc(var(--vh,1vh) * 100)}.p-safe{padding-top:max(1rem, env(safe-area-inset-top));padding-right:max(1rem, env(safe-area-inset-right));padding-bottom:max(1rem, env(safe-area-inset-bottom));padding-left:max(1rem, env(safe-area-inset-left))}.pt-safe{padding-top:max(1rem, env(safe-area-inset-top))}.pr-safe{padding-right:max(1rem, env(safe-area-inset-right))}.pb-safe{padding-bottom:max(1rem, env(safe-area-inset-bottom))}.pl-safe{padding-left:max(1rem, env(safe-area-inset-left))}@supports (-webkit-touch-callout:none){.no-select{-webkit-touch-callout:none;-webkit-user-select:none}.ios-keyboard-fix{-webkit-overflow-scrolling:touch;width:100%;height:100%;position:fixed;overflow:auto}:root{--scroll-padding:env(safe-area-inset-top)}}@supports not (-webkit-touch-callout:none){.android-keyboard-fix{min-height:100vh;position:relative}}@media (min-resolution:192dpi){:root{--border-width:.5px}}.touch-target{min-height:var(--min-touch-target);min-width:var(--min-touch-target)}.touch-sm{min-width:44px;min-height:44px}.touch-md{min-width:48px;min-height:48px}.touch-lg{min-width:56px;min-height:56px}@media (min-width:640px){.mobile-only{display:none}}.tablet-only{display:none}@media (min-width:640px){.tablet-only{display:block}}@media (min-width:1024px){.tablet-only{display:none}}.desktop-only{display:none}@media (min-width:1024px){.desktop-only{display:block}}.gpu-accelerated{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.reduce-motion *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.low-res-images img{filter:blur(.5px);image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast}.device-mobile{--device-scale:.9}.device-tablet{--device-scale:.95}.device-desktop{--device-scale:1}.os-ios{--scroll-behavior:smooth}.os-android{--scroll-behavior:auto}.has-notch{--header-offset:env(safe-area-inset-top)}.has-home-indicator{--nav-offset:env(safe-area-inset-bottom)}.is-standalone{--pwa-mode:1}.text-responsive-xs{font-size:var(--text-xs)}.text-responsive-sm{font-size:var(--text-sm)}.text-responsive-base{font-size:var(--text-base)}.text-responsive-lg{font-size:var(--text-lg)}.text-responsive-xl{font-size:var(--text-xl)}.text-responsive-2xl{font-size:var(--text-2xl)}.text-responsive-3xl{font-size:var(--text-3xl)}.touch-smooth{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain}.touch-manipulation{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (max-width:639px){.glass-panel{-webkit-backdrop-filter:var(--backdrop-filter,blur(0px))}}@media (orientation:landscape){.safe-sides{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.device-mobile.landscape-compact{--header-height:48px;--nav-height:48px}}@media (prefers-reduced-data:reduce){.data-saver-hide{display:none}.data-saver-low-quality{filter:blur(.5px)}}.battery-low{transition:none;animation-play-state:paused}.breakpoint-indicator:before{content:"xs";color:#fff;z-index:9999;background:#000c;border-radius:4px;padding:4px 8px;font-size:12px;position:fixed;bottom:10px;right:10px}@media (min-width:640px){.breakpoint-indicator:before{content:"sm"}}@media (min-width:768px){.breakpoint-indicator:before{content:"md"}}@media (min-width:1024px){.breakpoint-indicator:before{content:"lg"}}@media (min-width:1280px){.breakpoint-indicator:before{content:"xl"}}@media (min-width:1536px){.breakpoint-indicator:before{content:"2xl"}}@media (max-width:639px){.rounded-lg{border-radius:var(--mobile-radius-lg)!important}.rounded-xl{border-radius:var(--mobile-radius-xl)!important}.rounded-2xl{border-radius:var(--mobile-radius-2xl)!important}.rounded-\[1\.5rem\]{border-radius:var(--mobile-radius-xl)!important}.rounded-\[3rem\],.glass-container{border-radius:var(--mobile-radius-hero)!important}.teach-card{border-radius:var(--mobile-radius-lg)!important}.teach-modal{border-radius:var(--mobile-radius-xl)!important}.teach-button,.teach-input{border-radius:var(--mobile-radius-sm)!important}}