.microdelay-demo,.demo-panel{--detail-ink:#222939;--detail-muted:#596176;--detail-accent:#4b49ac;--detail-line:#dce0eb;--detail-surface:#f6f5fb;--detail-button:#fff;color:var(--detail-ink)}.dark .microdelay-demo,.dark .demo-panel{--detail-ink:#f0f1f6;--detail-muted:#bbc2d2;--detail-accent:#c3bdff;--detail-line:#41465a;--detail-surface:#25283a;--detail-button:#25283a}.microdelay-demo{scroll-margin-top:6rem}.microdelay-demo [hidden],.demo-panel [hidden]{display:none!important}.demo-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,3vw,1.75rem)}.demo-condition{min-width:0}.demo-condition-heading{min-height:6rem}.demo-condition-heading :is(h2,h3){margin:0 0 .35rem;font-size:clamp(1.1rem,2.8vw,1.8rem);font-weight:700;line-height:1.25;letter-spacing:-.02em}.demo-condition:last-child .demo-condition-heading :is(h2,h3){color:var(--detail-accent)}.demo-condition-heading p{margin:0;font-size:clamp(.8rem,1.5vw,1rem);line-height:1.5;color:var(--detail-muted)}.demo-panel{position:relative;min-height:350px;padding:clamp(.75rem,2.6vw,1.75rem);padding-bottom:4rem;background:var(--detail-surface);border:1px solid var(--detail-line);border-radius:1rem}.demo-start{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:inherit;padding:.75rem;display:grid;place-content:center;justify-items:center;gap:.65rem;font:inherit;background:0 0;color:var(--detail-ink);cursor:pointer}.demo-start strong{font-size:clamp(1.1rem,2.2vw,1.5rem)}.demo-start>span:last-child{color:var(--detail-muted);font-size:clamp(.8rem,1.5vw,1rem);line-height:1.6}.demo-start:hover:enabled{background:color-mix(in srgb,var(--detail-accent) 6%,transparent)}.demo-start-icon{display:grid;place-items:center;width:50px;height:50px;margin-bottom:.4rem;border-radius:50%;background:var(--detail-accent)}.demo-start-icon::after{content:"";display:block;margin-left:4px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid var(--detail-button)}.demo-progress{margin:0;text-align:center;font-size:.85rem;color:var(--detail-muted)}.demo-question-area{min-height:210px;display:grid;align-content:center;gap:1.25rem;padding-block:1.25rem}.demo-prompt,.demo-loading{text-align:center;margin:0;font-size:clamp(.85rem,1.8vw,1.1rem);line-height:1.6}.demo-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.5rem,2vw,1.25rem)}.demo-choices button{background:var(--detail-button);color:var(--detail-ink);width:100%;min-width:44px;min-height:70px;font-size:clamp(1.5rem,3.5vw,2.5rem);font-variant-numeric:tabular-nums;border:1px solid var(--detail-line);border-radius:.6rem;cursor:pointer}.demo-choices button:disabled{opacity:.3;cursor:wait}.demo-choices button:hover:enabled{border-color:var(--detail-accent)}.demo-results{min-height:240px;display:grid;place-content:center;text-align:center}.demo-result-title{margin:0;font-size:clamp(1.1rem,2.2vw,1.6rem);font-weight:650;line-height:1.5}.demo-reset{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);min-height:44px;width:max-content;max-width:calc(100% - 1rem);padding:.5rem .85rem;border:1px solid var(--detail-line);border-radius:.4rem;background:0 0;color:var(--detail-ink);font:inherit;font-size:.9rem;cursor:pointer}.demo-spinner{display:inline-block;vertical-align:middle;width:1rem;height:1rem;border:2px solid var(--detail-line);border-top-color:var(--detail-accent);border-radius:50%;margin-right:.5rem;animation:demo-spin .8s linear infinite}@keyframes demo-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.demo-spinner{animation:none}}.demo-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[data-comparison=research]{text-align:center;margin-top:1.75rem;line-height:1.6}.microdelay-demo [data-comparison=research][hidden]{display:block!important;visibility:hidden}[data-comparison=research] p{margin:0}.demo-research-link{display:inline-block;color:var(--detail-accent);font-weight:600;text-underline-offset:.22em;padding-block:.75rem}.demo-standalone-link{text-align:right;font-size:.85rem;margin:.8rem 0 1.5rem}.microdelay-demo :is(a,button):focus-visible{outline:3px solid var(--detail-accent);outline-offset:4px}.microdelay-standalone{margin:0;background:#fff;color:#222939;font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;font-size:16px;line-height:1.5}.microdelay-standalone *{box-sizing:border-box}.microdelay-standalone main{min-height:100svh;display:grid;align-items:center;padding:clamp(1rem,4vw,3rem)}.microdelay-standalone .microdelay-demo{width:min(100%,1040px);margin-inline:auto}@media(max-width:400px){.demo-panel{padding-inline:.6rem}}