:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}@supports (padding-top: env(safe-area-inset-top)){html{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.mobile-app-container{height:100vh;height:100dvh;overflow:hidden;position:relative;background:linear-gradient(to bottom,#1a2744,#0a1628)}.mobile-safe-area{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.mobile-app-header{background:linear-gradient(135deg,#1a2744,#0a1628);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100;padding:12px 20px}.mobile-card{background:#1a2744f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;box-shadow:0 10px 40px #0000004d}.mobile-button-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;padding:16px 24px;font-weight:600;font-size:16px;box-shadow:0 4px 20px #3b82f64d;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0);will-change:transform}.mobile-button-primary:active{transform:scale(.96) translateZ(0);box-shadow:0 2px 10px #3b82f64d}.mobile-button-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px 24px;font-weight:600;font-size:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 20px;color:#fff;font-size:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.mobile-input:focus{background:#ffffff14;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.mobile-input::-moz-placeholder{color:#fff6}.mobile-input::placeholder{color:#fff6}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to top,#0a1628,#1a2744);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));z-index:100}.mobile-list-item{background:#ffffff08;border-radius:12px;padding:16px 20px;margin-bottom:8px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.mobile-list-item:active{background:#ffffff14;transform:scale(.98)}.mobile-status-bar{height:env(safe-area-inset-top);background:linear-gradient(to bottom,#1a2744,#0a1628);position:fixed;top:0;left:0;right:0;z-index:200}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-slide-up{animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.mobile-fade-in{animation:fadeIn .3s ease-out}.mobile-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.mobile-scroll::-webkit-scrollbar{display:none}.mobile-title{font-size:28px;font-weight:700;color:#fff;margin:0;line-height:1.2}.mobile-subtitle{font-size:16px;color:#ffffffb3;margin:8px 0 0;line-height:1.4}.mobile-body{font-size:16px;color:#ffffffe6;line-height:1.5}.mobile-caption{font-size:14px;color:#fff9;line-height:1.4}.mobile-spacing-xs{margin-bottom:8px}.mobile-spacing-sm{margin-bottom:12px}.mobile-spacing-md{margin-bottom:16px}.mobile-spacing-lg{margin-bottom:24px}.mobile-spacing-xl{margin-bottom:32px}.mobile-grid{display:grid;gap:16px;padding:20px}.mobile-grid-2{grid-template-columns:1fr 1fr}.mobile-grid-3{grid-template-columns:repeat(3,1fr)}.mobile-grid-4{grid-template-columns:repeat(4,1fr)}.mobile-icon{width:24px;height:24px;color:#fffc}.mobile-icon-large{width:48px;height:48px;color:#ffffffe6}@media (max-width: 768px){.mobile-grid-3,.mobile-grid-4{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.mobile-grid-2,.mobile-grid-3,.mobile-grid-4{grid-template-columns:1fr}}