:root{--color-bg: #000000;--color-card-bg: #1a1a1a;--color-card-bg-hover: #252525;--color-primary: #ffffff;--color-secondary: #aaaaaa;--color-accent: #3b82f6;--color-success: #22c55e;--color-gold: #fbbf24;--color-bronze: #cd7f32;--color-silver: #c0c0c0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--font-family: "Inter", system-ui, sans-serif}body{background-color:var(--color-bg);color:var(--color-primary);font-family:var(--font-family);margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}*{box-sizing:border-box}body{min-height:100vh;display:flex;flex-direction:column}#root{flex:1;display:flex;flex-direction:column;width:100%;max-width:480px;margin:0 auto}button{cursor:pointer;border:none;font-family:inherit}.page-container{padding:var(--spacing-md);padding-bottom:80px;flex:1;overflow-y:auto}h1,h2,h3{margin:0;font-weight:700}.text-center{text-align:center}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.full-width{width:100%}