:root{--color-bg:#fff;--color-bg-subtle:#f5f5f5;--color-border:#e5e5e5;--color-text:#171717;--color-text-muted:#737373;--color-accent:#171717;--color-accent-fg:#fff;--sidebar-width:220px;--topbar-height:56px;--font-sans:system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, monospace;--radius-sm:4px;--radius-md:8px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}.btn-primary{background:var(--color-accent);color:var(--color-accent-fg);border-radius:var(--radius-sm);font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;border:none;padding:8px 16px}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-sans);cursor:pointer;background:0 0;padding:6px 12px;text-decoration:none}.btn-outline:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text-muted)}.btn-outline:disabled{opacity:.5;cursor:default}