.vl-player{--ink: #1e3439;--muted: #687c80;--green: #246c5e;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:#fff;border:1px solid #dce6e1;border-radius:18px;overflow:hidden;box-shadow:0 8px 35px #1c423508;line-height:1.5;font-size:14px;text-align:left}.vl-player *{box-sizing:border-box}.vl-player button,.vl-player input,.vl-player select{font:inherit}.vl-player button{cursor:pointer;border:1px solid #cfdcd5;border-radius:7px;background:#fff;color:var(--ink);padding:9px 14px;font-weight:600;line-height:1.4;white-space:nowrap}.vl-player button:hover:not(:disabled){background:#edf5f0;border-color:#779d8f}.vl-player button:disabled{opacity:.38;cursor:default}.vl-player :focus-visible{outline:3px solid #459e87;outline-offset:3px}.vl-topline{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:17px 24px;border-bottom:1px solid #e5ece7;font-size:10px;font-weight:650;letter-spacing:.1em;color:#60786e;background:#f8fbf8}.vl-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#549b79;margin-right:8px}.vl-input-panel{padding:23px 24px;border-bottom:1px solid #e5ece7}.vl-inputs{display:flex;gap:12px;align-items:flex-end;margin:0}.vl-inputs label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;margin:0}.vl-array-input{flex:1;min-width:0}.vl-target-input{width:100px}.vl-inputs input{width:100%;border:1px solid #d7e0dc;border-radius:7px;padding:10px 12px;color:var(--ink);background:#fbfcfb;font-family:ui-monospace,monospace;line-height:1.4}.vl-inputs button{padding:10px 16px}.vl-input-help{color:#7c8b89;font-size:11px;margin:9px 0 16px}.vl-presets{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.vl-presets>span{color:#7a8985;font-size:11px;margin-right:3px}.vl-presets button{padding:5px 10px;font-size:11px;font-weight:500;border-radius:20px;background:#f8faf8;border-color:#e1e8e3}.vl-error{padding:12px 16px;color:#993a2d;background:#fff1eb;border:1px solid #f3d2c8;border-radius:8px;font-size:13px;margin:10px 0}.vl-stage{padding:25px 0 20px;background:radial-gradient(#dce7e0 .8px,transparent .8px);background-size:18px 18px}.vl-stage-heading{display:flex;justify-content:space-between;align-items:center;padding:0 26px}.vl-stage-heading>div:first-child{display:flex;align-items:center;gap:12px}.vl-stage-heading strong{font-size:22px;font-weight:650}.vl-small-label{font-size:10px;font-weight:700;letter-spacing:.1em;color:#6a8078}.vl-comparisons{display:flex;gap:8px;align-items:baseline}.vl-comparisons>span{font-size:11px;color:#7c8b85}.vl-array-scroll{overflow-x:auto;max-width:100%;padding:0 8px}.vl-array-scroll svg{width:100%;display:block;max-height:260px}.vl-svg-caption{font-size:10px;letter-spacing:1px;fill:#8b9b95}.vl-cell-value{font-size:18px;font-weight:650;fill:#25473e;font-family:ui-monospace,monospace}.vl-index{font-size:10px;fill:#98a49f;font-family:ui-monospace,monospace}.vl-pointer{font-size:11px;font-family:ui-monospace,monospace;font-weight:600;fill:#407663}.vl-pointer-mid{fill:#a16f1e}.vl-found-label{font-size:10px;letter-spacing:1px;fill:#26704e;font-weight:700}.vl-empty{font-size:15px;fill:#6e8379}.vl-stage-footer{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:0 26px}.vl-legend{display:flex;gap:16px;font-size:10px;color:#71817a}.vl-legend span{display:flex;align-items:center;gap:6px}.vl-legend i{width:9px;height:9px;border-radius:3px;border:1px solid #cad7cf}.vl-candidate{background:#e8f3ee}.vl-comparing{background:#ffebc4}.vl-excluded{background:#f1f3f1}.vl-bounds{font-size:10px;color:#788c80;font-family:ui-monospace,monospace}.vl-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:18px 24px;border-top:1px solid #e1e9e3;border-bottom:1px solid #e1e9e3;background:#fff}.vl-buttons{display:flex;gap:7px}.vl-player .vl-primary{background:var(--green);color:#fff;border-color:var(--green);min-width:90px}.vl-player .vl-primary:hover:not(:disabled){background:#185646;color:#fff}.vl-primary span{font-size:10px;margin-right:5px}.vl-speed{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted)}.vl-speed select{padding:7px;border:1px solid #dbe4de;border-radius:6px;background:#fff;color:var(--ink)}.vl-progress{display:flex;gap:10px;align-items:center;flex:1;min-width:180px}.vl-progress input{accent-color:var(--green);width:100%;min-width:50px;cursor:pointer}.vl-progress span{font-size:10px;white-space:nowrap;color:#7a8b83;font-variant-numeric:tabular-nums}.vl-details{display:grid;grid-template-columns:1fr 1fr}.vl-explanation{padding:26px;display:flex;flex-direction:column}.vl-explanation p{font-size:16px;line-height:1.7;min-height:84px;margin:13px 0 20px}.vl-callout{margin-top:auto;padding:12px 14px;background:#f1f6f2;border-radius:7px;font-size:11px;color:#6d8275}.vl-code{padding:26px;background:#f8faf8;border-left:1px solid #e1e9e3;min-width:0}.vl-code .vl-small-label span{color:#93a19a;font-weight:500}.vl-code ol{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;padding-left:30px;margin:15px 0 0;font-size:11px;overflow-x:auto}.vl-code li{padding:3px 8px;white-space:pre;color:#708277;border-radius:3px}.vl-code li::marker{color:#a1b0a5;font-size:10px}.vl-code li code{font:inherit;color:inherit;background:none;padding:0}.vl-code-active{background:#e0eee3;color:#245c3d!important}.vl-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:680px){.vl-details{grid-template-columns:1fr}.vl-code{border-left:none;border-top:1px solid #e1e9e3}.vl-inputs{flex-wrap:wrap}.vl-array-input{flex-basis:100%}.vl-target-input{flex:1}.vl-input-panel,.vl-controls{padding:18px}.vl-topline{padding:14px 18px;letter-spacing:.05em;font-size:9px}.vl-progress{flex-basis:100%}.vl-controls{gap:12px}.vl-buttons{gap:5px}.vl-buttons button{padding:8px 11px}.vl-player .vl-primary{min-width:76px}.vl-stage-heading,.vl-stage-footer{padding-left:18px;padding-right:18px}.vl-speed{margin-left:auto}.vl-explanation,.vl-code{padding:22px}.vl-legend{gap:10px}.vl-explanation p{min-height:0}}@media(prefers-reduced-motion:reduce){.vl-player *{scroll-behavior:auto!important;transition:none!important}}.vl-complexity{padding:28px;border-top:1px solid #e1e9e3;background:#f8fbf8}.vl-complexity h2{font-size:22px;margin:0 0 12px}.vl-complexity p{font-size:14px;line-height:1.65;color:#52645c}.vl-complexity-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.vl-complexity-cases>div{padding:16px;background:#fff;border:1px solid #dce7de;border-radius:10px}.vl-complexity h3{font-size:15px;margin:0}.vl-complexity h3 strong{display:block;margin-top:8px;font-size:24px;color:#245c3d}.vl-complexity-examples{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.vl-complexity-examples label{display:grid;gap:5px;font-size:13px}.vl-work-meter{padding:16px;border:1px solid #dce7de;border-radius:10px;margin:20px 0;font-size:14px}.vl-work-meter progress{display:block;width:100%;height:16px;margin-top:10px;accent-color:#28766b}.vl-growth-row{display:grid;grid-template-columns:55px minmax(30px,1fr) 120px;align-items:center;gap:12px;margin:12px 0;font-size:13px}.vl-growth-track{height:12px;background:#e0eae3;border-radius:6px;overflow:hidden}.vl-growth-track>span{display:block;height:100%;background:#28766b;border-radius:6px}@media(max-width:680px){.vl-complexity{padding:18px}.vl-complexity-cases{grid-template-columns:1fr}.vl-growth-row{gap:8px;grid-template-columns:48px minmax(25px,1fr) 110px}}.vl-complexity-examples select{padding:9px 12px;border:1px solid #cfdcd5;border-radius:7px;background:#fff;color:var(--ink)}.vl-work-meter label{display:block;width:100%}.vl-legend .vl-swapping{background:#e8ddf6}.vl-legend .vl-sorted{background:#d8f2dc}
