.algorithm-animation{scroll-margin-top:110px}.algorithm-animation .av-header,.algorithm-animation .av-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.algorithm-animation label{display:grid;gap:6px;font-size:.88rem}.algorithm-animation select{font:inherit;max-width:100%;padding:8px;border:1px solid var(--line);background:var(--white);color:var(--ink)}.algorithm-animation .av-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;margin-block:24px}.algorithm-animation .av-visual,.algorithm-animation .av-code-panel{min-width:0}.algorithm-animation .av-code-panel{padding-left:24px;border-left:1px solid var(--line)}.algorithm-animation .av-code{font:.78rem/1.9 var(--mono);padding:10px 0;overflow-x:auto;background:var(--paper-deep);color:var(--ink);border:1px solid var(--line)}.algorithm-animation .av-code code{font:inherit;background:none;color:inherit;padding:0}.algorithm-animation .av-code [data-line]{display:flex;min-width:max-content;padding-right:12px;border-left:3px solid transparent}.algorithm-animation .av-code [data-line]>b{font-weight:400;flex:none;width:32px;text-align:right;padding-right:10px;color:var(--muted);user-select:none}.algorithm-animation .av-code [aria-current]{background:var(--brass-soft);border-left-color:var(--brass);font-weight:700}.algorithm-animation .av-code [data-return]{border-left-color:var(--green)}.algorithm-animation .av-controls{justify-content:flex-start}.algorithm-animation button{font:inherit;cursor:pointer;min-height:44px}.algorithm-animation button:disabled{opacity:.5;cursor:default}.algorithm-animation .av-scrub{margin:20px 0}.algorithm-animation input[type=range]{width:100%;accent-color:var(--green);min-height:28px}.algorithm-animation .av-registers{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0;font:.82rem var(--mono)}.algorithm-animation .av-registers span{background:var(--paper-deep);padding:7px 9px;overflow-wrap:anywhere;max-width:100%}.algorithm-animation .av-message{min-height:74px;border-left:3px solid var(--brass);padding-left:12px}.algorithm-animation .av-array{position:relative;height:190px;margin:24px 0 12px}.algorithm-animation .av-item{position:absolute;bottom:26px;left:0;text-align:center;transition:transform .45s ease;will-change:transform;padding:0 4px;box-sizing:border-box}.algorithm-animation .av-bar{background:color-mix(in srgb,var(--green) 20%,var(--white));border-top:3px solid var(--green);display:flex;align-items:center;justify-content:center;min-height:42px;transition:height .35s,background .35s;font:1rem var(--mono);color:var(--ink)}.algorithm-animation .av-item[data-active] .av-bar{background:var(--brass-soft);border-top-color:var(--brass)}.algorithm-animation .av-item[data-sorted] .av-bar{background:color-mix(in srgb,var(--green) 35%,var(--white))}.algorithm-animation .av-index{position:absolute;bottom:0;text-align:center;font:.8rem var(--mono);color:var(--muted)}.algorithm-animation .av-stage svg{width:100%;height:auto;max-height:290px;display:block}.algorithm-animation .av-stage svg text{fill:var(--ink);font:14px var(--mono)}.algorithm-animation .av-stage svg line{stroke:var(--green);stroke-width:2;transition:opacity .4s}.algorithm-animation .av-stage svg circle{fill:var(--paper-deep);stroke:var(--line);transition:fill .3s}.algorithm-animation .av-stage svg .visited{fill:color-mix(in srgb,var(--green) 35%,var(--white))}.algorithm-animation .av-stage svg .current{fill:var(--brass-soft);stroke:var(--brass);stroke-width:3}.algorithm-animation .av-work{display:grid;gap:5px;grid-template-columns:repeat(var(--columns),1fr);margin:18px 0}.algorithm-animation .av-work span{min-height:24px;background:var(--paper-deep);transition:background .3s}.algorithm-animation .av-work .complete{background:var(--green)}.algorithm-animation .av-memory{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.algorithm-animation .av-memory span{background:var(--brass-soft);font:.88rem var(--mono);padding:10px;animation:av-arrive .3s ease-out}.algorithm-animation .av-stack ol{list-style:none;padding:0;display:flex;flex-direction:column-reverse;gap:6px}.algorithm-animation .av-stack li{border-left:3px solid var(--green);background:var(--paper-deep);padding:8px 10px;font:.82rem var(--mono);overflow-wrap:anywhere;animation:av-arrive .25s ease-out}.algorithm-animation .av-stack li:last-child{border-color:var(--brass);background:var(--brass-soft)}.algorithm-animation .av-stack h4{margin-bottom:8px}.algorithm-animation .av-result{font:1.1rem var(--mono);color:var(--green)}@keyframes av-arrive{0%{transform:translateY(6px);opacity:.3}to{transform:translateY(0);opacity:1}}@media(max-width:1000px){.algorithm-animation .av-layout{grid-template-columns:1fr}.algorithm-animation .av-code-panel{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}}@media(prefers-reduced-motion:reduce){.algorithm-animation *{transition:none!important;animation:none!important}}