body:has(.bench-page){background-color:#ece4d3}html.dark body:has(.bench-page){background-color:#171511}.bench-page{--paper:#ece4d3;--paper-raised:#f6f0e3;--ink:#2a261e;--muted:#6d6556;--rule:#cdbfa3;--accent:#9a4a1f;--pass:#3d6b37;--fail:#a3361f;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;background:var(--paper);color:var(--ink);margin-inline:calc(50% - 50vw);padding:0 1rem 6rem;position:relative}.dark .bench-page{--paper:#171511;--paper-raised:#201d17;--ink:#ddd5c6;--muted:#9b917e;--rule:#3b352b;--accent:#dd8d55;--pass:#93b882;--fail:#e3826a}.bench-label{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.bench-hero{text-align:center;max-width:64rem;margin-inline:auto;padding-top:2.5rem}.bench-back{margin-bottom:3rem;text-decoration:none;display:inline-block}.bench-back:hover,.bench-back:focus-visible{color:var(--ink)}.bench-title{letter-spacing:.24em;text-transform:uppercase;font-synthesis:none;flex-direction:column;gap:.15em;margin:1.5rem 0 0;font-family:Noto Sans,system-ui,sans-serif;font-size:clamp(1.55rem,6.4vw,4.4rem);font-weight:300;line-height:1.05;display:flex}.bench-title-vs{letter-spacing:.02em;text-transform:none;color:var(--accent);font-family:Noto Serif,Georgia,serif;font-size:.45em;font-style:italic}.bench-dek{max-width:34rem;color:var(--muted);margin:2rem auto 0;font-family:Noto Serif,Georgia,serif;font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.55}.bench-versions{margin-top:1.25rem}.bench-sheet{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1rem;max-width:60rem;margin:3.5rem auto 0;display:grid}.bench-print{background:var(--paper-raised);border:1px solid var(--rule);rotate:var(--tilt);padding:.4rem .4rem .55rem;text-decoration:none;transition:rotate .4s cubic-bezier(.22,1,.36,1),translate .4s cubic-bezier(.22,1,.36,1);display:block;box-shadow:0 10px 24px -18px #2a261e99}.bench-print:hover,.bench-print:focus-visible{translate:0 -4px;rotate:0deg}.bench-print img{aspect-ratio:8/5;object-fit:cover;object-position:top;width:100%;height:auto;display:block}.bench-print .bench-label{text-align:left;margin-top:.45rem;display:block}.bench-print:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - .5rem)}@media (width>=768px){.bench-sheet{grid-template-columns:repeat(5,minmax(0,1fr))}.bench-print:last-child{grid-column:auto;width:auto}}.bench-body{max-width:42rem;margin:5rem auto 0;font-family:Noto Serif,Georgia,serif;font-size:clamp(1.12rem,1.5vw,1.4rem);line-height:1.65}.bench-body>p{text-wrap:pretty;margin:0 0 1.35em}@media (width>=768px){.bench-body>p{text-align:justify;hyphens:auto}}.bench-body>p:first-child{text-align:left;font-size:1.12em;line-height:1.55}.bench-body h2{margin:3.5rem 0 1.25rem;font-family:Noto Serif,Georgia,serif;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:400;line-height:1.3}.bench-body h3{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:3rem 0 1rem;font-family:Noto Sans,system-ui,sans-serif;font-size:.85rem;font-weight:500}.bench-body a{color:inherit;text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:.2em;text-decoration-thickness:1px}.bench-body a:hover{text-decoration-color:var(--accent)}.bench-body ul,.bench-body ol{margin:0 0 1.35em;padding-left:1.2em}.bench-body li{margin-bottom:.4em}.bench-body ul li{list-style:"– "}.bench-body ol li{list-style:decimal}.bench-body :not(pre)>code{font-family:var(--mono);background:var(--paper-raised);border:1px solid var(--rule);border-radius:4px;padding:.08em .35em;font-size:.78em}.bench-clip,.bench-board,.bench-diff{margin:2.25rem -.25rem 2.5rem}@media (width>=1024px){.bench-clip,.bench-board,.bench-diff{margin-inline:-4rem}}.bench-frame{background:var(--paper-raised);border:1px solid var(--rule);border-radius:8px;overflow:hidden}.bench-frame-bar{border-bottom:1px solid var(--rule);justify-content:space-between;gap:1rem;padding:.55rem .8rem;display:flex}.bench-host{text-transform:none}.bench-screen{background:#fff;position:relative}.bench-screen video{width:100%;height:auto;display:block}.bench-play{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#f6f0e3;cursor:pointer;background:#2a261ed1;border:0;border-radius:999px;padding:.35rem .7rem;font-size:.7rem;position:absolute;bottom:.75rem;right:.75rem}.bench-play:focus-visible,.bench-sound:focus-visible,.bench-print:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bench-commands{border-top:1px solid var(--rule)}.bench-commands summary{cursor:pointer;padding:.55rem .8rem}.bench-commands pre{font-family:var(--mono);color:var(--ink);margin:0;padding:.2rem .8rem .9rem;font-size:.78rem;line-height:1.7;overflow-x:auto}.bench-caption{color:var(--muted);margin:.9rem 0 0;font-family:Noto Serif,Georgia,serif;font-size:.95rem;line-height:1.55}.bench-caption p{margin:0}.bench-caption p+p{margin-top:.4rem}.bench-caption code{font-family:var(--mono);font-size:.85em}.bench-strip{gap:.35rem;margin:.9rem 0 0;display:grid}.bench-strip-row{align-items:center;gap:.75rem;display:flex}.bench-strip dt{flex:none;width:7.5rem}.bench-strip dd{font-family:var(--mono);align-items:center;gap:.6rem;margin:0;font-size:.78rem;display:flex}.bench-trials{gap:.25rem;display:inline-flex}.bench-trial{border-radius:2px;width:.7rem;height:.7rem}.bench-trial.is-pass{background:var(--pass)}.bench-trial.is-fail{box-shadow:inset 0 0 0 1.5px var(--fail);background:0 0}.bench-gif-link{margin-top:.75rem;display:inline-block}.bench-board-scroll{overflow-x:auto}.bench-board table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:.82rem}.bench-board th,.bench-board td{text-align:left;border-bottom:1px solid var(--rule);white-space:nowrap;padding:.6rem .8rem}.bench-board thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:400}.bench-board tbody th{font-weight:400}.bench-board td span{color:var(--muted);margin-left:.6rem}.bench-board td.is-fail strong{color:var(--fail)}.bench-board tfoot th,.bench-board tfoot td{border-bottom:0}.bench-board a{color:inherit}.bench-inputs{margin:2.25rem -.25rem 2.5rem}.bench-inputs-grid{align-items:start;gap:1rem;display:grid}@media (width>=1024px){.bench-inputs{margin-inline:-9rem}.bench-inputs-grid{grid-template-columns:1fr 1fr}}.bench-inputs pre{font-family:var(--mono);color:var(--ink);margin:0;padding:.8rem;font-size:.72rem;line-height:1.65;overflow-x:auto}.bench-diff-grid{background:var(--rule);gap:1px;display:grid}@media (width>=640px){.bench-diff-grid{grid-template-columns:1fr 1fr}}.bench-diff-grid section{background:var(--paper-raised);padding:.9rem .9rem 1rem}.bench-diff-grid h4{margin:0 0 .6rem;font-weight:400}.bench-diff-grid dl{margin:0}.bench-diff-row{margin-bottom:.6rem}.bench-diff-row dt{color:var(--muted);font-family:Noto Sans,system-ui,sans-serif;font-size:.78rem}.bench-diff-row dd{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:.15rem 0 0;display:flex}.bench-diff-row code{font-family:var(--mono);font-size:.85rem}.bench-diff-mark{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem}.bench-diff-row.is-pass .bench-diff-mark{color:var(--pass)}.bench-diff-row.is-fail .bench-diff-mark,.bench-diff-row.is-fail code{color:var(--fail)}.bench-sound{z-index:40;color:var(--ink);background:var(--paper-raised);border:1px solid var(--rule);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .85rem;display:inline-flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 8px 20px -14px #2a261eb3}.bench-sound-dot{width:.5rem;height:.5rem;box-shadow:inset 0 0 0 1.5px var(--muted);border-radius:50%}.bench-sound[aria-pressed=true] .bench-sound-dot{background:var(--accent);box-shadow:none}:root:is([data-motion=armed],[data-motion=live]) .bench-title>span{animation:1.4s cubic-bezier(.22,1,.36,1) backwards bench-settle}:root:is([data-motion=armed],[data-motion=live]) .bench-title>span:nth-child(2){animation-delay:.15s}:root:is([data-motion=armed],[data-motion=live]) .bench-title>span:nth-child(3){animation-delay:.3s}:root:is([data-motion=armed],[data-motion=live]) .bench-print{animation:.9s cubic-bezier(.22,1,.36,1) backwards bench-drop;animation-delay:calc(.45s + var(--i) * 70ms)}@keyframes bench-settle{0%{opacity:0;filter:blur(8px);translate:0 .4rem}}@keyframes bench-drop{0%{opacity:0;scale:1.08}}@media (prefers-reduced-motion:reduce){.bench-page *{transition:none!important;animation:none!important}}:root[data-motion-paused=true] .bench-page *{animation:none!important}
