:root{--mobile-header-height:56px;--mobile-nav-height:64px;--mobile-safe-area-top:env(safe-area-inset-top,0px);--mobile-safe-area-bottom:env(safe-area-inset-bottom,0px);--mobile-safe-area-left:env(safe-area-inset-left,0px);--mobile-safe-area-right:env(safe-area-inset-right,0px);--touch-target-min:44px;--touch-target-comfort:48px;--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-space-xs:0.25rem;--mobile-space-sm:0.5rem;--mobile-space-md:1rem;--mobile-space-lg:1.5rem;--mobile-space-xl:2rem;--animation-fast:150ms;--animation-normal:250ms;--animation-slow:400ms}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#0f172a;color:#fff;overflow-x:hidden;touch-action:manipulation}.touch-device{cursor:default}.touch-device *{cursor:default!important}.touch-device [role=button],.touch-device button,.touch-device input[type=button],.touch-device input[type=submit]{cursor:pointer!important}.mobile-container{width:100%;max-width:100vw;margin:0 auto;position:relative;min-height:100vh;display:flex;flex-direction:column}.mobile-header{position:sticky;top:0;height:var(--mobile-header-height);background:rgba(15,23,42,.95);backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.1);z-index:1000;padding-top:var(--mobile-safe-area-top);display:flex;align-items:center;justify-content:space-between;padding-left:max(var(--mobile-space-md),var(--mobile-safe-area-left));padding-right:max(var(--mobile-space-md),var(--mobile-safe-area-right))}.mobile-header h1{font-size:var(--mobile-text-lg);font-weight:600;margin:0;color:#3b82f6}.mobile-content{flex:1;padding:var(--mobile-space-md);padding-bottom:calc(var(--mobile-nav-height) + var(--mobile-safe-area-bottom) + var(--mobile-space-md));overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.mobile-content::-webkit-scrollbar{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--mobile-nav-height) + var(--mobile-safe-area-bottom));background:rgba(15,23,42,.95);backdrop-filter:blur(20px);border-top:1px solid hsla(0,0%,100%,.1);z-index:1000;padding-bottom:var(--mobile-safe-area-bottom)}.mobile-nav,.mobile-nav-item{display:flex;align-items:center}.mobile-nav-item{flex:1;flex-direction:column;justify-content:center;min-height:var(--touch-target-min);padding:var(--mobile-space-xs) var(--mobile-space-sm);background:none;border:none;color:hsla(0,0%,100%,.6);text-decoration:none;transition:all var(--animation-fast) ease;cursor:pointer}.mobile-nav-item:active{transform:scale(.95);background:hsla(0,0%,100%,.1)}.mobile-nav-item.active{color:#3b82f6;background:rgba(59,130,246,.1)}.mobile-nav-icon{font-size:1.25rem;margin-bottom:var(--mobile-space-xs)}.mobile-nav-label{font-size:var(--mobile-text-xs);font-weight:500}.btn-mobile{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--mobile-space-sm) var(--mobile-space-md);border:none;border-radius:.5rem;font-size:var(--mobile-text-sm);font-weight:500;cursor:pointer;transition:all var(--animation-fast) ease;display:flex;align-items:center;justify-content:center;gap:var(--mobile-space-sm);position:relative;overflow:hidden}.btn-mobile:active{transform:scale(.96)}.btn-mobile:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-mobile-primary{background:#3b82f6;color:#fff}.btn-mobile-primary:hover{background:#2563eb}.btn-mobile-secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.btn-mobile-secondary:hover{background:hsla(0,0%,100%,.2)}.mobile-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.75rem;padding:var(--mobile-space-md);margin-bottom:var(--mobile-space-md);transition:all var(--animation-normal) ease}.mobile-card:active{transform:scale(.98);background:hsla(0,0%,100%,.08)}.mobile-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--mobile-space-sm)}.mobile-card-title{font-size:var(--mobile-text-base);font-weight:600;margin:0;color:#fff}.mobile-card-subtitle{font-size:var(--mobile-text-sm);color:hsla(0,0%,100%,.7);margin:0}.mobile-card-content{color:hsla(0,0%,100%,.9);line-height:1.5}.mobile-grid{display:grid;gap:var(--mobile-space-md);margin-bottom:var(--mobile-space-lg)}.mobile-grid-1{grid-template-columns:1fr}.mobile-grid-2{grid-template-columns:repeat(2,1fr)}.mobile-form-group{margin-bottom:var(--mobile-space-md)}.mobile-label{display:block;font-size:var(--mobile-text-sm);font-weight:500;color:hsla(0,0%,100%,.9);margin-bottom:var(--mobile-space-sm)}.mobile-input{width:100%;min-height:var(--touch-target-comfort);padding:var(--mobile-space-sm) var(--mobile-space-md);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:.5rem;color:#fff;font-size:var(--mobile-text-base);transition:all var(--animation-fast) ease}.mobile-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.mobile-input::-moz-placeholder{color:hsla(0,0%,100%,.5)}.mobile-input::placeholder{color:hsla(0,0%,100%,.5)}.mobile-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;transition:all var(--animation-normal) ease}.mobile-modal.active{opacity:1;visibility:visible}.mobile-modal-content{background:#1e293b;border-radius:1rem 1rem 0 0;padding:var(--mobile-space-lg);padding-bottom:calc(var(--mobile-space-lg) + var(--mobile-safe-area-bottom));width:100%;max-width:500px;max-height:80vh;overflow-y:auto;transform:translateY(100%);transition:transform var(--animation-normal) ease}.mobile-modal.active .mobile-modal-content{transform:translateY(0)}.mobile-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--mobile-space-lg);padding-bottom:var(--mobile-space-md);border-bottom:1px solid hsla(0,0%,100%,.1)}.mobile-modal-title{font-size:var(--mobile-text-lg);font-weight:600;margin:0;color:#fff}.mobile-modal-close{background:none;border:none;color:hsla(0,0%,100%,.7);font-size:1.5rem;cursor:pointer;padding:var(--mobile-space-sm);min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center}.pull-to-refresh{position:relative;overflow:hidden}.pull-refresh-indicator{position:absolute;top:-60px;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.1);transition:all var(--animation-normal) ease}.pull-refresh-indicator.visible{top:0}.mobile-skeleton{background:linear-gradient(90deg,hsla(0,0%,100%,.1) 25%,hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,.1) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.5rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.mobile-skeleton-text{height:1rem;margin-bottom:var(--mobile-space-sm)}.mobile-skeleton-title{height:1.5rem;width:60%;margin-bottom:var(--mobile-space-md)}.mobile-skeleton-card{height:120px;margin-bottom:var(--mobile-space-md)}@media (max-width:320px){:root{--mobile-space-md:0.75rem;--mobile-text-base:0.9rem}.mobile-grid-2{grid-template-columns:1fr}}@media (min-width:375px){.mobile-content{padding:var(--mobile-space-lg)}}@media (min-width:480px){.mobile-container{max-width:480px}.mobile-grid-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.mobile-nav{display:none}.mobile-content{padding-bottom:var(--mobile-space-md)}.mobile-modal-content{border-radius:1rem;margin:auto;max-width:600px;transform:scale(.9)}.mobile-modal.active .mobile-modal-content{transform:scale(1)}}@media (prefers-color-scheme:dark){.mobile-card{background:rgba(0,0,0,.3);border-color:hsla(0,0%,100%,.05)}.mobile-input{background:rgba(0,0,0,.2);border-color:hsla(0,0%,100%,.1)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.battery-saver *{animation:none!important;transition:none!important}.battery-saver .mobile-skeleton{background:hsla(0,0%,100%,.1);animation:none}@media (orientation:landscape) and (max-height:500px){.mobile-header{height:48px}.mobile-nav{height:56px}.mobile-content{padding:var(--mobile-space-sm) var(--mobile-space-md)}}@media (min-resolution:192dpi){.mobile-card,.mobile-input{border-width:.5px}}