.step-shell[data-v-cadf48e3]{--sh-surface:var(--q-surface,var(--bg-card));--sh-well:var(--q-well,var(--bg-tertiary));--sh-edge:var(--q-edge,var(--border-primary));--sh-edge-strong:var(--q-edge-strong,var(--border-secondary));--sh-ink:var(--q-ink,var(--text-primary));--sh-ink-2:var(--q-ink-2,var(--text-secondary));--sh-ink-3:var(--q-ink-3,var(--text-tertiary));--sh-accent:var(--q-accent,var(--accent));--sh-signal:var(--q-signal,var(--success));--sh-alert:var(--q-alert,var(--danger));--sh-shade:color-mix(in srgb,var(--sh-well) 92%,transparent);--sh-sheen:color-mix(in srgb,var(--sh-ink) 7%,transparent);--sh-radius:10px;--sh-led:var(--sh-ink-3);background:linear-gradient(180deg,color-mix(in srgb,var(--sh-ink) 4%,var(--sh-surface)) 0,var(--sh-surface) 38%,color-mix(in srgb,var(--sh-well) 40%,var(--sh-surface)) 100%);border:1px solid var(--sh-edge-strong);border-radius:var(--sh-radius);box-shadow:inset 0 1px 0 var(--sh-sheen),0 12px 26px -18px var(--sh-shade);min-width:0;overflow:visible;position:relative;transition:border-color .26s cubic-bezier(.2,.7,.3,1)}.step-shell.is-correct[data-v-cadf48e3]{border-color:color-mix(in srgb,var(--sh-signal) 55%,var(--sh-edge-strong))}.step-shell.is-wrong[data-v-cadf48e3]{border-color:color-mix(in srgb,var(--sh-alert) 55%,var(--sh-edge-strong))}.step-shell__head[data-v-cadf48e3]{align-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--sh-well) 55%,var(--sh-surface)),color-mix(in srgb,var(--sh-well) 85%,var(--sh-surface)));border-bottom:1px solid var(--sh-edge);border-radius:calc(var(--sh-radius) - 1px) calc(var(--sh-radius) - 1px) 0 0;display:flex;flex-wrap:wrap;gap:.3rem .7rem;justify-content:space-between;min-width:0;padding:.6rem .75rem}.step-shell__label[data-v-cadf48e3]{color:var(--sh-ink-3);font-family:var(--font-mono);font-size:.62rem;font-weight:500;letter-spacing:.12em;margin:0;min-width:0;text-transform:uppercase}.step-shell__status[data-v-cadf48e3]{align-items:center;display:inline-flex;gap:.4rem;min-width:0}.step-shell__status-text[data-v-cadf48e3]{color:var(--sh-ink-2);font-family:var(--font-mono);font-size:.62rem;font-weight:500;letter-spacing:.04em;transition:color .22s cubic-bezier(.2,.7,.3,1)}.step-shell.is-correct .step-shell__status-text[data-v-cadf48e3]{color:var(--sh-signal)}.step-shell.is-wrong .step-shell__status-text[data-v-cadf48e3]{color:var(--sh-alert)}.step-shell__body[data-v-cadf48e3]{min-width:0;padding:.85rem .75rem .9rem}@media(max-width:359px){.step-shell__head[data-v-cadf48e3]{padding:.55rem .6rem}.step-shell__body[data-v-cadf48e3]{padding:.75rem .6rem .8rem}.step-shell__label[data-v-cadf48e3],.step-shell__status-text[data-v-cadf48e3]{font-size:.58rem}}.step-shell__led[data-v-cadf48e3]{background:radial-gradient(circle at 36% 30%,color-mix(in srgb,var(--sh-ink) 60%,transparent) 0,transparent 45%) no-repeat,radial-gradient(circle at 50% 58%,var(--sh-led) 0,color-mix(in srgb,var(--sh-led) 45%,var(--sh-well)) 100%);border-radius:999px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sh-shade) 80%,transparent),0 0 0 1px var(--sh-edge),0 0 7px -1px color-mix(in srgb,var(--sh-led) 45%,transparent);flex-shrink:0;height:.66rem;position:relative;transition:box-shadow .24s cubic-bezier(.2,.7,.3,1),background .24s cubic-bezier(.2,.7,.3,1);width:.66rem}.step-shell.is-idle .step-shell__led[data-v-cadf48e3]{animation:shLedBreath-cadf48e3 3.2s cubic-bezier(.4,0,.4,1) infinite}.step-shell.is-correct[data-v-cadf48e3]{--sh-led:var(--sh-signal)}.step-shell.is-correct .step-shell__led[data-v-cadf48e3]{animation:shLedRise-cadf48e3 .52s cubic-bezier(.16,.8,.28,1) both}.step-shell.is-wrong[data-v-cadf48e3]{--sh-led:var(--sh-alert)}.step-shell.is-wrong .step-shell__led[data-v-cadf48e3]{animation:shLedFall-cadf48e3 .42s cubic-bezier(.25,.7,.35,1) both}@keyframes shLedBreath-cadf48e3{0%,to{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sh-shade) 80%,transparent),0 0 0 1px var(--sh-edge),0 0 4px -2px color-mix(in srgb,var(--sh-led) 30%,transparent)}50%{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sh-shade) 80%,transparent),0 0 0 1px var(--sh-edge),0 0 9px -1px color-mix(in srgb,var(--sh-led) 55%,transparent)}}@keyframes shLedRise-cadf48e3{0%{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sh-shade) 80%,transparent),0 0 0 1px var(--sh-edge),0 0 0 0 transparent}55%{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sh-shade) 60%,transparent),0 0 0 1px color-mix(in srgb,var(--sh-signal) 45%,var(--sh-edge)),0 0 16px -1px color-mix(in srgb,var(--sh-signal) 75%,transparent)}to{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sh-shade) 70%,transparent),0 0 0 1px color-mix(in srgb,var(--sh-signal) 35%,var(--sh-edge)),0 0 9px -1px color-mix(in srgb,var(--sh-signal) 50%,transparent)}}@keyframes shLedFall-cadf48e3{0%{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sh-shade) 80%,transparent),0 0 0 1px var(--sh-edge),0 0 0 0 transparent}30%{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sh-shade) 60%,transparent),0 0 0 1px color-mix(in srgb,var(--sh-alert) 45%,var(--sh-edge)),0 0 14px -1px color-mix(in srgb,var(--sh-alert) 70%,transparent)}to{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sh-shade) 70%,transparent),0 0 0 1px color-mix(in srgb,var(--sh-alert) 32%,var(--sh-edge)),0 0 8px -1px color-mix(in srgb,var(--sh-alert) 45%,transparent)}}@media(prefers-reduced-motion:reduce){.step-shell[data-v-cadf48e3],.step-shell__led[data-v-cadf48e3],.step-shell__status-text[data-v-cadf48e3]{transition:none}.step-shell__led[data-v-cadf48e3]{animation:none!important}}