:root{--color-bg:#f5f7fa;--color-bg-secondary:#ffffff;--color-bg-tertiary:#f0f2f5;--color-text:#1a1d21;--color-text-secondary:#3d4852;--color-text-muted:#6b7280;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:rgba(37,99,235,0.1);--color-success:#059669;--color-success-light:rgba(5,150,105,0.1);--color-danger:#dc2626;--color-danger-light:rgba(220,38,38,0.1);--color-warning:#d97706;--color-warning-light:rgba(217,119,6,0.1);--color-info:#0891b2;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.07),0 2px 4px -1px rgba(0,0,0,0.04);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -2px rgba(0,0,0,0.04);--transition:0.15s ease;--transition-slow:0.25s ease;--font-mono:"SF Mono","Fira Code","Consolas",monospace}@media(prefers-color-scheme:dark){:root{--color-bg:#0f1117;--color-bg-secondary:#1a1d24;--color-bg-tertiary:#252830;--color-text:#f3f4f6;--color-text-secondary:#d1d5db;--color-text-muted:#9ca3af;--color-border:#2d3139;--color-border-light:#252830;--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-primary-light:rgba(59,130,246,0.15);--color-success-light:rgba(5,150,105,0.15);--color-danger-light:rgba(220,38,38,0.15);--color-warning-light:rgba(217,119,6,0.15);--shadow-sm:0 1px 2px rgba(0,0,0,0.2);--shadow:0 1px 3px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.2);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.3),0 2px 4px -1px rgba(0,0,0,0.2);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.35),0 4px 6px -2px rgba(0,0,0,0.2)}}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-hover)}button{cursor:pointer}button,input,select,textarea{font-family:inherit;font-size:inherit}::selection{background:var(--color-primary);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}