:root{--surface: #0B1326;--surface-2: #131F38;--surface-3: #1A2844;--tier-1: #2EC27E;--tier-2: #F5A623;--tier-3: #E8630A;--tier-4: #DC2626;--tier-5: #DC2626;--tier-6: #2EC27E;--text: #F0F4FF;--text-sec: #8B9CC4;--border: #1E2E4A;--font-headline: "Manrope", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--tap-min: 44px;--cta-height: 64px;--action-bar-h: 80px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:var(--surface);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:contain;min-width:320px}.font-headline{font-family:var(--font-headline)}.font-mono{font-family:var(--font-mono)}.text-sec{color:var(--text-sec)}:focus-visible{outline:2px solid var(--tier-1);outline-offset:2px}.tier-transition{transition:border-color .3s ease,background-color .3s ease,color .3s ease}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--text-sec);border-radius:50%;animation:spin .8s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pulse{animation:pulse 1.5s ease-in-out infinite}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}