.flash-demo{border:1px solid #9cb7c3;border-radius:10px;background:#f5fafb;color:#203443;padding:1.25rem;margin:1.5rem 0;max-width:800px}
.flash-demo h3{margin-top:0}.flash-demo .timing-row{margin:1rem 0}.flash-demo .timing-track{position:relative;margin:.6rem 16px;height:32px;background:linear-gradient(#f5fafb 14px,#637c87 14px,#637c87 18px,#f5fafb 18px)}
.flash-demo .timing-dot{display:block;position:absolute;top:0;left:0;width:32px;height:32px;border-radius:50%;background:#006b77;border:2px solid #12324b;transform:translateX(-50%)}
.flash-demo #ease-dot{background:#b46b16}.flash-demo .timing-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin:1.2rem 0}.flash-demo [hidden]{display:none!important}
.flash-demo button{font:inherit;padding:.5rem 1rem;min-height:44px;border:2px solid #12324b;border-radius:6px;background:#12324b;color:white;cursor:pointer}
.flash-demo button:focus-visible,.flash-demo input:focus-visible{outline:3px solid #007d89;outline-offset:4px}.flash-demo button:disabled{background:#e3edf0;color:#425763;border-color:#637c87;cursor:default}
.flash-demo .timing-motion{display:flex;align-items:center;gap:.5rem;min-height:44px}.flash-demo input[type=checkbox]{width:20px;height:20px;accent-color:#006b77}.flash-demo input[type=range]{display:block;width:100%;min-height:44px;accent-color:#006b77}.flash-demo #timing-status{font-weight:bold}
@media(prefers-reduced-motion:reduce){.flash-demo *{scroll-behavior:auto}}