:root{color:#c9d1d9;font-synthesis:none;text-rendering:optimizelegibility;background:#0d1117;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh}button,code,pre{font:inherit}a{color:inherit}::selection{color:#00ff41;background:#00ff4133}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.page-shell{width:min(100%,960px);margin:0 auto;padding:48px 24px 32px}.hero-copy{max-width:720px;margin-bottom:28px}.eyebrow,.section-label{color:#00ff41;letter-spacing:.12em;font-size:.72rem}.hero-copy h1{color:#e6edf3;margin-top:10px;font-size:clamp(1.5rem,5vw,2.25rem);line-height:1.15}.hero-copy>p{color:#8b949e;margin-top:12px;font-size:.86rem;line-height:1.65}.hero-copy .measurement-note{color:#6e7681;font-size:.76rem}.reload-button{color:#00ff41;cursor:pointer;background:0 0;border:1px solid #238636;border-radius:6px;margin-bottom:24px;padding:9px 15px}.reload-button:hover,.reload-button:focus-visible{background:#00ff4114;outline:none;box-shadow:0 0 0 3px #00ff411a}.comparison-grid,.code-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.image-card{min-width:0}.card-label,.code-title,.step-heading{color:#6e7681;margin-bottom:10px;font-size:.73rem}.card-label{align-items:center;gap:7px;display:flex}.card-label--optimized{color:#00ff41}.status-dot{background:#484f58;border-radius:50%;flex:none;width:7px;height:7px}.status-dot--optimized{background:#00ff41;box-shadow:0 0 8px #00ff418c}.image-frame{aspect-ratio:3/2;background:#161b22;border:1px solid #30363d;border-radius:8px;width:100%;position:relative;overflow:hidden}.native-image{object-fit:cover;width:100%;height:100%;display:block}.card-status{color:#6e7681;overflow-wrap:anywhere;min-height:1.1rem;margin-top:9px;font-size:.68rem}.results-section,.code-section,.facts-section,.quick-start{margin-top:52px}.section-label{color:#6e7681;margin-bottom:14px}.table-scroll{border:1px solid #30363d;border-radius:8px;overflow-x:auto}table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:680px}th,td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #21262d;padding:11px 14px;font-size:.72rem}thead th{color:#8b949e;background:#161b22;font-weight:600}thead th:nth-child(2){color:#00ff41}tbody th{color:#6e7681;width:31%;font-weight:400}tbody td{color:#c9d1d9}tbody tr:last-child>*{border-bottom:0}.result-detail{color:#00ff41;margin-top:4px;font-size:.65rem;display:block}.measurement-method{color:#6e7681;margin-top:10px;font-size:.68rem;line-height:1.6}pre{color:#c9d1d9;tab-size:2;background:#161b22;border:1px solid #30363d;border-radius:8px;max-width:100%;padding:16px;font-size:.7rem;line-height:1.7;overflow:auto}.code-title{color:#8b949e}.facts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.facts-grid article{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:18px}.facts-grid h2{color:#e6edf3;font-size:.78rem}.facts-grid p{color:#8b949e;margin-top:9px;font-size:.69rem;line-height:1.6}.steps{gap:12px;display:grid}.step{position:relative}.step-heading span{color:#00ff41}.copy-button{color:#8b949e;cursor:pointer;background:#0d1117;border:1px solid #30363d;border-radius:4px;padding:4px 8px;font-size:.62rem;position:absolute;top:32px;right:9px}.copy-button:hover,.copy-button:focus-visible{color:#00ff41;border-color:#238636;outline:none}.cta{background:#161b22;border:1px solid #30363d;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin-top:56px;padding:24px;display:flex}.cta>code{color:#00ff41;font-size:.84rem}.cta-links{gap:9px;display:flex}.cta a{color:#c9d1d9;border:1px solid #30363d;border-radius:5px;padding:7px 10px;font-size:.68rem;text-decoration:none}.cta a:hover,.cta a:focus-visible{color:#00ff41;border-color:#238636;outline:none}footer{color:#484f58;text-align:center;margin-top:28px;font-size:.65rem}@media (width<=720px){.page-shell{padding-top:32px}.comparison-grid,.code-grid{grid-template-columns:1fr}.facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta{flex-direction:column;align-items:flex-start}}@media (width<=480px){.page-shell{padding-left:16px;padding-right:16px}.facts-grid{grid-template-columns:1fr}.cta-links{flex-wrap:wrap}}