:root{--color-primary: #E8445A;--color-primary-dark: #C73650;--color-secondary: #4ECDC4;--color-secondary-dark: #3BAFA7;--color-accent: #FFD93D;--color-background: #0D1B3E;--color-surface: #162550;--color-border: #243870;--color-text: #F0F4FF;--color-text-light: #8AAAD4;--color-text-on-primary: #FFFFFF;--color-success: #6BCB77;--color-success-light: #0E3B1A;--color-error: #FF6B6B;--color-error-light: #3B0E0E;--color-warning: #FFD93D;--color-young: #FF9F43;--color-young-light: #7B7FD4;--color-older: #7B7FD4;--color-older-light: #1A1B3A;--color-star: #FFD93D;--color-star-empty: #2D3866;--color-avatar-bg: #1E2B5C;--gloss-gradient: linear-gradient(180deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,.08) 50%, rgba(0,0,0,.12) 100%);--gloss-shadow: inset 0 2px 0 rgba(255,255,255,.4), inset 0 -3px 0 rgba(0,0,0,.28), inset 2px 0 0 rgba(255,255,255,.1), inset -2px 0 0 rgba(0,0,0,.1), 0 6px 20px rgba(0,0,0,.5);--card-bevel-shadow: inset 0 2px 0 rgba(255,255,255,.12), inset 0 -2px 0 rgba(0,0,0,.2), 0 4px 12px rgba(0,0,0,.35)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}html,body{background-color:#f5a623}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font-family:inherit}.safe-area{display:flex;flex-direction:column;height:100%;overflow:hidden;padding-top:min(env(safe-area-inset-top,0px),5vh);padding-bottom:min(env(safe-area-inset-bottom,0px),5vh);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}