:root{color-scheme:light;--max-w-layout: 68rem;--h-header: 3rem;--h-footer: 4rem;--gutter: clamp(1rem, 4vw, 2rem);--font-default: "Avenir Next", "Segoe UI Variable", "Segoe UI", Roboto, "Shanggu Sans", "Hiragino Sans", "Hiragino Sans GB", "Yu Gothic", system-ui, sans-serif ;--font-alternative: Palatino, Cambria, "Shanggu Serif", "Hiragino Mincho ProN", "Yu Mincho", serif ;--font-accent: Palatino, Cambria, "LXGW WenKai TC", "Klee One", Klee, "Klee One", BiauKai, DFKai-SB, "Kaiti TC", "Hiragino Mincho ProN", "Yu Mincho", cursive, serif ;--palette-white: #fff;--palette-snow: #f7f7f7;--palette-mist: #eeeeee;--palette-cloud: #e6e6e6;--palette-silver: #b0b1b3;--palette-ash: #9b9b9b;--palette-slate: #696c6b;--palette-graphite: #2a2a2d;--palette-onyx: #242427;--palette-charcoal: #18181b;--palette-black: #111;--palette-ink: #0a0a0a;--palette-ink: #191515;--palette-ink-grey: #4e4f51;--palette-ink-light: #4e4f519c;--palette-red: #b00404;--ui-accent: var(--palette-red);--ui-text: light-dark(var(--palette-black), var(--palette-mist));--ui-grid: light-dark(var(--palette-cloud), var(--palette-onyx));--ui-bg: light-dark(var(--palette-white), var(--palette-ink));--ui-bg-3q: light-dark( color-mix(in srgb, var(--palette-white) 75%, transparent), color-mix(in srgb, var(--palette-ink) 82%, transparent) ) ;--ui-bg-2q: color-mix(in srgb, var(--ui-bg) 50%, transparent);--ui-bg-1q: color-mix(in srgb, var(--ui-bg) 25%, transparent);--ui-bg-inverse: light-dark(var(--palette-ink), var(--palette-snow));--ui-bg-inverse-3q: color-mix(in srgb, var(--ui-bg-inverse) 75%, transparent);--ui-bg-inverse-2q: color-mix(in srgb, var(--ui-bg-inverse) 50%, transparent);--ui-bg-inverse-1q: color-mix(in srgb, var(--ui-bg-inverse) 25%, transparent);--ui-text-inverse: light-dark(var(--palette-mist), var(--palette-ink));--ui-text-inverse-3q: color-mix(in srgb, var(--ui-text-inverse) 75%, transparent);--ui-text-inverse-2q: color-mix(in srgb, var(--ui-text-inverse) 50%, transparent);--ui-text-inverse-1q: color-mix(in srgb, var(--ui-text-inverse) 25%, transparent);--ui-supplement-text: light-dark(var(--palette-slate), var(--palette-ash));--ui-supplement-text-3q: color-mix(in srgb, var(--ui-supplement-text) 75%, transparent);--ui-supplement-text-2q: color-mix(in srgb, var(--ui-supplement-text) 50%, transparent);--ui-supplement-text-1q: color-mix(in srgb, var(--ui-supplement-text) 25%, transparent);--ui-panel: light-dark(var(--palette-snow), var(--palette-charcoal));--ui-ink: var(--palette-ink);--ui-ink-grey: light-dark(var(--palette-ink-grey), var(--palette-silver));--ui-ink-light: var(--palette-ink-light);--ui-rule: light-dark(var(--palette-cloud), var(--palette-graphite))}:root:has(input[name=dark-mode]:checked){color-scheme:dark}:root{--path-caret: shape(from 68.8763% 37.3738%, curve to 68.8763% 41.7931% with 70.0969% 38.5938% / 70.0969% 40.5725%, line to 52.2094% 58.4594%, curve to 47.7906% 58.4594% with 50.9894% 59.68% / 49.0106% 59.68%, line to 31.1238% 41.7931%, curve to 31.1238% 37.3738% with 29.9031% 40.5725% / 29.9031% 38.5938%, curve to 35.5431% 37.3738% with 32.3438% 36.1531% / 34.3225% 36.1531%, line to 50% 51.8306%, line to 64.4569% 37.3738%, curve to 68.8763% 37.3738% with 65.6775% 36.1531% / 67.6556% 36.1531%, close);--path-check: shape(from 75.1263% 33.2069%, curve to 75.1263% 37.6263% with 76.3469% 34.4275% / 76.3469% 36.4063%, line to 45.9594% 66.7931%, curve to 41.54% 66.7931% with 44.7394% 68.0131% / 42.7606% 68.0131%, line to 24.8738% 50.1263%, curve to 24.8738% 45.7069% with 23.6531% 48.9056% / 23.6531% 46.9275%, curve to 29.2931% 45.7069% with 26.0938% 44.4869% / 28.0725% 44.4869%, line to 43.75% 60.1638%, line to 70.7069% 33.2069%, curve to 75.1263% 33.2069% with 71.9275% 31.9869% / 73.9056% 31.9869%, close)}:where(:root){container-name:fullscreen-pseudo-elmts;font-family:var(--font-default);font-size:16px;font-weight:400;line-height:1.25;text-autospace:normal;text-underline-offset:.125rem;color:var(--ui-text);scroll-behavior:smooth;scrollbar-gutter:stable}:where(:root) :where(body){margin:0;background:var(--ui-bg);color:var(--ui-text);overflow-x:clip}:root{box-sizing:border-box}:root :where(*,*:before,*:after){box-sizing:inherit}:where(a):where(:link,:visited){color:#0e53d4;transition:.15s all ease-out;text-decoration-color:transparent}:where(a):where(:hover){color:#0d1aac;text-decoration-color:currentColor}:where(a):where(:active){color:#0e53d4ae}:where(fieldset){margin:0;padding:0;border:0}:where(fieldset) :where(legend){padding:0}:where(:focus){outline:0}:where(button){padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;font:inherit}@container fullscreen-pseudo-elmts{:where(body>*,#why,#playground,#usage,#faq,main>article>.family){position:relative;margin:auto;max-inline-size:var(--max-w-layout)}:where(body>*,#why,#playground,#usage,#faq,main>article>.family):before,:where(body>*,#why,#playground,#usage,#faq,main>article>.family):after{content:"";position:absolute;inset-block-start:0;inset-inline-start:50%;transform:translate(-50%);display:block;inline-size:100vw;block-size:100%;pointer-events:none}}:where(body>main,body>header,body>footer){padding-inline:var(--gutter)}html{scroll-padding-block-start:calc(var(--h-header) + .5rem)}body>header{position:fixed;z-index:10;inset-inline-start:50%;transform:translate(-50%);inset-block-start:0;display:flex;align-items:center;inline-size:min(100%,var(--max-w-layout));block-size:var(--h-header)}body>header:after{z-index:-10;background-color:var(--ui-bg-3q);border-block-end:1px solid var(--ui-grid);-webkit-backdrop-filter:blur(6px) saturate(1.1);backdrop-filter:blur(6px) saturate(1.1)}body>header h1{position:relative;font-size:1.5rem;font-weight:200}body>header h1 small{font-size:.675em;opacity:.5}body>header h1:after{content:"";position:absolute;inset-inline-end:-2.5rem;inset-block-start:1.0625em;display:block;inline-size:5rem;border-block-end:2px solid var(--ui-accent)}body>header menu{display:flex;margin-inline-start:auto;padding:0;gap:1rem;list-style:none}body>header menu a,body>header menu label span{display:inline-flex;align-items:center;block-size:calc(var(--h-header) - 1px);cursor:pointer}body>header menu a{font-size:.875rem;color:var(--ui-ink-grey)}body>header li:has(input[type=checkbox]){position:relative}body>header li:has(input[type=checkbox]) input[type=checkbox]{position:absolute;opacity:0}body>header li:has(input[type=checkbox]) span{position:relative;inline-size:1em;overflow:hidden;font-size:1.5em;color:transparent}body>header li:has(input[type=checkbox]) span:before{content:"🌒";color:#000}body>header li:has(input[type=checkbox]) input[type=checkbox]:checked+span:before{content:"🌻";content:"🌞"}@media not (min-width:34rem){body>header h1 small{display:none}body>header h1:after{inline-size:2rem;inset-inline-end:-.75rem}body>header menu{gap:.75rem}body>header menu a{font-size:.8125rem}body>header menu li:has(a[href$="cdn-bench.html"]),body>header menu li:has(a[href*=github]){display:none}}body>main{margin-block-start:var(--h-header)}body>footer{display:flex;align-items:center;block-size:var(--h-footer);font-size:.75rem;font-weight:250;color:var(--ui-supplement-text)}body>footer:before{border-block-start:1px solid var(--ui-grid)}body>footer p{inline-size:100%;text-align:center}:root{--font-default: Georgia, "Times New Roman", "Shanggu Serif", "Hiragino Mincho ProN", "YuMincho", serif}body>main{display:flex;flex-direction:column;padding-block:2.5rem 1rem}body>main hgroup{margin-block:0 1.75rem;max-inline-size:52rem}body>main h1{margin-block:0 .4rem;font-size:clamp(1.3rem,3.5vw,1.8rem);font-weight:250}body>main hgroup p{margin-block:0;font-size:.9rem;color:var(--ui-supplement-text)}body>main code{padding-block:.1em;padding-inline:.4em;border-radius:.25rem;background-color:var(--ui-panel);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85em}main>form{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-block-end:1.25rem}main>form menu{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none}main>form li{display:contents}main>form fieldset{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}main>form legend{font-size:.85rem;color:var(--ui-supplement-text)}main>form button{padding-block:.5rem;padding-inline:1rem;border:1px solid var(--ui-rule);border-radius:.5rem;background-color:var(--ui-panel);color:var(--ui-text);cursor:pointer;transition:background-color .15s,border-color .15s}main>form button:hover{background-color:var(--ui-grid)}main>form button:disabled{opacity:.5;cursor:progress}main>form button[data-run]:not([data-run=all]){border-color:color-mix(in srgb,var(--palette-mist) 20%,transparent);background-color:var(--ui-ink);color:color-mix(in srgb,var(--palette-mist) 90%,transparent)}main>form button[data-run]:not([data-run=all]):hover{opacity:.85}main>form label{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--ui-supplement-text)}main>form input[type=number]{inline-size:3.5rem;padding:.3rem;border:1px solid var(--ui-rule);border-radius:.375rem;background-color:var(--ui-bg);color:inherit;font:inherit}main>form input[type=checkbox]{accent-color:var(--ui-ink)}.results-scroll{margin-block:1rem 1.75rem;overflow-x:auto;overscroll-behavior-x:contain}.results-scroll:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}#results{inline-size:100%;border-collapse:collapse}#results th,#results td{padding-block:.55rem;padding-inline:.7rem;border-block-end:1px solid var(--ui-rule);text-align:end;white-space:nowrap}#results th:first-child,#results td:first-child{text-align:start}#results thead th{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--ui-supplement-text-2q)}#results tbody tr.winner td{background-color:var(--ui-panel)}#results .cdn{font-weight:700}#results .badge{margin-inline-start:.45rem;padding-block:.1em;padding-inline:.5em;border-radius:999px;background-color:var(--ui-ink);color:color-mix(in srgb,var(--palette-mist) 90%,transparent);font-size:.68rem;vertical-align:.05em}#results .muted{color:var(--ui-supplement-text-2q);font-weight:400}#results .n{font-variant-numeric:tabular-nums}#specimen{margin:0;margin-block-start:.5rem;padding:1.5rem;min-block-size:7rem;border:1px solid var(--ui-rule);border-radius:.625rem;background-color:var(--ui-bg)}#specimen p:first-of-type{margin-block:0;font-size:1.9rem;font-weight:700;line-height:1.3}#specimen p:nth-of-type(2){margin-block:.6rem 0;font-size:1.15rem;line-height:1.9;text-align:justify}#specimen figcaption{margin-block-start:.8rem;font-size:.75rem;color:var(--ui-supplement-text)}#log{margin-block:1.25rem 0;padding-block:.9rem;padding-inline:1rem;max-block-size:14rem;overflow:auto;border:1px solid var(--ui-rule);border-radius:.5rem;background-color:var(--ui-panel);color:var(--ui-supplement-text);font:12px/1.5 ui-monospace,SF Mono,Menlo,monospace;white-space:pre-wrap}