.recorded-replay{max-width:640px;min-width:0;overflow-wrap:anywhere;color:#372c3b}.replay-heading h2{font-size:1.8rem;margin:10px 0 8px;line-height:1.3}.replay-heading h2 small{display:inline-block;font-size:.95rem;background:#fff0f6;color:#b82460;border-radius:20px;padding:6px 11px;vertical-align:middle}.replay-eyebrow{color:#bf2867;font-size:.875rem;font-weight:700;letter-spacing:.04em}.replay-heading time{font-size:.875rem;color:#85727f}.replay-stage{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:20px;padding:22px;margin:22px 0 20px;background:radial-gradient(circle at 85% 15%,#fff3bf,transparent 50%),linear-gradient(135deg,#fff1f8,#f5efff);border:1px solid #f8d8e7;border-radius:24px}.replay-product{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:3px solid #fff;border-radius:20px;background:#fff7fa;box-shadow:0 5px 16px #aa668818}.replay-product img,.replay-product svg{width:100%;height:100%;object-fit:cover}.replay-product .artwork{width:100%;height:100%;display:block}.replay-image-fallback{font-size:4rem;color:#dfb433}.replay-result{text-align:center;min-width:0}.replay-step-note,.replay-result-caption{display:block;font-size:.875rem;color:#99758a;line-height:1.5}.replay-name{display:block;font-size:2.4rem;line-height:1.4;margin:12px 0;letter-spacing:.05em;font-weight:800;color:#713053}.replay-final .replay-name{color:#db2167;text-shadow:0 2px 0 #fff}.replay-final .replay-step-note{color:#bd2262;font-weight:700}.replay-progress{height:10px;background:#f1e7ee;border-radius:20px;overflow:hidden}.replay-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff77ac,#eb2671)}.replay-status{font-size:.9375rem;text-align:center;margin:12px 0 20px;min-height:1.6em;color:#766175}.replay-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.replay-controls .btn{min-width:120px}.replay-time{margin-left:auto;font-variant-numeric:tabular-nums;font-size:.875rem;color:#927d8e}.replay-explanation{font-size:.875rem;line-height:1.75;margin:20px 0 0;color:#8b7888;padding-top:16px;border-top:1px solid #f2e8ee}.replay-motion-note{font-size:.875rem;color:#946426;line-height:1.6}.replay-error{padding:22px;border-radius:16px;background:#fff1f6;line-height:1.8;color:#a9295b}.replay-controls button:focus-visible{outline:3px solid #e52774;outline-offset:3px}@media(max-width:600px){.replay-heading h2{font-size:1.5rem}.replay-stage{grid-template-columns:100px minmax(0,1fr);gap:12px;padding:16px}.replay-name{font-size:1.9rem}.replay-controls .btn{min-width:0;flex:1}.replay-time{flex-basis:100%;text-align:center;margin:4px 0 0}}@media(prefers-reduced-motion:reduce){.recorded-replay *{animation:none!important;transition:none!important}}
.modal.recorded-replay-modal{width:min(700px,calc(100vw - 32px));max-width:700px;max-height:calc(100dvh - 32px);overflow:auto}