:root{--paper:#fff;--ink:#16130e;--muted:#6b665c;--line:#e8e4da;--beam:#fff067;--marker-pink:#ff9ad5;--marker-deep:#c2367c;--font-display:"Archivo", system-ui, sans-serif;--font-prose:"Newsreader", georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}::highlight(page-search){background-color:var(--beam);color:var(--ink)}::highlight(swipe){background-color:var(--beam);color:var(--ink)}::highlight(logo){background-color:var(--beam);color:var(--ink)}::highlight(react-demo){background-color:var(--marker-pink);color:var(--ink)}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.55}.page{max-width:44rem;margin:0 auto;padding:4.5rem 1.25rem 6rem}a{color:inherit;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--marker-deep);text-decoration-color:var(--marker-deep);text-underline-offset:3px}a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}code,pre{font-family:var(--font-mono)}.wordmark{letter-spacing:-.02em;margin:0 0 2.5rem;font-size:1.35rem;font-weight:900}.tagline{letter-spacing:-.035em;text-wrap:balance;margin:0 0 1.25rem;font-size:clamp(2.1rem,6vw,3.4rem);font-weight:900;line-height:1.06}.sub{color:var(--muted);max-width:36rem;margin:0 0 2rem;font-size:1.06rem}.install{border:1.5px solid var(--ink);align-items:center;gap:.75rem;padding:.6rem .9rem;display:inline-flex}.install code{font-size:.95rem}.install button{font:500 .8rem var(--font-mono);text-transform:uppercase;letter-spacing:.06em;background:var(--beam);cursor:pointer;border:0;padding:.45rem .65rem}.install button:hover{background:var(--ink);color:var(--beam)}.try{margin-top:4.5rem}.try-label{font:500 .8rem var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.75rem;display:block}.try-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}#query{font:500 1.1rem var(--font-display);color:var(--ink);border:0;border-bottom:3px solid var(--ink);background:0 0;flex:16rem;padding:.45rem .1rem}#query::placeholder{color:var(--muted);font-weight:500}#query:focus-visible{border-bottom-color:var(--marker-deep);outline:none}.opt{font:400 .85rem var(--font-mono);color:var(--muted);cursor:pointer;align-items:center;gap:.4rem;display:inline-flex}.opt input{accent-color:var(--ink)}.count{font:400 .85rem var(--font-mono);color:var(--muted);min-height:1.2em;margin:.75rem 0 0}.passage{border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--font-prose);margin-top:1.75rem;padding:.5rem 0 1.5rem;font-size:1.22rem;line-height:1.6}.passage h2{font:700 .95rem var(--font-display);text-transform:uppercase;letter-spacing:.1em;margin:1.5rem 0 .5rem}.passage p{margin:.9rem 0}.why,.use{margin-top:4.5rem}.why h2,.use h2{letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.6rem;font-weight:900}.why>p{color:var(--muted);max-width:38rem;margin:0 0 2rem}.why>p code{font-size:.9em}.compare{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (width<=40rem){.compare{grid-template-columns:1fr}}.panel{border:1.5px solid var(--ink);flex-direction:column;gap:.75rem;padding:1.1rem 1.1rem 1.25rem;display:flex}.panel h3{font:700 1rem var(--font-display);justify-content:space-between;align-items:baseline;gap:.5rem;margin:0;display:flex}.panel h3 small{font:400 .72rem var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.panel ul{font-family:var(--font-prose);min-height:7.5em;margin:0;padding-left:1.2rem;font-size:1.05rem}.panel li{margin:.25rem 0}.panel .status{font:400 .78rem var(--font-mono);min-height:2.6em;color:var(--muted);margin:0}.panel .status.bad{color:#b3261e}.panel .status.good{color:#1b6e3d}.compare-actions{flex-wrap:wrap;grid-column:1/-1;gap:.75rem;display:flex}.compare-actions button{font:700 .9rem var(--font-display);border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;padding:.55rem 1rem}.compare-actions button:hover{background:var(--beam)}.compare-actions button:focus-visible,.install button:focus-visible,.opt input:focus-visible{outline:2px solid var(--marker-deep);outline-offset:2px}.compare-actions button:disabled{opacity:.45;cursor:not-allowed}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.notice{border:1.5px solid var(--ink);background:var(--beam);font:500 .9rem var(--font-display);margin:2rem 0 0;padding:.75rem 1rem}::highlight(live-chat){color:var(--ink);background-color:#a8ff9e}.live{margin-top:4.5rem}.live h2{letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.6rem;font-weight:900}.live>p{color:var(--muted);max-width:38rem;margin:0 0 1.5rem}.live-controls{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.live-controls .try-label{margin:0}#live-term{font:500 1rem var(--font-display);color:var(--ink);border:0;border-bottom:3px solid var(--ink);background:0 0;width:9rem;padding:.3rem .1rem}#live-term:focus-visible{border-bottom-color:var(--marker-deep);outline:none}#live-toggle{font:700 .85rem var(--font-display);border:1.5px solid var(--ink);background:var(--paper);cursor:pointer;padding:.4rem .9rem}#live-toggle:hover{background:var(--beam)}#live-toggle:focus-visible{outline:2px solid var(--marker-deep);outline-offset:2px}.live-log{border:1.5px solid var(--ink);min-height:14em;font-family:var(--font-prose);margin:0 0 1rem;padding:.75rem 1rem;font-size:1.05rem;list-style:none}.live-log li{margin:.35rem 0}.live pre{border:1px solid var(--line);background:#fbfaf7;margin:0;padding:1rem 1.1rem;font-size:.88rem;line-height:1.6;overflow-x:auto}.use pre{border:1px solid var(--line);background:#fbfaf7;margin:0 0 1rem;padding:1rem 1.1rem;font-size:.88rem;line-height:1.6;overflow-x:auto}.use .c{color:var(--muted)}.fine{color:var(--muted);max-width:38rem;font-size:.9rem}.fine code{font-size:.85em}.foot{border-top:1px solid var(--line);font:400 .85rem var(--font-mono);color:var(--muted);margin-top:5rem;padding-top:1.25rem}.foot p{margin:0}