:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a26;--bg-hover: #22222e;--bg-modal-overlay: rgba(0, 0, 0, .65);--text-primary: #f0f0f5;--text-secondary: #8888a0;--text-muted: #55556a;--accent: #6c5ce7;--accent-glow: rgba(108, 92, 231, .35);--accent-light: #a29bfe;--success: #00cec9;--warning: #fdcb6e;--border: rgba(255, 255, 255, .06);--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--sp-2xl: 48px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 50%;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 30px rgba(0, 0, 0, .45);--shadow-glow: 0 0 20px var(--accent-glow)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;color:var(--text-primary);background:var(--bg-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}::-webkit-scrollbar{width:0}