.ku-replay{box-sizing:border-box;border:1px solid var(--kt-line);background:var(--kt-surface);width:min(920px,100vw - 24px);max-height:calc(100svh - 24px);color:var(--kt-ink);border-radius:14px;padding:clamp(16px,3vw,28px);overflow:auto}.ku-replay::backdrop{background:color-mix(in srgb, var(--kt-surface) 85%, transparent)}.ku-replay header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ku-replay h2{font-family:var(--font-display), serif;margin:0;font-size:30px}.ku-replay p{color:var(--kt-ink-muted);font-size:15px}.ku-replay button,.ku-replay select{border:1px solid var(--kt-line);background:var(--kt-surface-raised);color:var(--kt-ink);font:inherit;cursor:pointer;border-radius:6px;padding:9px 14px}.ku-replay :focus-visible{outline:2px solid var(--kt-accent-hi);outline-offset:3px}.ku-replay-board{aspect-ratio:1;background:var(--kt-well);border:1px solid var(--kt-line);border-radius:8px;width:min(100%,max(180px,100dvh - 380px));max-height:none;margin:12px auto;display:block}.ku-replay-stats{font-family:var(--font-mono), monospace;font-size:14px}.ku-prepare-layout{border-top:1px solid var(--kt-line);margin-top:20px}.ku-prepare-with-context{grid-template-columns:1.05fr 1fr;display:grid}.ku-prepare-context{border-right:1px solid var(--kt-line);min-width:0;padding:24px 24px 12px 0}.ku-prepare-meta{font:11px var(--font-mono), monospace;color:var(--kt-ink-faint);flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.ku-prepare-board{aspect-ratio:1;background:var(--kt-well);border:1px solid var(--kt-line);border-radius:8px;width:min(100%,max(140px,100svh - 370px));margin:16px auto;display:block}.ku-prepare-board line{stroke:var(--kt-copper);stroke-width:1.6px}.ku-prepare-board circle{fill:var(--kt-surface-plate);stroke:var(--kt-ink-muted);stroke-width:2px}.ku-prepare-no-board{min-height:180px;color:var(--kt-ink-muted);place-items:center;font-size:18px;display:grid}.ku-replay .ku-prepare-integrity{font:11px var(--font-mono), monospace;color:var(--kt-ink-faint);margin-top:20px;line-height:1.7}.ku-prepare-feedback{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:32px 24px 12px;display:flex}.ku-prepare-feedback h3{font:400 34px/1.12 var(--font-display), serif;margin:22px 0 10px}.ku-prepare-feedback p{font:20px/1.4 var(--font-display), serif;overflow-wrap:anywhere;max-width:310px;margin:0 auto 24px}.ku-prepare-skeleton{opacity:.6;justify-content:center;align-items:center;gap:5px;height:26px;margin-top:20px;margin-bottom:34px;display:flex}.ku-prepare-skeleton span{background:var(--kt-surface-plate);border-radius:2px;width:14px;height:14px;animation:3s ease-in-out infinite ku-prepare-breathe}.ku-prepare-skeleton span:nth-child(3n){height:24px;animation-delay:.5s}.ku-prepare-skeleton span:nth-child(2n){height:18px;animation-delay:1s}.ku-replay .ku-prepare-primary{background:var(--kt-value-surface);width:100%;max-width:310px;color:var(--kt-on-accent);border-color:var(--kt-value-surface);font:600 14px var(--font-mono), monospace}.ku-replay .ku-prepare-primary:disabled{opacity:.5;cursor:wait}.ku-replay .ku-prepare-back{color:var(--kt-ink-muted);font:12px var(--font-mono), monospace;background:0 0;border:none;margin-top:14px}.ku-prepare-symbol{border:1px solid var(--kt-line-strong);width:100px;height:100px;font:42px var(--font-display), serif;color:var(--kt-positive);border-radius:50%;place-items:center;display:grid}.ku-prepare-error{color:var(--kt-negative);border-color:var(--kt-negative)}@keyframes ku-prepare-breathe{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.ku-prepare-feedback *,.ku-prepare-feedback :before,.ku-prepare-feedback :after{transition:none!important;animation:none!important}}@media (max-width:650px){.ku-prepare-with-context{grid-template-columns:1fr}.ku-prepare-context{border-right:0;border-bottom:1px solid var(--kt-line);grid-template-columns:100px 1fr;align-items:center;gap:8px 16px;padding:16px 0;display:grid}.ku-prepare-board,.ku-prepare-no-board{grid-area:1/1/4;width:100px;min-height:100px;margin:0}.ku-prepare-no-board{text-align:center;font-size:15px}.ku-prepare-meta{flex-direction:column;grid-column:2}.ku-prepare-canvas{grid-area:auto/1/auto/-1;min-width:0}.ku-prepare-canvas .ku-prepare-board{margin:6px auto 0}.ku-prepare-context:has(.ku-prepare-canvas) .ku-prepare-meta{grid-column:1/-1}.ku-replay .ku-prepare-context:has(.ku-prepare-canvas) .ku-prepare-integrity{grid-column:1/-1}.ku-replay .ku-prepare-integrity{grid-column:2;margin:0;font-size:10px}.ku-prepare-feedback{padding:24px 4px 4px}.ku-prepare-feedback h3{margin-top:14px;font-size:30px}.ku-prepare-feedback p{margin-bottom:18px;font-size:18px}.ku-prepare-skeleton{margin-bottom:22px}}.ku-playback{gap:4px}.ku-board-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.ku-board-toolbar>:last-child{max-width:260px}.ku-coverage{font:12px var(--font-mono),monospace;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ku-coverage [role=status]{border:1px solid var(--kt-line);white-space:nowrap;border-radius:20px;padding:4px 10px}.ku-coverage details{text-align:right;max-width:70%}.ku-coverage summary{cursor:pointer;min-height:44px;line-height:44px;display:list-item}.ku-coverage details p{overflow-wrap:anywhere;font-size:13px}.ku-visit-control{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0;display:flex}.ku-visit-control label{font-size:13px}.ku-visit-control small{color:var(--kt-ink-muted)}.kc-result-replay{justify-content:center;margin:12px;display:flex}@media (max-height:500px) and (min-width:650px){.ku-replay-board{width:min(100%,max(160px,100dvh - 250px))}.ku-saved-replay{-moz-column-gap:12px;grid-template-columns:minmax(200px,1fr) minmax(360px,2fr);align-items:start;column-gap:12px;display:grid}.ku-saved-replay>.ku-coverage,.ku-saved-replay>.ku-visit-control,.ku-saved-replay>small{grid-column:1}.ku-saved-playback{grid-area:1/2/span 3}.ku-saved-playback .ku-board-toolbar{flex-wrap:nowrap}.ku-saved-playback .ku-replay-stats{font-size:12px}.ku-saved-playback .ku-board-toolbar>:last-child{max-width:180px}.ku-saved-playback .ku-replay-board{width:min(100%,max(100px,100dvh - 230px));margin:0 auto}}