.ui-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-paper);min-width:var(--touch-paper);border:2px solid var(--brass-dark);border-radius:var(--radius-instrument);padding:var(--space-3) var(--space-5);color:var(--paper);background:var(--texture-enamel,var(--enamel));font:calc(var(--text-base) * var(--text-scale))/var(--leading) var(--font-ui);cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 var(--tap-offset) 0 var(--brass-dark), inset 0 1px color-mix(in srgb, var(--paper) 25%, transparent);transition:transform var(--motion-tap) ease-out, box-shadow var(--motion-tap) ease-out;display:inline-flex}.ui-button:focus-visible{outline:var(--focus-ring);outline-offset:var(--space-1)}.ui-button--instrument{min-height:var(--touch-instrument)}.ui-button--paper{background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:var(--radius-paper);box-shadow:0 2px 0 var(--paper-shade)}.ui-button--signal{background:var(--signal);color:var(--ink);border-color:var(--brass-dark);font-weight:650}.ui-button:not(:disabled):hover{outline:2px solid var(--brass);outline-offset:2px}.ui-button:not(:disabled):active,.ui-button[data-pressed=true]{transform:translateY(var(--tap-offset));box-shadow:inset 0 2px var(--shadow-ink)}.ui-button:disabled{background:var(--paper-shade);color:var(--ink-soft);border:2px dashed var(--ink-soft);box-shadow:none;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.ui-button{transition:none}.ui-button:not(:disabled):active,.ui-button[data-pressed=true]{transform:none}}