.vx-rec{display:inline-flex;flex-direction:column;align-items:center;gap:10px}
.vx-rec__btn{width:76px;height:76px;border-radius:50%;border:1px solid rgba(0,0,0,.4);cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:var(--transition-control);
  background:var(--record);color:#fff;box-shadow:var(--inset-top-strong),var(--shadow-record)}
.vx-rec__btn:hover:not(:disabled){filter:brightness(1.08)}
.vx-rec__btn:active:not(:disabled){transform:translateY(1px);box-shadow:var(--inset-top-strong),var(--shadow-1)}
.vx-rec__btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}
/* Главная кнопка игры. Своя тень перекрывала кольцо фокуса, а без кольца
   клавиатурный игрок не видит, что запись под нажатием. */
.vx-rec__btn:focus-visible{box-shadow:var(--ring),var(--inset-top-strong),var(--shadow-record)}
.vx-rec__btn--rec{animation:vx-rec 1.6s var(--ease-out) infinite}
.vx-rec__btn--idlelisten{background:var(--surface-3);color:var(--text-1);border-color:var(--border-2);box-shadow:var(--inset-top),var(--shadow-2)}
/* Стоп прослушивания: янтарное кольцо на тёмном — остановить звук, но не запись. */
.vx-rec__btn--listenstop{background:var(--surface-2);color:var(--accent);border:1.5px solid var(--border-accent);
  box-shadow:var(--inset-top),var(--shadow-2)}
.vx-rec__cap{font:var(--type-small);color:var(--text-3);text-align:center}
.vx-rec__time{font:var(--type-mono);color:var(--record);font-variant-numeric:tabular-nums}