:root{--bg-app: #f5f6f8;--bg-card: #ffffff;--bg-elevated: #ffffff;--border: #e6e8ec;--text-primary: #1a1d24;--text-secondary: #5a6171;--text-tertiary: #8b94a7;--brand: #0066ff;--brand-hover: #0052cc;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--gradient-hero: linear-gradient(135deg, #0066ff 0%, #6e3cff 50%, #ff3c8c 100%)}html[data-theme=dark]{--bg-app: #0c0d10;--bg-card: #131418;--bg-elevated: #1a1c22;--border: #23262e;--text-primary: #e8eaef;--text-secondary: #9aa0ad;--text-tertiary: #5f6573;--brand: #2f6bff;--brand-hover: #4f85ff;--gradient-hero: linear-gradient(135deg, #2f6bff 0%, #6e3cff 100%)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg-app);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.glass{background:color-mix(in srgb,var(--bg-card) 75%,transparent);backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--border)}.gradient-text{background:var(--gradient-hero);-webkit-background-clip:text;background-clip:text;color:transparent}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}