:root{--color-background:#fff;--color-surface:#f5f5f5;--color-border:#ccc;--color-text:#111;--color-text-muted:#666;--color-accent:#4f46e5;--color-accent-text:#fff;--color-danger:#dc2626;--border-radius:12px;--border-radius-sm:6px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px}@media (prefers-color-scheme:dark){:root{--color-background:#111;--color-surface:#1e1e1e;--color-border:#333;--color-text:#f5f5f5;--color-text-muted:#999;--color-accent:#6366f1;--color-accent-text:#fff;--color-danger:#ef4444}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text);min-width:900px;font-family:system-ui,-apple-system,sans-serif;font-size:16px;overflow:auto}button{cursor:pointer;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background-color:var(--color-surface);color:var(--color-text);padding:6px 12px;font-size:14px}button:hover{opacity:.85}input,select,textarea{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:6px 10px;font-size:14px}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-accent);outline-offset:1px}a{color:var(--color-accent)}