:root{--color-primary: #2563EB;--color-primary-hover: #1D4ED8;--color-primary-active: #1E40AF;--color-accent: #60A5FA;--color-bg: #0B0F19;--color-bg-secondary: #111827;--color-bg-card: #1F2937;--color-bg-elevated: #263144;--color-text: #E5E7EB;--color-text-secondary: #9CA3AF;--color-text-disabled: #4B5563;--color-text-inverse: #0B0F19;--color-border: #374151;--color-border-subtle: #1F2937;--color-border-focus: #2563EB;--color-success: #10B981;--color-success-bg: rgba(16, 185, 129, .12);--color-success-border: rgba(16, 185, 129, .3);--color-warning: #F59E0B;--color-warning-bg: rgba(245, 158, 11, .12);--color-warning-border: rgba(245, 158, 11, .3);--color-error: #EF4444;--color-error-bg: rgba(239, 68, 68, .12);--color-error-border: rgba(239, 68, 68, .3);--color-info: #3B82F6;--color-info-bg: rgba(59, 130, 246, .12);--color-info-border: rgba(59, 130, 246, .3);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .06);--shadow-primary: 0 4px 20px rgba(37, 99, 235, .35);--font-family: "Inter", system-ui, -apple-system, sans-serif;--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;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--transition-fast: .15s ease-out;--transition-normal: .25s ease-out;--transition-slow: .35s ease-out;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--font-weight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}::-webkit-scrollbar{width:6px;height:6px}::-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-text-disabled)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg-secondary)}h1,h2,h3,h4,h5,h6{color:var(--color-text);line-height:var(--leading-tight);font-weight:var(--font-weight-semibold)}p{line-height:var(--leading-relaxed);color:var(--color-text-secondary)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}a:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}button{font-family:var(--font-family);cursor:pointer;border:none;background:none}button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}button:disabled{cursor:not-allowed}input,textarea,select{font-family:var(--font-family);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #2563eb33}input::placeholder,textarea::placeholder{color:var(--color-text-disabled)}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed}select option{background-color:var(--color-bg-card);color:var(--color-text)}img,video{max-width:100%;display:block}ul,ol{list-style:none}hr{border:none;border-top:1px solid var(--color-border)}code,pre{font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--text-sm);background-color:var(--color-bg-card);border-radius:var(--radius-sm)}code{padding:2px var(--space-1)}pre{padding:var(--space-4);overflow-x:auto}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.block{display:block}.hidden{display:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100dvh}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-muted{color:var(--color-text-secondary)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}