.omr-timing{background-image:repeating-linear-gradient(to bottom, var(--omr-timing) 0 5px, transparent 5px 20px);background-size:100% 100%}.omr-timing-x{background-image:repeating-linear-gradient(to right, var(--omr-timing) 0 5px, transparent 5px 20px)}.omr-grid{background-image:linear-gradient(to right, color-mix(in oklch, var(--omr-line) 35%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklch, var(--omr-line) 35%, transparent) 1px, transparent 1px);background-size:28px 28px}.omr-bubble{border:1.5px solid var(--omr-line);color:var(--primary);background:var(--card);font-family:var(--font-accent);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative}.omr-bubble>.omr-fill{background:var(--omr-mark);border-radius:999px;position:absolute;inset:1px}.omr-bubble[data-state=right]{border-color:var(--omr-right)}.omr-bubble[data-state=right]>.omr-fill{background:var(--omr-right)}.omr-bubble[data-state=answer]{border-color:var(--omr-right);border-style:dashed;border-width:2px}.omr-strike{pointer-events:none;position:absolute;inset:0}.omr-strike:before,.omr-strike:after{content:"";background:var(--omr-wrong);border-radius:999px;width:2px;position:absolute;top:-4px;bottom:-4px;left:50%}.omr-strike:before{transform:translate(-50%)rotate(40deg)}.omr-strike:after{transform:translate(-50%)rotate(-40deg)}@media (prefers-reduced-motion:no-preference){.omr-bubble>.omr-fill{animation:.26s cubic-bezier(.3,.6,.3,1) both omr-pencil}@keyframes omr-pencil{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.omr-strike:before,.omr-strike:after{animation:.22s ease-out .18s both omr-strike}@keyframes omr-strike{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.omr-filed{animation:.36s cubic-bezier(.2,.7,.2,1) both omr-file}@keyframes omr-file{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.omr-reveal{animation:.24s ease-out both omr-reveal}@keyframes omr-reveal{0%{opacity:0}to{opacity:1}}}