.hc-opt{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;min-height:48px;color:var(--foreground);font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0 .5rem;font-size:1rem;font-weight:500;line-height:1;display:inline-flex}.hc-opt:focus-visible{border-color:var(--accent);box-shadow:var(--ring);outline:none}.hc-opt:disabled{cursor:default}@media (hover:hover){.hc-opt:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2)}}.hc-opt[data-state=right]{border-color:var(--accent);background:var(--accent);color:var(--accent-foreground)}.hc-opt[data-state=wrong]{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.hc-dot{background:var(--border-strong);border-radius:999px;width:.5rem;height:.5rem;display:block}html[data-motion=on] .hc-opt{transition:background-color .15s ease, border-color .15s ease, color .15s ease, scale var(--dur-press) var(--ease-press)}html[data-motion=on] .hc-opt:active:not(:disabled){scale:.96}html[data-motion=on] .hc-opt[data-state=wrong]{animation:hc-shake .36s var(--ease-press) 1}html[data-motion=on] .hc-opts{animation:.24s ease-out hc-rise}html[data-motion=on] .hc-dot{animation:1.2s ease-in-out infinite hc-pulse}@keyframes hc-shake{0%,to{translate:0}25%{translate:-4px}75%{translate:4px}}@keyframes hc-rise{0%{opacity:0;translate:0 4px}}@keyframes hc-pulse{50%{opacity:.35}}