:root,[data-theme=light]{--color-bg-primary: #ffffff;--color-bg-secondary: #f5f5f5;--color-bg-tertiary: #e8e8e8;--color-bg-elevated: #ffffff;--color-text-primary: #1a1a1a;--color-text-secondary: #4a4a4a;--color-text-tertiary: #6a6a6a;--color-accent: #0066cc;--color-accent-hover: #0052a3;--color-accent-light: rgba(0, 102, 204, .1);--color-border: #d4d4d4;--color-border-light: #e8e8e8;--color-border-strong: #b0b0b0;--color-success: #0f7b0f;--color-warning: #946c00;--color-error: #c41e3a;--color-info: #0066cc;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}[data-theme=dark]{--color-bg-primary: #1a1a1a;--color-bg-secondary: #242424;--color-bg-tertiary: #2e2e2e;--color-bg-elevated: #333333;--color-text-primary: #e4e4e4;--color-text-secondary: #b8b8b8;--color-text-tertiary: #8a8a8a;--color-accent: #4a9eff;--color-accent-hover: #6db0ff;--color-accent-light: rgba(74, 158, 255, .15);--color-border: #3a3a3a;--color-border-light: #2a2a2a;--color-border-strong: #4a4a4a;--color-success: #4ade80;--color-warning: #fbbf24;--color-error: #f87171;--color-info: #60a5fa;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--color-text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:var(--color-text-secondary)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-accent-hover)}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button{font-family:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--color-text-primary);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border)}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-md);border:2px solid var(--color-bg-secondary)}::-webkit-scrollbar-thumb:hover{background:#5a5a5a}::selection{background-color:var(--color-accent-light);color:var(--color-text-primary)}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}