.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;border:none;font-weight:500;display:inline-flex;position:relative}.btn:active:not(:disabled){transform:scale(.98)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn__content{align-items:center;gap:var(--space-2);display:inline-flex}.btn--primary{background:var(--color-accent);color:var(--text-inverse)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn--secondary{color:var(--text-secondary);border:1px solid var(--color-border);text-transform:none;letter-spacing:normal;background:0 0}.btn--secondary:hover:not(:disabled){background:var(--color-surface-3);border-color:var(--color-border-hover)}.btn--outline{color:var(--color-accent);border:1px solid var(--color-accent);background-color:#0000}.btn--outline:hover:not(:disabled){background:var(--color-accent-bg)}.btn--ghost{color:var(--text-secondary);text-transform:none;letter-spacing:normal;background-color:#0000}.btn--ghost:hover:not(:disabled){background-color:var(--color-surface-3);color:var(--text-primary)}.btn--danger{background:var(--color-error);color:var(--text-inverse)}.btn--danger:hover:not(:disabled){filter:brightness(1.1)}.btn--danger-quiet{color:var(--text-secondary);border:1px solid var(--color-border);text-transform:none;letter-spacing:normal;background:0 0}.btn--danger-quiet:hover:not(:disabled){background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error)}.btn--danger-quiet:focus-visible{outline-color:var(--color-error)}.btn--small{padding:var(--space-2) var(--space-3);font-size:.75rem}.btn--medium{padding:var(--space-3) var(--space-6);font-size:.8125rem}.btn--large{padding:var(--space-4) var(--space-8);font-size:.875rem}.btn--icon-only{padding:var(--space-2);text-transform:none;letter-spacing:normal}.btn--icon-only.btn--small{padding:var(--space-1)}.btn--icon-only.btn--large{padding:var(--space-3)}.btn--full-width{width:100%}.btn--loading{color:#0000}.btn__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.6s linear infinite spin;position:absolute}.btn__content--loading{visibility:hidden;align-items:center;gap:var(--space-2);display:inline-flex}@keyframes spin{to{transform:rotate(360deg)}}