:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #12121a;--color-bg-card: #1a1a25;--color-bg-card-hover: #222233;--color-bg-surface: #1e1e2e;--color-bg-modal: rgba(0, 0, 0, .8);--color-text-primary: #ffffff;--color-text-secondary: #a0a0b0;--color-text-muted: #6a6a80;--color-text-on-accent: #ffffff;--color-accent-primary: #3a86ff;--color-accent-secondary: #8338ec;--color-accent-gradient: linear-gradient(135deg, #3a86ff, #8338ec);--color-border: #2a2a3a;--color-border-light: #3a3a4a;--color-success: #4ade80;--color-warning: #facc15;--color-error: #f87171;--color-info: #60a5fa;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 25px rgba(58, 134, 255, .15);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .4);--shadow-card: 0 20px 40px rgba(0, 0, 0, .3);--shadow-button: 0 10px 25px rgba(58, 134, 255, .3);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-popover: 1100;--z-toast: 1200}html{scroll-behavior:smooth;scroll-padding-top:80px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-text-primary)}p{color:var(--color-text-secondary)}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-secondary)}::selection{background-color:var(--color-accent-primary);color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-accent{color:var(--color-accent-primary)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-card{background-color:var(--color-bg-card)}.bg-surface{background-color:var(--color-bg-surface)}input,textarea,select{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--color-text-primary);font-size:var(--text-base);transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent-primary)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}code{font-family:Courier New,monospace;background:var(--color-bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.9em;color:var(--color-text-secondary)}pre{background:var(--color-bg-secondary);padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto;border:1px solid var(--color-border)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){:root{--text-5xl: 2.5rem;--text-4xl: 2rem;--text-3xl: 1.75rem;--text-2xl: 1.5rem}}@media (max-width: 480px){:root{--text-5xl: 2rem;--text-4xl: 1.75rem;--text-3xl: 1.5rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}@media (min-width: 1024px){html{font-size:13px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}