.algo-container{--algo-primary:#2859bd;--algo-text:var(--foreground);--algo-text-muted:var(--muted-foreground);--algo-bg:var(--background);--algo-card:color-mix(in srgb,var(--background)96%,var(--algo-primary));--algo-card-hover:color-mix(in srgb,var(--background)90%,var(--algo-primary));--algo-border:color-mix(in srgb,var(--foreground)16%,var(--background));--algo-comparing:#a46109;--algo-active:#bd4931;--algo-sorted:#15805f;--algo-pivot:#8050c4;color:var(--algo-text);background:var(--algo-bg);min-width:0;padding-bottom:80px}:is(.dark,.blue,.green,.purple,.orange,.pink) .algo-container{--algo-primary:color-mix(in srgb,var(--primary)70%,var(--foreground));--algo-comparing:#f7bc57;--algo-active:#ff9981;--algo-sorted:#63d8b2;--algo-pivot:#bca1ff}.algo-grid-pattern{background-image:radial-gradient(var(--algo-border).6px,transparent .6px);background-size:24px 24px}.algo-container button,.algo-container a,.algo-container input,.algo-container select{-webkit-tap-highlight-color:transparent}.algo-container :is(button,a,input,select):focus-visible{outline:3px solid var(--algo-primary);outline-offset:4px}.algo-container select,.algo-container input[type=number]{border:1px solid var(--algo-border);background:var(--algo-bg);max-width:100%;min-height:42px;color:var(--algo-text);font:inherit;border-radius:9px;padding:6px 10px}.algo-container select option{background:var(--algo-bg);color:var(--algo-text)}.algo-title{color:var(--algo-text);letter-spacing:-.05em;overflow-wrap:anywhere;font-weight:750;line-height:1.1}.algo-subtitle{color:var(--algo-text-muted);line-height:1.7}.algo-card,.algo-category-card,.algo-info-card{border:1px solid var(--algo-border);background:var(--algo-card);border-radius:20px;min-width:0;padding:24px}.algo-category-card{text-align:center;transition:border-color .2s,transform .2s;display:block}.algo-category-card:hover{border-color:var(--algo-primary);transform:translateY(-3px)}.algo-category-icon{margin-bottom:18px;font-size:42px}.algo-category-title{letter-spacing:-.04em;font-size:22px;font-weight:700}.algo-category-count{color:var(--algo-primary);margin-top:6px;font-size:15px}.algo-complexity{background:var(--algo-card-hover);color:var(--algo-primary);font-family:var(--font-jetbrains-mono),monospace;white-space:nowrap;border-radius:7px;padding:6px 10px;font-size:13px;display:inline-block}.algo-breadcrumb,.algo-back{color:var(--algo-text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;display:flex}.algo-breadcrumb a:hover,.algo-back:hover{color:var(--algo-primary)}.algo-lab{width:min(1500px,100% - clamp(40px,8vw,144px));margin-inline:auto;padding-block:30px 60px}.algo-lab-heading{justify-content:space-between;align-items:start;gap:20px;margin:32px 0 24px;display:flex}.algo-kicker{color:var(--algo-primary);font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.16em;font-size:12px;font-weight:600}.algo-lab-heading h1{letter-spacing:-.06em;margin:10px 0;font-size:clamp(34px,5vw,58px);font-weight:750;line-height:1.15}.algo-lab-heading p:last-child{color:var(--algo-text-muted);max-width:690px;font-size:17px;line-height:1.7}.algo-lab-heading>.algo-complexity{margin-top:28px}.algo-switcher{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:22px;display:grid}.algo-switcher a{border:1px solid var(--algo-border);background:var(--algo-bg);text-align:center;border-radius:9px;padding:11px 6px;font-size:15px}.algo-switcher a[aria-current=page]{color:var(--algo-bg);background:var(--algo-primary);border-color:var(--algo-primary)}.algo-stage{background:var(--algo-bg);border:1px solid var(--algo-border);box-shadow:0 16px 55px color-mix(in srgb,var(--algo-primary)6%,transparent);border-radius:22px;padding:24px}.algo-stage-top{color:var(--algo-text-muted);justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.algo-stage-top>div{align-items:center;gap:8px;display:flex}.algo-stage-top b{color:var(--algo-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.algo-live-dot{background:var(--algo-sorted);border-radius:50%;width:7px;height:7px}.algo-live-dot[data-running=true]{animation:1.6s ease-in-out infinite algo-beacon}.algo-metrics{border-block:1px solid var(--algo-border);grid-template-columns:repeat(3,1fr);margin:22px 0 30px;display:grid}.algo-metrics>div{border-right:1px solid var(--algo-border);padding:14px 20px}.algo-metrics>div:first-child{padding-left:0}.algo-metrics>div:last-child{border:0}.algo-metrics span{color:var(--algo-text-muted);font-size:13px;display:block}.algo-metrics strong{font-family:var(--font-jetbrains-mono),monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:4px;font-size:28px;font-weight:500;display:block}.algo-chart-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--algo-border)transparent;padding:15px 2px 4px;overflow-x:auto}.algo-chart{align-items:stretch;gap:clamp(4px,1.3vw,14px);height:280px;display:flex;position:relative}.algo-grid-lines{pointer-events:none;position:absolute;inset:0 0 24px}.algo-grid-lines span{border-top:1px dashed var(--algo-border);position:absolute;left:0;right:0}.algo-column{--bar:var(--algo-primary);flex:1 0 0;min-width:0;transition:opacity .3s;position:relative}.algo-column-track{border-bottom:1px solid var(--algo-border);align-items:end;height:calc(100% - 24px);display:flex}.algo-column-fill{background:linear-gradient(180deg,var(--bar),color-mix(in srgb,var(--bar)60%,var(--algo-bg)));border:1px solid var(--bar);border-radius:6px 6px 1px 1px;width:100%;transition:background .25s,border-color .25s;position:relative}.algo-column-value{font-size:15px;font-family:var(--font-jetbrains-mono),monospace;color:var(--bar);font-weight:600;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.algo-column-index{text-align:center;font-size:9px;font-family:var(--font-jetbrains-mono),monospace;color:var(--algo-text-muted);margin-top:8px;display:block}.algo-column[data-state=comparing]{--bar:var(--algo-comparing)}.algo-column[data-state=active]{--bar:var(--algo-active)}.algo-column[data-state=pivot]{--bar:var(--algo-pivot)}.algo-column[data-state=sorted],.algo-column[data-state=found]{--bar:var(--algo-sorted)}.algo-column[data-eliminated=true]{opacity:.25}.algo-found-check{color:var(--algo-bg);margin:8px auto;display:block}.algo-legend{flex-wrap:wrap;gap:10px 20px;margin:18px 0;display:flex}.algo-legend>span{color:var(--algo-text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.algo-legend i{border-radius:2px;width:8px;height:8px}.algo-bar-default{background:var(--algo-primary)}.algo-bar-comparing{background:var(--algo-comparing)}.algo-bar-active{background:var(--algo-active)}.algo-bar-pivot{background:var(--algo-pivot)}.algo-bar-sorted{background:var(--algo-sorted)}.algo-step-message{border:1px solid var(--algo-border);background:var(--algo-card);border-radius:12px;align-items:center;gap:14px;min-height:85px;padding:16px;display:flex}.algo-step-message>svg{color:var(--algo-primary);flex-shrink:0}.algo-step-message span{color:var(--algo-primary);margin-bottom:4px;font-size:12px;display:block}.algo-step-message p{font-size:17px;font-weight:550;line-height:1.5}.algo-buffer{border-bottom:1px solid var(--algo-border);padding-block:16px}.algo-buffer>span{color:var(--algo-text-muted);letter-spacing:.12em;font-size:9px}.algo-buffer>div{flex-wrap:wrap;gap:6px;min-height:34px;margin-top:8px;display:flex}.algo-buffer b{background:var(--algo-card-hover);border:1px solid var(--algo-border);border-radius:6px;place-items:center;min-width:30px;padding:6px;font-size:15px;display:grid}.algo-buffer p{color:var(--algo-text-muted);font-size:15px}.algo-playback{flex-wrap:wrap;align-items:center;gap:12px;padding-top:20px;display:flex}.algo-btn{border:1px solid var(--algo-border);background:var(--algo-bg);min-height:44px;color:var(--algo-text);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:15px;font-weight:600;transition:background .2s;display:inline-flex}.algo-btn:hover:not(:disabled){background:var(--algo-card-hover)}.algo-btn:disabled{opacity:.35;cursor:default}.algo-btn-primary{background:var(--algo-primary);color:var(--algo-bg);border-color:var(--algo-primary);min-width:130px}.algo-btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--algo-primary)85%,var(--algo-text))}.algo-step-buttons{gap:6px;display:flex}.algo-step-buttons button{padding-inline:11px}.algo-speed{color:var(--algo-text-muted);align-items:center;gap:8px;margin-left:auto;font-size:13px;display:flex}.algo-timeline{margin:20px 0;display:block}.algo-timeline span{color:var(--algo-text-muted);font-size:12px;display:block}.algo-timeline input{width:100%;height:32px;accent-color:var(--algo-primary);cursor:pointer}.algo-settings{border-top:1px solid var(--algo-border);flex-wrap:wrap;align-items:end;gap:12px;padding-top:16px;display:flex}.algo-settings label{color:var(--algo-text-muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.algo-settings input{width:98px}.algo-settings>button{margin-left:auto}.algo-hint{color:var(--algo-text-muted);margin-top:14px;font-size:13px;line-height:1.7}.algo-details{grid-template-columns:1.1fr 1fr;gap:20px;margin-top:20px;display:grid}.algo-card h2{letter-spacing:-.035em;margin:8px 0 18px;font-size:19px;font-weight:650}.algo-code{gap:7px;display:grid}.algo-code li{color:var(--algo-text-muted);border-left:2px solid #0000;border-radius:0 7px 7px 0;align-items:center;gap:12px;padding:10px;font-size:15px;line-height:1.6;display:flex}.algo-code li>span{font-size:12px;font-family:var(--font-jetbrains-mono),monospace}.algo-code li[data-active=true]{border-color:var(--algo-primary);background:var(--algo-card-hover);color:var(--algo-primary)}.algo-costs{gap:9px;font-size:15px;display:grid}.algo-costs>div{justify-content:space-between;gap:10px;display:flex}.algo-costs dt{color:var(--algo-text-muted)}.algo-costs dd{font-family:var(--font-jetbrains-mono),monospace;font-size:13px}@keyframes algo-beacon{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--algo-sorted)15%,transparent)}}@media (max-width:700px){.algo-lab{width:calc(100% - 28px);padding-top:24px}.algo-lab-heading{flex-direction:column;gap:10px;margin-block:24px}.algo-lab-heading>.algo-complexity{margin:0}.algo-lab-heading p:last-child{font-size:16px}.algo-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}.algo-stage{border-radius:17px;padding:15px}.algo-metrics>div{padding:12px}.algo-metrics span{font-size:12px}.algo-metrics strong{font-size:24px}.algo-chart{gap:5px;height:220px}.algo-column-value{font-size:12px}.algo-column-fill{border-radius:4px 4px 1px 1px}.algo-step-message{gap:10px;padding:12px}.algo-step-message p{font-size:15px}.algo-playback{gap:8px}.algo-btn-primary{flex:1;min-width:110px}.algo-speed{justify-content:end;width:100%}.algo-details{grid-template-columns:1fr}.algo-card{padding:20px}}@media (prefers-reduced-motion:reduce){.algo-container *,.algo-container :before{transition:none!important;animation:none!important}}