.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;transition:outline-offset var(--duration-quick) var(--easing-spring)}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;transform:scale(1.06)}.fullscreen-btn:active{transform:scale(.92);transition-duration:var(--duration-instant)}.viz-fullscreen{background:var(--bg-primary,#0a0a0a);width:100vw!important;height:100vh!important}:fullscreen .fullscreen-btn{display:none}