.replay-switch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.replay-switch [aria-pressed=true]{background:var(--forest);color:white;border-color:var(--forest)}.replay-panel{background:#edeedf;border:1px solid var(--line);border-radius:22px;padding:18px;min-width:0}.replay-panel h2{font-size:1.3rem}.replay-panel video{width:100%;aspect-ratio:16/9;background:#14251a;border-radius:12px}.replay-panel select{max-width:100%;padding:8px;border:1px solid #bdc9b6;border-radius:8px;font:inherit;background:white}.replay-clock{font-variant-numeric:tabular-nums;font-weight:700;margin-top:12px}.replay-panel #replay-jump{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.replay-panel #replay-time{width:auto;margin:0}.replay-motion-nav{display:flex;gap:8px;flex-wrap:wrap}.replay-markers{display:flex;gap:6px;flex-wrap:wrap;max-height:132px;overflow:auto;margin-top:12px;padding:4px}.replay-markers button{font-size:.8rem;min-height:36px}.replay-panel .caption{margin:10px 0;font-size:.8rem}
.replay-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.replay-switch button{background:#e6edde;border:2px solid #9db59c;padding:14px 10px;display:flex;flex-direction:column;gap:5px;text-align:center;min-width:0}.replay-switch strong{font-size:1.05rem}.replay-switch small{font-size:.8rem;font-weight:400}.replay-hours{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;margin:16px 0}.replay-hour{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:7px 2px;border:2px solid transparent;border-radius:9px;background:#f8faf4;color:var(--forest);font:inherit;font-size:.8rem;cursor:pointer}.replay-hour svg{height:60px;width:100%;fill:#568561}.replay-hour-count{font-size:.7rem}.replay-hour[aria-pressed=true]{border-color:var(--forest);background:#dce8d5}.replay-hour:hover{background:#dce8d5}.replay-hour-heading{font-size:.9rem;font-weight:700;margin:12px 0}.replay-markers{margin-top:16px;max-height:180px}.replay-markers [aria-pressed=true]{background:var(--forest);color:white}.replay-hour:focus-visible,.replay-switch button:focus-visible{outline:3px solid #568561;outline-offset:3px}@media(max-width:600px){.replay-hours{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.replay-hour svg{height:40px}.replay-switch strong{font-size:.88rem}.replay-switch small{font-size:.72rem}.replay-switch{gap:8px}}