:root{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1f1f1f;--text-primary:#ffffff;--text-secondary:#a0a0a0;--text-muted:#666666;--border-color:#2a2a2a;--border-tooltip:#3d3d3d;--accent:#ffffff;--accent-muted:#404040;--bar-default:#4a90d9;--bar-compare:#f5c842;--bar-swap:#e74c3c;--bar-sorted:#2ecc71;--bar-pivot:#9b59b6;--shadow:rgba(0,0,0,.5);--transition:.3s ease;--slider-track:#404040;--slider-thumb:#ffffff;--chooser-border:color-mix(in srgb,var(--border-color) 82%,var(--text-muted) 18%);--chooser-border-hover:color-mix(in srgb,var(--text-secondary) 68%,var(--accent-muted) 32%);--chooser-surface-top:color-mix(in srgb,var(--bg-secondary) 72%,var(--bg-tertiary) 28%);--chooser-surface-bottom:color-mix(in srgb,var(--bg-tertiary) 88%,black 12%);--chooser-sheen:color-mix(in srgb,var(--text-primary) 10%,transparent);--chooser-shadow:color-mix(in srgb,var(--shadow) 72%,transparent);--chooser-focus-ring:color-mix(in srgb,var(--accent) 22%,transparent);--chooser-arrow:color-mix(in srgb,var(--text-secondary) 82%,var(--text-primary) 18%);--scrollbar-size:12px;--scrollbar-track:color-mix(in srgb,var(--bg-secondary) 72%,transparent);--scrollbar-track-edge:color-mix(in srgb,var(--border-color) 55%,transparent);--scrollbar-thumb:color-mix(in srgb,var(--text-muted) 72%,var(--bg-tertiary) 28%);--scrollbar-thumb-hover:color-mix(in srgb,var(--text-secondary) 78%,var(--bg-tertiary) 22%);--scrollbar-thumb-active:color-mix(in srgb,var(--text-primary) 82%,var(--bg-tertiary) 18%)}html{background:var(--bg-primary);transition:background-color .3s ease}[data-theme=light]{--bg-primary:#ffffff;--bg-secondary:#f5f5f5;--bg-tertiary:#ebebeb;--text-primary:#0a0a0a;--text-secondary:#555555;--text-muted:#888888;--border-color:#e0e0e0;--border-tooltip:#c0c0c0;--accent:#0a0a0a;--accent-muted:#cccccc;--bar-default:#3498db;--bar-compare:#f39c12;--bar-swap:#c0392b;--bar-sorted:#27ae60;--bar-pivot:#8e44ad;--shadow:rgba(0,0,0,.1);--slider-track:#cccccc;--slider-thumb:#333333;--chooser-border:color-mix(in srgb,var(--border-color) 78%,rgba(0,0,0,.12) 22%);--chooser-border-hover:color-mix(in srgb,var(--text-secondary) 62%,var(--border-color) 38%);--chooser-surface-top:color-mix(in srgb,white 84%,var(--bg-secondary) 16%);--chooser-surface-bottom:color-mix(in srgb,white 60%,var(--bg-tertiary) 40%);--chooser-sheen:color-mix(in srgb,white 88%,transparent);--chooser-shadow:rgba(15,23,42,.08);--chooser-focus-ring:rgba(15,23,42,.12);--chooser-arrow:color-mix(in srgb,var(--text-secondary) 76%,var(--text-primary) 24%);--scrollbar-track:color-mix(in srgb,var(--bg-secondary) 88%,white 12%);--scrollbar-track-edge:color-mix(in srgb,var(--border-color) 78%,transparent);--scrollbar-thumb:color-mix(in srgb,var(--text-muted) 70%,white 30%);--scrollbar-thumb-hover:color-mix(in srgb,var(--text-secondary) 76%,white 24%);--scrollbar-thumb-active:color-mix(in srgb,var(--text-primary) 78%,white 22%)}[data-colorblind=deuteranopia]{--bar-default:#0077BB;--bar-compare:#EE7733;--bar-swap:#CC3311;--bar-sorted:#009988;--bar-pivot:#EE3377}[data-colorblind=protanopia]{--bar-default:#4477AA;--bar-compare:#CCBB44;--bar-swap:#EE6677;--bar-sorted:#228833;--bar-pivot:#BBBBBB}[data-colorblind=tritanopia]{--bar-default:#332288;--bar-compare:#AA4499;--bar-swap:#CC6677;--bar-sorted:#44AA99;--bar-pivot:#DDCC77}.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}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}body,textarea,select,pre,code,*{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:linear-gradient(180deg,color-mix(in srgb,var(--scrollbar-track) 94%,transparent),color-mix(in srgb,var(--bg-primary) 28%,var(--scrollbar-track) 72%));border:1px solid var(--scrollbar-track-edge);border-radius:999px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,color-mix(in srgb,white 12%,var(--scrollbar-thumb) 88%),color-mix(in srgb,black 10%,var(--scrollbar-thumb) 90%));border:2px solid transparent;border-radius:999px;background-clip:padding-box;min-height:2.5rem}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,color-mix(in srgb,white 10%,var(--scrollbar-thumb-hover) 90%),color-mix(in srgb,black 8%,var(--scrollbar-thumb-hover) 92%));border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,color-mix(in srgb,white 8%,var(--scrollbar-thumb-active) 92%),color-mix(in srgb,black 10%,var(--scrollbar-thumb-active) 90%));border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size-adjust:.52;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;transition:background-color var(--transition),color var(--transition)}main{flex:1;display:flex;flex-direction:column;overflow:visible;position:relative}.active-section{display:flex!important;flex:1;flex-direction:column;min-height:0;overflow-y:visible}body.page-scroll-benchmark{height:auto;min-height:100vh;overflow-y:auto}body.page-lock-visualizer{height:100dvh;min-height:100dvh;overflow:hidden}main.page-scroll-benchmark{overflow:visible;flex:1}main.page-lock-visualizer{flex:1;min-height:0;overflow:hidden}body.page-scroll-benchmark .active-section{overflow-y:visible}body.page-lock-visualizer .active-section{overflow:hidden}*:focus-visible{outline:2px solid var(--bar-compare);outline-offset:2px}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--bar-compare);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--bar-compare);color:var(--bg-primary);padding:8px 16px;z-index:1000;transition:top .3s}.skip-link:focus{top:0}.swipe-hint{display:none;text-align:center;padding:.5rem;color:var(--text-muted);font-size:.75rem}@media(max-width:768px){.swipe-hint{display:block}}.fullscreen-btn{position:absolute;top:8px;right:8px;z-index:10;background:#00000080;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px;cursor:pointer;opacity:0;transition:opacity .2s,background .2s;display:flex;align-items:center;justify-content:center;line-height:0}*:hover>.fullscreen-btn,.fullscreen-btn:focus-visible{opacity:1}.fullscreen-btn:hover{background:#000000bf}.viz-fullscreen{background:var(--bg-primary,#0a0a0a);width:100vw!important;height:100vh!important}:fullscreen .fullscreen-btn{display:none}