@font-face{font-family:HersheyCV;src:url(/fonts/HersheyCVVariable-VF.otf) format("opentype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-latin.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{color-scheme:dark;font-family:HersheyCV,ui-monospace,monospace;font-variation-settings:"wght" 400,"wdth" 100,"slnt" 0;background:#070a09;color:#e8f7dc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:linear-gradient(rgb(104 224 111 / .055) 1px,transparent 1px),linear-gradient(90deg,rgb(104 224 111 / .055) 1px,transparent 1px),radial-gradient(circle at 80% 5%,#172923 0,#070a09 34rem);background-size:28px 28px,28px 28px,auto}a{color:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto}header{padding:88px 0 72px}.kicker,.section-no{color:#80cfcb;font:700 12px/1.2 ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}h1{margin:12px 0 20px;max-width:900px;font-family:Fraunces,Georgia,serif;font-size:clamp(58px,9vw,124px);font-weight:430;font-variation-settings:"opsz" 96,"wght" 430,"SOFT" 35,"WONK" 1;line-height:.84;letter-spacing:-.055em}.lede{max-width:760px;color:#aeb9c3;font-size:clamp(20px,2.5vw,30px);line-height:1.35}.lab{border-top:1px solid #344049;padding:40px 0 70px}.lab-head,.controls,.preview-tabs,.compare-pickers{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap}h2{margin:8px 0 20px;font-family:Fraunces,Georgia,serif;font-size:clamp(30px,4vw,52px);font-weight:460;font-variation-settings:"opsz" 52,"wght" 460,"SOFT" 30,"WONK" 1;line-height:1;letter-spacing:-.025em}button,select{font:inherit;color:inherit;background:#151b21;border:1px solid #3c4852;border-radius:3px}button{cursor:pointer;padding:10px 16px}button:hover,button[aria-pressed=true]{background:#d5f552;color:#10130a;border-color:#d5f552}button:disabled{opacity:.55;cursor:wait}.primary{background:#d5f552;color:#10130a;border-color:#d5f552;font-weight:700}.controls{justify-content:flex-start;padding:22px 0 18px}.compare-pickers{justify-content:flex-start;padding:0 0 18px}.compare-pickers label{min-width:min(280px,100%)}label{display:grid;gap:7px;color:#86939e;font:12px/1.2 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}select{min-width:180px;padding:10px 34px 10px 11px;text-transform:none;letter-spacing:0}.viewport{position:relative;overflow:hidden;background:#10151a;border:1px solid #344049}canvas{display:block;width:100%;aspect-ratio:4 / 3;image-rendering:pixelated}#status{position:absolute;left:12px;bottom:10px;margin:0;padding:6px 9px;background:#05080bc2;color:#dce5eb;font:12px/1.2 ui-monospace,monospace}.compare-label{position:absolute;top:12px;z-index:2;padding:6px 8px;background:#05080bc2;color:#e8f7dc;font-size:11px;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}#gpu-worker{position:absolute;width:1px;height:1px;left:-9999px;visibility:hidden;pointer-events:none}.compare-label-a{left:12px}.compare-label-b{right:12px}.compare-slider{position:absolute;inset:0;display:block;z-index:3;pointer-events:none;color:transparent}.compare-slider span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.compare-slider input{position:absolute;inset:0;width:100%;height:100%;margin:0;appearance:none;background:transparent;cursor:ew-resize;pointer-events:auto}.compare-slider input::-webkit-slider-runnable-track{height:100%;background:transparent}.compare-slider input::-webkit-slider-thumb{appearance:none;width:3px;height:100%;background:#d5f552;box-shadow:0 0 0 1px #05080bb3}.compare-slider input::-moz-range-track{height:100%;background:transparent}.compare-slider input::-moz-range-thumb{width:3px;height:100%;border:0;border-radius:0;background:#d5f552}.compare-viewport:not(.is-compare) .compare-label,.compare-viewport:not(.is-compare) .compare-slider{display:none}.preview-tabs{justify-content:flex-start;margin:12px 0 22px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{padding:16px 12px;border-top:1px solid #344049;text-align:right;white-space:pre-line}th:first-child{text-align:left}tbody th{min-width:235px;font-size:16px}tbody small{display:block;margin-top:4px;color:#7f8b95;font-weight:400}thead{color:#7f8b95;font:11px/1.2 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}tbody td{font:15px/1.45 ui-monospace,monospace}.method{max-width:850px;color:#7f8b95;font-size:13px;line-height:1.55}.gpu-lab{padding-top:60px}.gpu-intro{max-width:860px;color:#aeb9c3;font-size:17px;line-height:1.55}code{font-family:ui-monospace,monospace;color:#c8d3dc}.reading,.history{border-top:1px solid #344049;padding:54px 0 64px}.reading-grid{display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr;gap:70px}.reading-grid p,.history>p{color:#aeb9c3;font-size:18px;line-height:1.6}.links{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:30px;background:#344049;border:1px solid #344049}.links a{padding:18px;background:#10151a;text-decoration:none}.links a:hover{color:#d5f552}footer{margin-top:30px;padding:24px 20px 40px;color:#66737e;text-align:center;font:11px/1.4 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em}@media(max-width:720px){.shell{width:min(100% - 24px,1180px)}header{padding:56px 0 48px}.reading-grid{grid-template-columns:1fr;gap:6px}.links{grid-template-columns:1fr}th,td{padding:13px 9px}}