.button{min-height:var(--pulse-control-min);font-family:var(--font-sans);font-size:var(--text-sm);border-radius:var(--radius-control);padding:7px var(--spacing-4);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;font-weight:600;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.55}.button--primary{background-color:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:650}.button--primary:hover:not(:disabled){background-color:color-mix(in srgb, var(--accent) 90%, var(--ink))}.button--secondary{background-color:var(--surface);color:var(--ink);border-color:var(--line-strong)}.button--secondary:hover:not(:disabled){background-color:var(--surface-2)}.button--compact{min-height:28px;font-size:var(--text-2xs);padding:3px var(--spacing-2);border-radius:var(--radius-badge)}.button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.button--compact:focus-visible{outline-offset:2px}@media (pointer:coarse){.button:not(.button--compact){min-height:44px}}@media (prefers-reduced-motion:no-preference){.button{transition:background-color var(--pulse-motion-fast) ease-out, border-color var(--pulse-motion-fast) ease-out}}