@layer components{.ep-step-title{font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.ep-warning{color:var(--warning)}.ep-steps{list-style:decimal;padding-left:1.25rem;display:grid;gap:.35rem;font-size:.875rem}.ep-steps-big{font-size:1rem;font-weight:700}.ep-recommend{border:2px solid #000;border-left:6px solid var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.ep-notice,.ep-recommend{padding:.6rem .8rem;font-size:.875rem}.ep-notice{border:2px solid #000;font-weight:600;background:var(--surface-2)}.ep-notice-success{border-left:6px solid var(--success)}.ep-notice-error{border-left:6px solid var(--danger);color:var(--danger)}.ep-notice-warning{border-left:6px solid var(--warning)}.ep-notice-info{border-left:6px solid var(--accent)}.ep-progress{height:12px;border:2px solid #000;background:var(--surface-2);overflow:hidden}.ep-progress>div{height:100%;background:var(--accent);transition:width .3s}@media (prefers-reduced-motion:reduce){.ep-progress>div{transition:none}}.ep-counts{display:flex;flex-direction:column;gap:.1rem;font-variant-numeric:tabular-nums;font-size:.95rem}.ep-counts li+li:before{content:"↓ ";color:var(--muted)}.ep-stepper{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.75rem;font-weight:700}.ep-stepper li{display:flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border:2px solid #000;background:var(--surface-2)}.ep-stepper li[data-current=true]{background:color-mix(in srgb,var(--accent) 25%,var(--surface-2))}.ep-stepper li[data-off=true]{opacity:.5;text-decoration:line-through}.ep-stepper-num{display:inline-grid;place-items:center;width:1.3rem;height:1.3rem;border:2px solid #000;background:var(--surface);font-size:.7rem}.ep-stepper li[data-done=true] .ep-stepper-num{background:var(--success);color:#fff}.ep-result{display:grid;gap:.15rem;font-weight:800;color:#6f3fd6}.dark .ep-result{color:#c9a7ff}.ep-best{outline:3px solid var(--accent);outline-offset:-3px}.ep-live-big{font-size:clamp(1.6rem,7vw,2.6rem);font-weight:900;line-height:1.1;text-transform:uppercase}.ep-live-counter{font-size:clamp(1.3rem,6vw,2rem);font-weight:900;font-variant-numeric:tabular-nums}.ep-details{display:grid;gap:.35rem;font-size:.8rem}.ep-details>div{display:grid;grid-template-columns:minmax(8rem,40%) 1fr;gap:.5rem}.ep-details dt{font-weight:700;color:var(--muted)}.ep-details dd{word-break:break-all}}