.op-ws-light{background:#ffffff38;transition:background-color .2s,transform .2s}.op-ws-light[data-state=now]{background:#f6cf86;transform:scale(1.25)}.op-ws-light[data-state=right]{background:#5fd08a}.op-ws-light[data-state=wrong]{background:0 0;box-shadow:inset 0 0 0 2px #ff8a7a}.op-ws-quote{background:var(--color-surface-2);box-shadow:inset 3px 0 0 color-mix(in oklab, var(--color-accent) 70%, transparent)}.op-ws-gap{vertical-align:-.2em;min-width:2.6em;height:1.3em;font-family:var(--font-sans);color:#3b1d0b;background:linear-gradient(#ffd98a,#e29a2c);border-radius:999px;place-items:center;margin:0 .1em;padding:0 .4em;font-size:.85em;font-weight:700;display:inline-grid}.op-ws-name{color:inherit;background:color-mix(in oklab, var(--color-accent) 30%, transparent);border-radius:.3em;padding:0 .2em;font-weight:600;animation:.36s both op-ws-fill}@keyframes op-ws-fill{0%{background:color-mix(in oklab, var(--color-accent) 70%, transparent)}}.op-ws-choice{transition:transform .14s,border-color .14s,background-color .16s,opacity .2s}.op-ws-choice:hover:not(:disabled){border-color:var(--color-brand)}.op-ws-choice:active:not(:disabled){transform:scale(.97)}.op-ws-choice:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.op-ws-choice[data-state=right]{color:var(--color-ok);border-color:var(--color-ok);background:var(--color-ok-soft)}.op-ws-choice[data-state=wrong]{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-danger-soft)}.op-ws-choice[data-state=dim]{opacity:.55}.op-ws-card,.op-ws-reveal{animation:.32s both op-ws-rise}@keyframes op-ws-rise{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.op-ws-light,.op-ws-choice,.op-ws-choice:active:not(:disabled){transition:none;transform:none}.op-ws-card,.op-ws-reveal,.op-ws-name{animation:none}}