@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/32687112bd2dd8db-s.0v2ipp7s07_p9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/28868e710e86be81-s.44ks8kcggj012.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.1ii7211jqpzi_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/32687112bd2dd8db-s.0v2ipp7s07_p9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/28868e710e86be81-s.44ks8kcggj012.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.1ii7211jqpzi_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/32687112bd2dd8db-s.0v2ipp7s07_p9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/28868e710e86be81-s.44ks8kcggj012.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.1ii7211jqpzi_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0v2ipp7s07_p9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/28868e710e86be81-s.44ks8kcggj012.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.1ii7211jqpzi_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_bd321b1c-module__Uu0_jG__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_bd321b1c-module__Uu0_jG__variable{--font-sans:"Space Grotesk", "Space Grotesk Fallback"}
@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4ba802ed8e67eac5-s.341_rbs6dql3t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d7a0600e467cf0bd-s.40d3ll7mho212.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/dc0d9adbac686440-s.p.3-4lwpipb4a4k.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b8f2b92a9960dd69-s.37aqrzupgb8zi.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/28e60ca39c9ae554-s.0e_5-ojqbtsw9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8d05cfa5faa8406c-s.p.2p-978ij53_v6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono Fallback;src:local(Arial);ascent-override:81.58%;descent-override:26.3%;line-gap-override:0.0%;size-adjust:137.28%}.space_mono_7f9f0134-module__VYKLqG__className{font-family:Space Mono,Space Mono Fallback;font-style:normal}.space_mono_7f9f0134-module__VYKLqG__variable{--font-mono:"Space Mono", "Space Mono Fallback"}
:root{--bg:#0a0a0f;--bg-panel:#12121ab8;--border:#ffffff14;--border-strong:#ffffff24;--text:#f2f2f5;--text-muted:#9a9aa8;--text-faint:#6b6b78;--accent-a:#7c6cff;--accent-b:#22d3ee;--accent-gradient:linear-gradient(135deg, var(--accent-a), var(--accent-b));--color-compare:#ef4444;--color-compare-glow:#ef444480;--color-sorted:#22c55e;--color-sorted-glow:#22c55e66}body{font-family:var(--font-sans), -apple-system, BlinkMacSystemFont, sans-serif;background:radial-gradient(1100px circle at 12% -10%, #7c6cff24, transparent 55%), radial-gradient(900px circle at 88% 108%, #22d3ee1a, transparent 55%), var(--bg);color:var(--text);margin:0;padding:0;overflow:hidden}.app-container{width:100vw;height:100vh;display:flex}.sidebar{background:var(--bg-panel);-webkit-backdrop-filter:blur(20px)saturate(140%);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:270px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden auto;box-shadow:6px 0 30px #00000059}.sidebar.collapsed{margin-left:-270px}.brand{align-items:center;gap:.65rem;padding:1.5rem 1.5rem 1.15rem;display:flex}.brand-mark{border-radius:7px;flex-shrink:0;width:26px;height:26px;box-shadow:0 2px 10px #7c6cff59}.brand h2{letter-spacing:-.03em;background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.2rem;font-weight:800}.controls{border-bottom:1px solid var(--border);padding:0 1.5rem 1.5rem}.primary-btn{width:100%;color:var(--text);border:1px solid var(--border-strong);cursor:pointer;background:#ffffff0a;border-radius:8px;padding:.75rem;font-weight:600;transition:background-color .2s,border-color .2s,transform .15s}.primary-btn:hover:not(:disabled){border-color:var(--accent-a);background:#ffffff14}.primary-btn:active:not(:disabled){transform:scale(.98)}.menu-section{padding:1.5rem 1rem 0}.menu-title{color:var(--text-faint);letter-spacing:.1em;margin:0 0 .5rem .5rem;font-size:.7rem;font-weight:700}.menu-item{text-align:left;width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;margin-bottom:.2rem;padding:.6rem 1rem;font-size:.9rem;transition:background-color .2s,color .2s,box-shadow .2s}.menu-item:hover:not(:disabled){color:var(--text);background-color:#ffffff0d}.menu-item.active{color:#fff;box-shadow:inset 3px 0 0 0 var(--accent-b);background:linear-gradient(90deg,#7c6cff33,#22d3ee14);font-weight:700}.menu-item:disabled{opacity:.5;cursor:not-allowed}.distribution-group{flex-direction:column;gap:.4rem;margin-top:1.5rem;display:flex}.distribution-group label{color:var(--text-muted);font-size:.8rem;font-weight:600}.distribution-buttons{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.dist-btn{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:8px;padding:.5rem .4rem;font-size:.75rem;font-weight:600;transition:all .2s}.dist-btn:hover:not(:disabled){color:var(--text);background:#ffffff12}.dist-btn.active{background:var(--accent-gradient);color:#0a0a0f;border-color:#0000}.dist-btn:disabled{opacity:.5;cursor:not-allowed}.complexity-grid{grid-template-columns:1fr 1fr;gap:.6rem;padding:0 .5rem;display:grid}.complexity-item{flex-direction:column;gap:.2rem;display:flex}.complexity-item span{color:var(--text-faint);font-size:.7rem}.complexity-item code{color:var(--accent-b);font-size:.85rem;font-weight:700;font-family:var(--font-mono), "SFMono-Regular", Consolas, monospace}.stats-grid{flex-direction:column;gap:.6rem;padding:0 .5rem 1rem;display:flex}.stat-item{justify-content:space-between;align-items:baseline;display:flex}.stat-label{color:var(--text-muted);font-size:.8rem}.stat-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:700;font-family:var(--font-mono), "SFMono-Regular", Consolas, monospace}.legend{gap:1.25rem;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.legend-swatch{border-radius:3px;width:12px;height:12px;display:inline-block}.swatch-default{background:var(--accent-gradient)}.swatch-comparing{background:var(--color-compare);box-shadow:0 0 6px var(--color-compare-glow)}.swatch-sorted{background:linear-gradient(180deg, var(--color-sorted), #16a34a);box-shadow:0 0 6px var(--color-sorted-glow)}.canvas{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.top-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.toggle-btn{color:var(--text-muted);border:1px solid var(--border-strong);background:0 0;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .2s;display:flex;cursor:none!important}.toggle-btn:hover{color:var(--text);border-color:var(--accent-a);background-color:#ffffff0f}.run-btn{color:#06210f;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 4px 20px #22c55e59}.run-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 26px #22c55e73}.run-btn:active:not(:disabled){transform:translateY(0)scale(.97)}.run-btn.stop-btn{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 20px #ef444459}.run-btn.stop-btn:hover:not(:disabled){box-shadow:0 6px 26px #ef444473}.run-btn:disabled{color:var(--text-faint);box-shadow:none;cursor:not-allowed;background:#ffffff0f}.array-container{border-bottom:1px solid var(--border);flex-grow:1;align-items:flex-end;width:100%;padding:0 2rem;display:flex}.array-bar{background:linear-gradient(180deg, var(--accent-b), var(--accent-a));border-radius:3px 3px 1px 1px;flex:1;margin:0 1px;transition:background-color .15s,box-shadow .15s;box-shadow:0 0 6px #7c6cff33}.array-bar.is-comparing{background:var(--color-compare);box-shadow:0 0 14px var(--color-compare-glow)}.array-bar.is-sorted{background:linear-gradient(180deg, var(--color-sorted), #16a34a);box-shadow:0 0 10px var(--color-sorted-glow)}.slider-group{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.slider-container{flex-direction:column;gap:.4rem;display:flex}.slider-container label{color:var(--text-muted);font-size:.8rem;font-weight:600}input[type=range]{-webkit-appearance:none;background:0 0;width:100%}input[type=range]:disabled{opacity:.5;cursor:not-allowed}input[type=range]::-webkit-slider-runnable-track{background:#ffffff14;border-radius:3px;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-gradient);cursor:pointer;border-radius:50%;width:16px;height:16px;margin-top:-5px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 8px #7c6cff8c}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 12px #22d3eeb3}*,:before,:after{cursor:none!important}label,h2,h3,button{-webkit-user-select:none;user-select:none}.custom-cursor{pointer-events:none;z-index:9999;border:2px solid #0000;border-radius:50%;width:20px;height:20px;position:fixed;top:-10px;left:-10px;box-shadow:0 0 10px #00000080}.cursor-trail{pointer-events:none;z-index:9998;width:8px;height:8px;position:fixed;top:-4px;left:-4px}.cursor-trail-inner{background:var(--accent-gradient);border-radius:50%;width:100%;height:100%;box-shadow:0 0 6px #7c6cffb3}button{cursor:none}input[type=range]::-webkit-slider-thumb{cursor:none}