:root{--page:#fbfbfa;--panel:#f0f0ed;--ink:#1c1c1a;--quiet:#5c5c57;--line:#d6d6d0;--link:#1f5fbf;--accent:#1f5fbf;--on-accent:#fff;--warn:#a8480b;--warn-ink:#93380a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--page:#161615;--panel:#232321;--ink:#ececea;--quiet:#a9a9a3;--line:#3b3b38;--link:#8ab8ff;--accent:#8ab8ff;--on-accent:#111110;--warn:#f0a868;--warn-ink:#f0a868}}:root[data-theme=dark]{--page:#161615;--panel:#232321;--ink:#ececea;--quiet:#a9a9a3;--line:#3b3b38;--link:#8ab8ff;--accent:#8ab8ff;--on-accent:#111110;--warn:#f0a868;--warn-ink:#f0a868;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);margin:0;font:1rem/1.6 system-ui,sans-serif}a{color:var(--link)}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;max-width:44rem;margin:0 auto;padding:1rem;display:flex}.brand{color:var(--ink);font-weight:650;text-decoration:none}nav{flex-wrap:wrap;align-items:center;gap:.25rem 1rem;display:flex}main{max-width:44rem;margin:0 auto;padding:1rem 1rem 3rem}h1{margin:1.5rem 0 .5rem;font-size:2.25rem;line-height:1.2}h2{margin:2.25rem 0 .5rem;font-size:1.15rem}.lead{margin:0;font-size:1.15rem}.command{border:1px solid var(--line);background:var(--panel);border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.75rem 1rem;display:flex}code{overflow-wrap:anywhere;font:.95rem/1.5 ui-monospace,Consolas,monospace}.note{color:var(--quiet)}button{border:1px solid var(--line);background:var(--page);min-height:2.25rem;color:var(--ink);font:inherit;cursor:pointer;border-radius:.375rem;padding:0 .75rem}.demo{border:1px solid var(--line);background:var(--panel);border-radius:.5rem;margin-top:2rem;padding:.25rem 1rem 1rem}.demo h2{margin-top:.75rem}.demo p{margin:.5rem 0}.demo button:disabled{opacity:.5;cursor:default}.needs{flex-wrap:wrap;gap:.5rem;display:flex}.keys{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;display:grid}.keys button{min-width:0;min-height:2.75rem;padding:0;font-weight:650}.slots{grid-template-columns:repeat(var(--slots), minmax(0, 1fr));gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.slots li{border:2px solid var(--accent);background:var(--page);border-radius:.375rem;place-items:center;height:3.25rem;font-size:1.25rem;font-weight:650;display:grid}.slots li[data-state=empty]{border:2px dashed var(--line);background:0 0}.slots li[data-state=next]{border-color:var(--warn)}.ends{color:var(--quiet);justify-content:space-between;font-size:.875rem;display:flex}.log{min-height:3.2em}.row{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-top:.75rem;display:flex}.stepper{align-items:center;gap:.5rem;display:inline-flex}.bars{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;gap:.25rem;height:9rem;margin-top:1rem;display:grid}.bars button{height:calc(var(--value) * .85rem + .9rem);border-color:var(--accent);background:var(--accent);min-width:0;min-height:0;color:var(--on-accent);padding:0;font-size:.8125rem}.levels{gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:grid}.levels li{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.level-name{width:3.5rem;color:var(--quiet);font-size:.875rem}button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.levels button[data-state=run]{background:var(--warn);color:var(--on-accent)}.levels button[data-state=done]{background:var(--accent);color:var(--on-accent)}.needs-title{color:var(--quiet)}.needs-title strong{color:var(--ink)}button.primary{border-color:var(--accent);background:var(--accent);min-width:5rem;color:var(--on-accent);font-weight:650}.error{color:var(--warn-ink);font-weight:650}