.mobile-app-container{width:100%;height:100%;height:var(--app-height);max-width:480px;margin:0 auto;overflow:hidden;position:relative;display:flex;flex-direction:column}.mobile-app-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative;z-index:10}.mobile-nav-bar{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;z-index:50;height:4rem;padding-bottom:var(--safe-bottom)}.mobile-top-nav{position:fixed;top:0;left:0;right:0;max-width:480px;margin:0 auto;z-index:50;height:4rem;padding-top:var(--safe-top)}.text-container{overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.text-container-strict{overflow:hidden;word-break:break-all;overflow-wrap:anywhere;max-width:100%}.nav-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block}.btn-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.card-content{overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.text-wrap{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.text-wrap-anywhere{word-break:break-word;overflow-wrap:anywhere;max-width:100%}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.flex-text{min-width:0;flex-shrink:1;max-width:100%}.flex-text>*{min-width:0;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.grid-text{min-width:0;max-width:100%}.grid-text>*{min-width:0;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}@media (max-width: 768px){.mobile-text{font-size:.875rem;line-height:1.25rem;word-break:break-word;overflow-wrap:break-word;max-width:100%}.mobile-text-sm{font-size:.75rem;line-height:1rem;word-break:break-word;overflow-wrap:break-word;max-width:100%}.mobile-title{font-size:1.25rem;line-height:1.5rem;word-break:break-word;overflow-wrap:break-word;max-width:100%}button{word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.nav-item{min-width:0;flex-shrink:1;max-width:100%}.nav-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block}.container-text{max-width:100%;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}}.touch-target{min-height:44px;min-width:44px}*,*:before,*:after{box-sizing:border-box;max-width:100%}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}@keyframes pulseGentle{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes geometricPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gradient-x{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.animate-pulse-gentle{animation:pulseGentle 2s cubic-bezier(.4,0,.6,1) infinite}.animate-float{animation:float 6s ease-in-out infinite}.animate-geometric-pulse{animation:geometricPulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-slide-up{animation:slideUp .3s ease-out}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-gradient-x{animation:gradient-x 3s ease-in-out infinite}.touch-feedback:active{transform:scale(.98);transition:transform .1s ease-out}.mobile-nav-bar,.mobile-top-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.bg-geometric-blue{background-color:#2563eb}.bg-geometric-green{background-color:#10b981}.bg-geometric-yellow{background-color:#f59e0b}.bg-geometric-purple{background-color:#8b5cf6}.bg-geometric-pink{background-color:#ec4899}.bg-geometric-orange{background-color:#f97316}.text-geometric-blue{color:#2563eb}.text-geometric-green{color:#10b981}.text-geometric-yellow{color:#f59e0b}.text-geometric-purple{color:#8b5cf6}.text-geometric-pink{color:#ec4899}.text-geometric-orange{color:#f97316}:root{--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);--safe-right: env(safe-area-inset-right)}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pt-safe{padding-top:var(--safe-top)}.pb-safe{padding-bottom:var(--safe-bottom)}.pl-safe{padding-left:var(--safe-left)}.pr-safe{padding-right:var(--safe-right)}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.ios-momentum-scrolling{-webkit-overflow-scrolling:touch}.main-content{padding-top:4rem;padding-bottom:4rem;min-height:calc(100vh - 8rem)}.bg-geometric-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23627d98' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.text-wrap{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.text-wrap-anywhere{word-break:break-word;overflow-wrap:anywhere}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text-container{overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.text-container-strict{overflow:hidden;word-break:break-all;overflow-wrap:anywhere}.text-responsive{font-size:clamp(.75rem,2vw,1rem);line-height:1.4}.text-responsive-sm{font-size:clamp(.6rem,1.5vw,.875rem);line-height:1.3}.text-responsive-lg{font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.5}.btn-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.card-content{overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.nav-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #627d98;outline-offset:2px}@media (max-width: 768px){.mobile-text{font-size:.875rem;line-height:1.25rem;word-break:break-word;overflow-wrap:break-word}.mobile-text-sm{font-size:.75rem;line-height:1rem;word-break:break-word;overflow-wrap:break-word}.mobile-title{font-size:1.25rem;line-height:1.5rem;word-break:break-word;overflow-wrap:break-word}button{word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.nav-item{min-width:0;flex-shrink:1}.nav-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}}*{box-sizing:border-box}.container-text{max-width:100%;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}.flex-text{min-width:0;flex-shrink:1}.flex-text>*{min-width:0;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}.grid-text{min-width:0}.grid-text>*{min-width:0;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}