concurrency-playground{--concurrency-bg:#f8fafc;--concurrency-input:#fff;--concurrency-text:#172033;--concurrency-muted:#475569;--concurrency-border:#94a3b8;--concurrency-track:#e2e8f0;border:1px solid var(--concurrency-border);background:var(--concurrency-bg);color:var(--concurrency-text);color-scheme:light;border-radius:4px;margin-block:2rem;padding:clamp(.875rem,3vw,1.5rem);font-size:1rem;line-height:1.6;display:block}.dark concurrency-playground{--concurrency-bg:#20252d;--concurrency-input:#171b22;--concurrency-text:#f1f5f9;--concurrency-muted:#cbd5e1;--concurrency-border:#64748b;--concurrency-track:#374151;color-scheme:dark}concurrency-playground .concurrency-note{color:var(--concurrency-muted);margin-block:.75rem;font-size:.875rem}concurrency-playground fieldset{border:0;min-width:0;margin:0;padding:0}concurrency-playground legend{margin-bottom:.5rem;font-weight:600}concurrency-playground label{font-size:.875rem;display:block}concurrency-playground .concurrency-durations{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}concurrency-playground .concurrency-controls{flex-wrap:wrap;gap:.75rem;margin-block:1rem;display:flex}concurrency-playground :is(input,select,button){box-sizing:border-box;border:1px solid var(--concurrency-border);background:var(--concurrency-input);min-height:44px;color:var(--concurrency-text);font:inherit;border-radius:4px;padding:.5rem .75rem}concurrency-playground :is(input,select){width:100%;margin-top:.25rem;display:block}concurrency-playground select:disabled{opacity:.6}concurrency-playground .concurrency-actions{flex-wrap:wrap;gap:.5rem;display:flex}concurrency-playground button{cursor:pointer;font-size:.875rem}concurrency-playground button:hover{border-color:currentColor}concurrency-playground :is(input,select,button):focus-visible{outline-offset:3px;outline:2px solid}concurrency-playground [data-status]{margin-block:1rem;font-size:.875rem;font-weight:600}concurrency-playground .concurrency-axis{color:var(--concurrency-muted);justify-content:space-between;font-size:.75rem;display:flex}concurrency-playground .concurrency-row p{margin:.75rem 0 .25rem;font-size:.875rem}concurrency-playground .concurrency-track{background:var(--concurrency-track);height:1.25rem}concurrency-playground .concurrency-bar{transform-origin:0;background:#0e7490;height:100%;display:block}concurrency-playground [data-task="1"] .concurrency-bar{background:#b45309}concurrency-playground [data-task="2"] .concurrency-bar{background:#4d7c0f}concurrency-playground [data-task="3"] .concurrency-bar{background:#7e22ce}.dark concurrency-playground .concurrency-bar{background:#67e8f9}.dark concurrency-playground [data-task="1"] .concurrency-bar{background:#fbbf24}.dark concurrency-playground [data-task="2"] .concurrency-bar{background:#bef264}.dark concurrency-playground [data-task="3"] .concurrency-bar{background:#d8b4fe}@media (width>=640px){concurrency-playground .concurrency-durations{grid-template-columns:repeat(4,minmax(0,1fr))}}