:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1020;--fg:#e5e7eb;--muted:#94a3b8;--accent:#38bdf8;--bad:#f87171;--good:#34d399;--warn:#fbbf24;--panel:#111827;--border:#94a3b82e;--rule:var(--border);--col-padding:2rem;--font-stack:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Iowan Old Style", "Charter", Georgia, "Times New Roman", serif;--font-mono:ui-monospace, SFMono-Regular, "Menlo", "Consolas", monospace}:root.wide-cols{--col-padding:4.25rem}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-stack);-webkit-font-smoothing:antialiased;margin:0}body{min-height:100vh}.cols{background:var(--border);grid-template-columns:1fr 1fr;gap:1px;min-height:calc(100vh - 60px);display:grid}.col{background:var(--bg);padding:1.25rem var(--col-padding) 6rem;transition:padding .22s}.col-head{z-index:5;background:linear-gradient(to bottom, var(--bg) 80%, transparent);border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-bottom:1rem;padding:.65rem 0 .75rem;display:flex;position:sticky;top:60px}.col-head h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.5rem;margin:0;font-size:13px;font-weight:600;display:flex}.col-head .dot{border-radius:50%;width:8px;height:8px;display:inline-block}.col-head .dot-on{background:var(--good);box-shadow:0 0 0 3px #34d3992e}.col-head .dot-off{background:var(--bad);box-shadow:0 0 0 3px #f871712e}.col-stats{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:flex-end;gap:.85rem;font-size:11px;display:flex}.col-stats strong{color:var(--fg);margin-left:.2rem;font-weight:600}.col-stats .unexpected strong{font-size:12px}.col-with .col-stats strong{color:var(--good)}.col-without .col-stats strong{color:var(--bad)}.col-with .col-stats .unexpected strong{color:var(--good)}.col-without .col-stats .unexpected strong{color:var(--bad)}.feed{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.card{border:1px solid var(--border);background:#11182766;border-radius:10px;margin:0;padding:1rem 1.1rem}.card-lede{padding:1.25rem 1.4rem 1.4rem}.card-lede h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 .6rem;font-size:clamp(1.45rem,1.1rem + 1vw,2rem);font-weight:700;line-height:1.15}.card-lede .lede{color:var(--fg);margin:0;font-size:clamp(1rem,.9rem + .35vw,1.15rem);line-height:1.55}.card-quote{border-left:3px solid var(--accent);background:#38bdf80d;padding-left:1.4rem}.card-quote p{font-family:var(--font-display);margin:0;font-size:clamp(1.05rem,.95rem + .4vw,1.25rem);font-style:italic;line-height:1.5}.card-quote cite{color:var(--muted);letter-spacing:.03em;margin-top:.6rem;font-size:12px;font-style:normal;display:block}.card-list h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .6rem;font-size:13px;font-weight:600}.card-list ul{margin:0;padding-left:1.1rem;font-size:.95rem;line-height:1.55}.card-list li{margin-bottom:.35rem}.card-list li::marker{color:var(--accent)}.card-table figcaption{color:var(--muted);letter-spacing:.02em;margin:0 0 .55rem;font-size:12px;font-style:italic}.card-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9rem}.card-table thead th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);padding:.45rem .6rem;font-size:11px;font-weight:600}.card-table tbody td{vertical-align:top;border-bottom:1px solid #94a3b814;padding:.5rem .6rem;line-height:1.4}.card-table tbody tr:last-child td{border-bottom:none}.card-figure{padding:.85rem .85rem 1rem}.card-figure .placeholder{background:repeating-linear-gradient(45deg,#94a3b814 0 10px,#94a3b80a 10px 20px),#38bdf814;border-radius:6px;height:110px;margin-bottom:.6rem}.card-figure figcaption{color:var(--muted);margin:0;font-size:12px;font-style:italic;line-height:1.45}.card-code{padding:.85rem .95rem 1rem}.card-code figcaption{color:var(--muted);letter-spacing:.02em;margin:0 0 .55rem;font-size:12px}.card-code pre{border:1px solid var(--border);font-family:var(--font-mono);color:#cbd5e1;background:#080c18b3;border-radius:6px;margin:0;padding:.7rem .85rem;font-size:12px;line-height:1.55;overflow-x:auto}.card-pull{background:0 0;border:none;padding:0}.card-pull p{font-family:var(--font-display);letter-spacing:-.015em;color:var(--fg);text-align:left;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0;padding:1.2rem 0;font-size:clamp(1.5rem,1.1rem + 1.5vw,2.4rem);line-height:1.15}.card-thread{padding:.95rem 1.1rem 1.1rem}.card-thread .thread-head{color:var(--muted);letter-spacing:.04em;margin-bottom:.3rem;font-size:11px}.card-thread .thread-head strong{color:var(--fg);font-weight:600}.card-thread .thread-body{margin:0 0 .8rem;font-size:.95rem;line-height:1.5}.card-thread .thread-replies{border-left:2px solid #38bdf82e;margin:0;padding-left:.9rem;list-style:none}.card-thread .reply{padding:.5rem 0 .55rem .55rem}.card-thread .reply header{color:var(--muted);margin-bottom:.2rem;font-size:11px}.card-thread .reply header strong{color:var(--fg);font-weight:600}.card-thread .reply p{margin:0;font-size:.88rem;line-height:1.5}.card-thread .reply .thread-replies{border-left-color:#94a3b833;margin-top:.4rem}.card-chat{background:#38bdf80a;padding:.85rem 1rem 1rem}.card-chat:before{content:"data-pretext-mode=\"width\"";font-family:var(--font-mono);color:var(--accent);letter-spacing:.04em;opacity:.7;margin-bottom:.55rem;font-size:10px;display:block}.card-chat .chat-row{margin-bottom:.55rem}.card-chat .chat-row:last-child{margin-bottom:0}.card-chat .chat-head{color:var(--muted);margin-bottom:.2rem;font-size:11px}.card-chat .chat-head strong{color:var(--fg);font-weight:600}.card-chat .chat-bubble{background:#38bdf82e;border-radius:12px;width:fit-content;max-width:100%;margin:0;padding:.45rem .75rem;font-size:.92rem;line-height:1.45;display:inline-block}.card-css-vars{background:linear-gradient(135deg,#38bdf81a,#38bdf80a);border-color:#38bdf859;padding:1.2rem 1.4rem 1.3rem}.card-css-vars:before{content:"data-pretext-mode=\"lines\" · CSS-driven by --pretext-line-count";font-family:var(--font-mono);color:var(--accent);letter-spacing:.04em;opacity:.75;margin-bottom:.65rem;font-size:10px;display:block}.card-css-vars h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--muted);margin:0 0 .55rem;font-size:clamp(1.05rem,.9rem + .4vw,1.3rem);font-weight:700;line-height:1.18;transition:font-size .2s,color .2s}.card-css-vars h2[style*="--pretext-line-count: 2;"]{color:var(--fg);font-size:clamp(1.35rem,1rem + 1vw,1.85rem)}.card-css-vars h2[style*="--pretext-line-count: 1;"]{color:var(--accent);letter-spacing:-.02em;font-size:clamp(1.65rem,1.2rem + 1.4vw,2.4rem)}.card-css-vars .css-vars-tagline{color:var(--fg);margin:0;font-size:.95rem;line-height:1.55}.card-outline h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .7rem;font-size:13px;font-weight:600}.card-outline ol.outline{counter-reset:section;margin:0;padding:0;font-size:.9rem;line-height:1.5;list-style:none}.card-outline ol.outline>li{counter-increment:section;margin-bottom:.55rem}.card-outline ol.outline>li:before{content:counter(section) ".";color:var(--accent);font-variant-numeric:tabular-nums;margin-right:.45rem;font-weight:600}.card-outline .outline-label{color:var(--fg);font-weight:600}.card-outline ol.outline ol{counter-reset:subsection;margin:0;padding:.3rem 0 0 1.4rem;list-style:none}.card-outline ol.outline ol li{counter-increment:subsection;color:var(--fg);padding:.15rem 0;font-size:.85rem}.card-outline ol.outline ol li:before{content:counter(section) "." counter(subsection);color:var(--muted);font-variant-numeric:tabular-nums;margin-right:.45rem}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.lazy-skeleton h2:empty,.lazy-skeleton h3:empty,.lazy-skeleton p:empty,.lazy-skeleton li:empty,.lazy-skeleton td:empty,.lazy-skeleton figcaption:empty,.lazy-skeleton cite:empty,.lazy-skeleton .outline-label:empty{background:linear-gradient(90deg,#94a3b80f,#94a3b82e,#94a3b80f) 0 0/200% 100%;border-radius:4px;min-height:.85em;margin:.2em 0;animation:1.4s linear infinite shimmer;display:block}.lazy-loading{position:relative}.lazy-loading .pretext-init{background:linear-gradient(90deg,#94a3b80f,#94a3b82e,#94a3b80f) 0 0/200% 100%;border-radius:4px;animation:1.4s linear infinite shimmer;color:#0000!important;text-shadow:none!important}.lede-article{color:var(--fg);border-top:1px solid var(--border);padding-top:1.5rem;font-size:clamp(1rem,.9rem + .35vw,1.1rem);line-height:1.6}.lede-article p{margin:0 0 1.2rem}.lede-article p.target{border-left:3px solid var(--warn);background:#fbbf2414;border-radius:4px;margin-left:-.9rem;padding:.7rem .9rem;position:relative}.lede-article p.target:before{content:"anchor";letter-spacing:.1em;text-transform:uppercase;color:var(--warn);font-size:9px;font-weight:600;position:absolute;top:.4rem;right:.5rem}.fps-modal{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c18eb;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.fps-modal[hidden]{display:none}.fps-modal-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:min(960px,100%);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000073}.fps-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1rem 1.25rem;display:flex}.fps-modal-head h2{letter-spacing:.04em;text-transform:uppercase;color:var(--fg);margin:0 0 .2rem;font-size:14px;font-weight:600}.fps-modal-sub{color:var(--muted);margin:0;font-size:12px}.fps-modal[data-phase=without] .fps-modal-sub{color:var(--bad)}.fps-modal[data-phase=with] .fps-modal-sub{color:var(--good)}.fps-modal-counters{font-variant-numeric:tabular-nums;align-items:center;gap:.85rem;display:flex}.fps-counter{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex-direction:column;align-items:flex-end;gap:.1rem;min-width:4.5rem;font-size:10px;display:flex}.fps-counter strong{color:var(--fg);font-size:18px;font-weight:600}.fps-btn-close{font:inherit;border:1px solid var(--border);width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;font-size:22px;line-height:1}.fps-btn-close:hover{color:var(--fg);border-color:var(--accent)}.fps-modal-stage{flex:1;grid-template-columns:220px 1fr;gap:1.5rem;min-height:0;padding:1.25rem;display:grid;overflow:hidden}.fps-spinner-wrap{flex-direction:column;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.fps-spinner{will-change:transform;background:conic-gradient(#38bdf800 0deg,#38bdf826 45deg,#38bdf866 135deg,#38bdf8d9 270deg,#38bdf8 360deg);border-radius:50%;width:140px;height:140px;-webkit-mask:radial-gradient(circle,#0000 56%,#000 58%);mask:radial-gradient(circle,#0000 56%,#000 58%)}.fps-spinner-note{text-align:center;color:var(--muted);letter-spacing:.04em;max-width:180px;margin:0;font-size:10px;line-height:1.4}.fps-content{color:var(--fg);padding-right:.5rem;font-size:.9rem;line-height:1.55;overflow-y:auto}.fps-content p{margin:0 0 .7rem}.fps-settings{border-bottom:1px solid var(--border);background:#0f172a66;grid-template-columns:1fr auto;align-items:end;gap:1rem;padding:.9rem 1.25rem 1rem;display:grid}.fps-settings-grid{grid-template-columns:repeat(4,1fr);gap:.75rem 1rem;display:grid}.fps-field{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);flex-direction:column;gap:.3rem;font-size:11px;display:flex}.fps-field input,.fps-field select{font:inherit;text-transform:none;letter-spacing:0;border:1px solid var(--border);color:var(--fg);font-variant-numeric:tabular-nums;background:#080c188c;border-radius:6px;padding:.4rem .55rem;font-size:13px}.fps-field input:disabled,.fps-field select:disabled{opacity:.5;cursor:not-allowed}.fps-field input:focus,.fps-field select:focus{border-color:var(--accent);background:#38bdf814;outline:none}.fps-field-wide{flex:100%}.fps-field-wide select{width:100%;max-width:none}.fps-field-checkbox{text-transform:none;letter-spacing:0;color:var(--fg);flex-direction:row;grid-column:span 2;align-items:center;gap:.55rem;font-size:12px}.fps-field-checkbox input{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0;margin:0;padding:0}.fps-btn-run{font:inherit;border:1px solid var(--accent);color:var(--fg);cursor:pointer;white-space:nowrap;background:#38bdf82e;border-radius:8px;align-self:stretch;padding:.7rem 1.6rem;font-size:13px;font-weight:600}.fps-btn-run:hover:not(:disabled){background:#38bdf852}.fps-btn-run:disabled{opacity:.55;cursor:not-allowed}.fps-content{font-family:var(--font-stack)}.fps-results{border-top:1px solid var(--border);background:#0f172a80;padding:1rem 1.25rem 1.2rem}.fps-results h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 .7rem;font-size:12px;font-weight:600}.fps-result-row{color:var(--fg);border-bottom:1px solid #94a3b814;justify-content:space-between;align-items:baseline;padding:.35rem 0;font-size:13px;display:flex}.fps-result-row:last-of-type{border-bottom:none}.fps-result-row.total{border-top:1px solid var(--border);margin-top:.4rem;padding-top:.6rem;font-weight:600}.fps-result-row strong{font-variant-numeric:tabular-nums;font-size:16px}.fps-result-row strong.bad{color:var(--bad)}.fps-result-row strong.good{color:var(--good)}.fps-result-row.total strong{color:var(--accent);font-size:18px}.btn-fps{border-color:#38bdf866!important}.show-measurements [data-pt-info]:after{content:" " attr(data-pt-info);font-family:var(--font-mono);letter-spacing:.04em;color:var(--accent);vertical-align:middle;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none;background:#38bdf81a;border:1px solid #38bdf852;border-radius:4px;margin-left:.35rem;padding:.05rem .4rem;font-size:9px;display:inline-block}.col-with .pretext-init:not(.pretext-hydrated){opacity:.85}.site-bar{border-bottom:1px solid var(--rule,#2a2a2a);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.site-bar .brand{font-size:1.1rem}.site-nav a{margin-left:16px}.site-foot{opacity:.6;text-align:center;padding:24px 20px;font-size:.85rem}.section-head{max-width:1100px;margin:0 auto 16px;padding:0 20px}.hero{text-align:center;max-width:1100px;margin:0 auto;padding:40px 20px}.hero h1{margin:0 0 8px;font-size:clamp(2rem,5vw,3.2rem)}.hero-sub{opacity:.75;max-width:46ch;margin:0 auto 24px}.hero-cta{justify-content:center;align-items:center;gap:10px;display:flex}#copy-install{cursor:pointer}.proof,.fps-proof,.get-started{max-width:1100px;margin:48px auto;padding:0 20px}.proof-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.snippet{background:#1c1c1c;border-radius:8px;padding:10px 14px;overflow:auto}.btn,.btn-fps{border:1px solid var(--rule,#2a2a2a);cursor:pointer;border-radius:8px;padding:8px 14px;display:inline-block}.page{max-width:1100px;margin:0 auto;padding:32px 20px}.page-sub{opacity:.75}.pg-section{margin:40px 0}.pg-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.pg-demo{border:1px solid var(--rule,#2a2a2a);border-radius:10px;padding:14px}.pg-label{opacity:.7;margin-bottom:8px;font-size:.8rem}.pg-bubble{margin:4px;display:inline-block}.pg-readout{background:#1c1c1c;border-radius:6px;padding:6px 10px;font-size:.8rem}.pg-resizable{resize:both;border:1px dashed var(--rule,#2a2a2a);min-width:160px;max-width:100%;min-height:70px;padding:8px;overflow:auto}.pg-hint{opacity:.6;font-size:.8rem}.pg-fonts{flex-wrap:wrap;gap:16px;margin-bottom:12px;display:flex}