:root{--ms-primary: #FFB300;--ms-primary-gradient: linear-gradient(135deg, #FFB300 0%, #FF8F00 100%);--ms-secondary: #29B6F6;--ms-secondary-gradient: linear-gradient(135deg, #29B6F6 0%, #0288D1 100%);--ms-accent: #FF5252;--ms-accent-gradient: linear-gradient(135deg, #FF5252 0%, #D32F2F 100%);--ms-success: #66BB6A;--ms-success-gradient: linear-gradient(135deg, #66BB6A 0%, #43A047 100%);--ms-bg: #F5F7FA;--ms-text-main: #263238;--ms-text-sub: #78909C;--ms-text-light: #FFFFFF;--ms-border: #ECEFF1;--ms-card-bg: #FFFFFF;--ms-radius-sm: 8px;--ms-radius-md: 16px;--ms-radius-lg: 24px;--ms-radius-full: 9999px;--ms-spacing-xs: 4px;--ms-spacing-sm: 8px;--ms-spacing-md: 16px;--ms-spacing-lg: 24px;--ms-spacing-xl: 32px;--ms-shadow-sm: 0 2px 8px rgba(38, 50, 56, .04);--ms-shadow-md: 0 8px 24px rgba(38, 50, 56, .08);--ms-shadow-lg: 0 16px 48px rgba(38, 50, 56, .12);--ms-shadow-primary: 0 8px 20px rgba(255, 179, 0, .3);--ms-shadow-secondary: 0 8px 20px rgba(41, 182, 246, .3);--ms-shadow-accent: 0 8px 20px rgba(255, 82, 82, .3)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:var(--ms-text-main);background-color:var(--ms-bg);background-image:radial-gradient(at 0% 0%,rgba(255,179,0,.1) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(41,182,246,.1) 0px,transparent 50%);background-attachment:fixed}#app{min-height:100vh;display:flex;flex-direction:column}.ms-container{padding:var(--ms-spacing-lg);max-width:600px;margin:0 auto;width:100%}.font-bold{font-weight:700}h1,h2,h3{color:var(--ms-text-main);font-weight:800;letter-spacing:-.5px;margin-bottom:var(--ms-spacing-md)}h1{font-size:28px}h2{font-size:20px}h3{font-size:16px}.pb-safe{padding-bottom:calc(var(--ms-spacing-xl) + 60px + env(safe-area-inset-bottom))}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.list-enter-active,.list-leave-active{transition:all .4s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translateY(20px)}.mt-xs{margin-top:var(--ms-spacing-xs)}.mt-sm{margin-top:var(--ms-spacing-sm)}.mt-md{margin-top:var(--ms-spacing-md)}.mt-lg{margin-top:var(--ms-spacing-lg)}.mt-xl{margin-top:var(--ms-spacing-xl)}.mb-xs{margin-bottom:var(--ms-spacing-xs)}.mb-sm{margin-bottom:var(--ms-spacing-sm)}.mb-md{margin-bottom:var(--ms-spacing-md)}.mb-lg{margin-bottom:var(--ms-spacing-lg)}.mb-xl{margin-bottom:var(--ms-spacing-xl)}.ml-xs{margin-left:var(--ms-spacing-xs)}.ml-sm{margin-left:var(--ms-spacing-sm)}.ml-md{margin-left:var(--ms-spacing-md)}.ml-lg{margin-left:var(--ms-spacing-lg)}.ml-xl{margin-left:var(--ms-spacing-xl)}.mr-xs{margin-right:var(--ms-spacing-xs)}.mr-sm{margin-right:var(--ms-spacing-sm)}.mr-md{margin-right:var(--ms-spacing-md)}.mr-lg{margin-right:var(--ms-spacing-lg)}.mr-xl{margin-right:var(--ms-spacing-xl)}.px-xs{padding-left:var(--ms-spacing-xs);padding-right:var(--ms-spacing-xs)}.px-sm{padding-left:var(--ms-spacing-sm);padding-right:var(--ms-spacing-sm)}.px-md{padding-left:var(--ms-spacing-md);padding-right:var(--ms-spacing-md)}.px-lg{padding-left:var(--ms-spacing-lg);padding-right:var(--ms-spacing-lg)}.px-xl{padding-left:var(--ms-spacing-xl);padding-right:var(--ms-spacing-xl)}.py-xs{padding-top:var(--ms-spacing-xs);padding-bottom:var(--ms-spacing-xs)}.py-sm{padding-top:var(--ms-spacing-sm);padding-bottom:var(--ms-spacing-sm)}.py-md{padding-top:var(--ms-spacing-md);padding-bottom:var(--ms-spacing-md)}.py-lg{padding-top:var(--ms-spacing-lg);padding-bottom:var(--ms-spacing-lg)}.py-xl{padding-top:var(--ms-spacing-xl);padding-bottom:var(--ms-spacing-xl)}