: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;--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}.bar{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1020e6;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;padding:.75rem 1.25rem;font-size:13px;display:grid;position:sticky;top:0}.bar-title{flex-direction:column;line-height:1.2;display:flex}.bar-title strong{font-size:14px}.bar-title span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.bar-controls{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.bar-controls button{font:inherit;border:1px solid var(--border);color:var(--fg);cursor:pointer;background:#38bdf81a;border-radius:8px;padding:.45rem .9rem;font-size:12px;transition:background .12s,border-color .12s}.bar-controls button:hover{border-color:var(--accent);background:#38bdf833}.bar-controls button:active{background:#38bdf84d}.bar-controls button[data-active="1"]{border-color:var(--bad);color:var(--fg);background:#f871712e}.bar-controls button[data-mode=lazy]{border-color:var(--warn);background:#fbbf2429}.bar-controls button[data-mode=lazy] strong{color:var(--warn)}.bar-controls button strong{margin-left:.2rem;font-weight:600}.bar-num{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.4rem;font-size:11px;display:inline-flex}.bar-num input,.bar-num select{font:inherit;text-transform:none;letter-spacing:0;border:1px solid var(--border);width:4.2rem;color:var(--fg);font-variant-numeric:tabular-nums;background:#080c188c;border-radius:6px;padding:.3rem .45rem;font-size:12px}.bar-num select{width:auto;max-width:9rem;padding:.3rem .4rem}.bar-num input:focus,.bar-num select:focus{border-color:var(--accent);background:#38bdf814;outline:none}.bar-stats{color:var(--muted);font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:.25rem;font-size:12px;display:flex}.bar-stats-row{align-items:baseline;gap:.85rem;display:flex}.bar-stats strong{color:var(--fg);margin-left:.25rem;font-weight:600}.delta-row{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);background:#1118278c;border-radius:6px;padding:.2rem .55rem;font-size:11px}.delta-row .delta-label,.delta-row .ratio-label{color:var(--muted)}.delta-row #stat-delta{color:var(--fg);margin:0 .4rem 0 .5rem;font-size:13px}.delta-row #stat-delta[data-bad="1"]{color:var(--bad)}.delta-row #stat-ratio{color:var(--bad);margin-left:.25rem;font-size:13px}.reading-ruler{border-top:2px dashed var(--warn);pointer-events:none;z-index:6;opacity:.85;height:0;position:fixed;top:55vh;left:0;right:0}.reading-ruler span{background:var(--bg);color:var(--warn);letter-spacing:.08em;text-transform:uppercase;padding:0 .4rem;font-size:10px;position:absolute;top:-.6rem;right:.75rem}.showcase{padding:1.25rem var(--col-padding) 1.5rem;border-bottom:1px solid var(--border);background:#38bdf80a;transition:padding .22s}.showcase-head{max-width:60ch;color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:.45rem .6rem;margin:0 auto .85rem;font-size:11px;display:flex}.showcase-head strong{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:11px}.showcase-head span{color:var(--muted);flex:320px;font-size:12px;line-height:1.5}.showcase-head em{color:var(--fg);border:1px solid var(--border);background:#0f172a8c;border-radius:4px;padding:0 .35rem;font-size:11px;font-style:normal}#showcase-card{width:min(60ch,100%);margin:0 auto}.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}.showcase .card-css-vars{resize:horizontal;min-width:220px;max-width:100%;position:relative;overflow:hidden}.showcase .card-css-vars:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 50%,#38bdf88c 50% 60%,#0000 60% 70%,#38bdf866 70% 80%,#0000 80%);border-bottom-right-radius:10px;width:16px;height:16px;position:absolute;bottom:0;right:0}.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}