: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:#1a1a2e;--bar-sorted:#2ecc71;--bar-pivot:#9b59b6;--shadow:rgba(0,0,0,0.5);--transition:0.3s ease;--slider-track:#404040;--slider-thumb:#ffffff}html{background:var(--bg-primary);transition:background-color 0.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:#2c3e50;--bar-sorted:#27ae60;--bar-pivot:#8e44ad;--shadow:rgba(0,0,0,0.1);--slider-track:#cccccc;--slider-thumb:#333333}[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%}body{font-family:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size-adjust:0.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 0.3s}.skip-link:focus{top:0}.swipe-hint{display:none;text-align:center;padding:0.5rem;color:var(--text-muted);font-size:0.75rem}@media (max-width:768px){.swipe-hint{display:block}}.fullscreen-btn{position:absolute;top:8px;right:8px;z-index:10;background:rgba(0,0,0,0.5);color:#fff;border:1px solid rgba(255,255,255,0.2);border-radius:6px;padding:6px;cursor:pointer;opacity:0;transition:opacity 0.2s,background 0.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:rgba(0,0,0,0.75)}.viz-fullscreen{background:var(--bg-primary,#0a0a0a);width:100vw !important;height:100vh !important}:fullscreen .fullscreen-btn{display:none}