.op-or-card{transition:border-color .16s,background-color .16s,transform .2s}.op-or-n{color:#1d1b3a;background:#f6cf86}.op-or-move{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);transition:transform .14s,background-color .14s}.op-or-move:hover:not(:disabled){background:var(--color-surface-3)}.op-or-move:active:not(:disabled){transform:scale(.92)}.op-or-move:disabled{opacity:.3}.op-or-move:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.op-or-card[data-state=in]{border-color:var(--color-ok);background:color-mix(in oklab, var(--color-ok) 10%, var(--color-surface-2))}.op-or-card[data-state=out]{border-color:var(--color-danger)}.op-or-result{animation:.36s both op-or-rise}@keyframes op-or-rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.op-or-card,.op-or-move,.op-or-move:active:not(:disabled){transition:none;transform:none}.op-or-result{animation:none}}