:root{--pad:26px;--maxw:1140px;--bg:#f2f2ec;--surface:#fff;--sunk:#eaeae1;--rule:#d8d8cc;--rule-hard:#1a1a17;--shadow:#deded2;--ink:#1a1a17;--dim:#5c5c52;--faint:#6b6b5c;--accent:#e0483e;--accent-strong:#d13a30;--accent-text:#c0392f;--accent-shadow:#b33a32;--on-accent:#fff;--standard:#2d6a4f;--trying:#2b5ce0;--watch:#8a6800;--retired:#767676;--kind-docs-border:#b9c6f2;--kind-blog-border:#afc9bb;--kind-repo-border:#b8b8ac;--kind-video-border:#efb7b2;--kind-changelog-border:#dcc79a;--mark-bg:#fbe7a1;--source-primary-bg:#f0f6f2;--on-ink-border:#4a4a44;--on-ink-dim:#9a9a8c;--scrim:#1a1a176b;--pixel:"Press Start 2P", monospace;--sans:"Archivo", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}@font-face{font-family:Archivo;src:url(/fonts/archivo-latin-var.woff2)format("woff2");font-weight:100 900;font-display:swap;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-latin-var.woff2)format("woff2");font-weight:100 800;font-display:swap;font-style:normal}@font-face{font-family:"Press Start 2P";src:url(/fonts/press-start-2p-latin.woff2)format("woff2");font-weight:400;font-display:swap;font-style:normal}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6}body.locked{overflow:hidden}.wrap{max-width:var(--maxw);padding:0 var(--pad);margin:0 auto}a{color:inherit}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:600}.eyebrow{font-family:var(--pixel);color:var(--faint);font-size:8.5px;line-height:1.6;display:block}.hidden{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:60;background:var(--surface);color:var(--ink);border:1px solid var(--rule-hard);font-family:var(--mono);padding:10px 14px;font-size:12px;text-decoration:none;transition:top .12s;position:absolute;top:-60px;left:8px}.skip:focus{top:8px}.topbar{z-index:30;background:var(--bg);border-bottom:2px solid var(--rule-hard);position:sticky;top:0}.topbar-in{height:64px;max-width:var(--maxw);padding:0 var(--pad);align-items:center;gap:20px;margin:0 auto;display:flex}.brand{flex:none;align-items:center;gap:11px;text-decoration:none;display:flex}.brand .glyph{background:var(--accent);width:28px;height:28px;box-shadow:2px 2px 0 var(--accent-shadow);flex:none;place-items:center;display:grid}.brand .glyph svg{width:18px;height:18px;display:block}.brand .name{font-family:var(--pixel);font-size:10px;line-height:1.4}.nav{gap:22px;margin-left:auto;display:flex}.nav a{font-family:var(--mono);color:var(--dim);font-size:12px;text-decoration:none}.nav a:hover,.nav a[aria-current]{color:var(--accent-text)}.navtoggle{background:var(--surface);color:var(--ink);border:1px solid var(--rule-hard);box-shadow:2px 2px 0 var(--shadow);font-family:var(--mono);cursor:pointer;margin-left:auto;padding:8px 12px;font-size:12px;display:none}.navtoggle:active{box-shadow:1px 1px 0 var(--shadow);transform:translate(1px,1px)}.btn{cursor:pointer;background:var(--accent-strong);color:var(--on-accent);border:1px solid var(--accent-strong);box-shadow:3px 3px 0 var(--accent-shadow);font-family:var(--pixel);padding:13px 18px;font-size:8.5px;line-height:1.5;text-decoration:none;display:inline-block}.btn:active{box-shadow:2px 2px 0 var(--accent-shadow);transform:translate(1px,1px)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn.ghost{background:var(--surface);color:var(--dim);border-color:var(--rule);box-shadow:3px 3px 0 var(--shadow)}.btn.ghost:hover{color:var(--ink);border-color:var(--ink)}.section{border-top:2px solid var(--rule);padding-block:54px}.section-head{max-width:64ch;margin:16px 0 26px}.section-head h2{letter-spacing:-.03em;font-size:27px;font-weight:700}.section-head p{color:var(--dim);margin:10px 0 0;font-size:15px}.sec-cta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px;display:flex}.sec-cta .count{font-family:var(--mono);color:var(--faint);font-size:11.5px}.ring{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--dim);align-items:center;gap:8px;font-size:11px;font-weight:500;display:inline-flex}.ring i{flex:none;width:8px;height:8px;display:block}.ring.r-standard i{background:var(--standard)}.ring.r-trying i{background:var(--trying)}.ring.r-watch i{background:var(--watch)}.ring.r-retired i{background:var(--retired)}.reason{font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--faint);border:1px solid var(--rule);padding:4px 8px;font-size:9.5px}.legend{grid-template-columns:repeat(auto-fit,minmax(216px,1fr));gap:12px;display:grid}.legend div{border:1px solid var(--rule);background:var(--surface);box-shadow:3px 3px 0 var(--shadow);padding:15px}.legend p{color:var(--dim);margin:11px 0 0;font-size:12.5px;line-height:1.5}.logo{background:var(--sunk);border:2px solid var(--surface);object-fit:contain;flex:none;width:26px;height:26px;padding:3px;display:block}.stack{align-items:center;display:flex}.stack .logo+.logo{margin-left:-8px}.stack .more{background:var(--sunk);border:2px solid var(--surface);width:26px;height:26px;font-family:var(--mono);color:var(--dim);flex:none;place-items:center;margin-left:-8px;font-size:9.5px;display:grid}.stack-label{font-family:var(--mono);color:var(--faint);letter-spacing:.09em;text-transform:uppercase;font-size:10.5px}.adopt-row{flex-wrap:wrap;align-items:center;gap:11px;display:flex}.entries{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--rule);box-shadow:4px 4px 0 var(--shadow);text-align:left;color:inherit;flex-direction:column;gap:12px;padding:18px;font-family:inherit;text-decoration:none;transition:box-shadow .12s,transform .12s,border-color .12s;display:flex}.card:hover,.card:focus-visible{border-color:var(--ink);box-shadow:6px 6px 0 var(--shadow);outline:none;transform:translate(-2px,-2px)}.card .top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.card .foot{border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:11px;margin-top:auto;padding-top:13px;display:flex}.pid{font-family:var(--mono);color:var(--faint);letter-spacing:.08em;font-size:10px}.pillar{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;border:1px solid var(--rule);color:var(--faint);padding:4px 7px;font-size:9.5px}.reviewed{font-family:var(--mono);color:var(--faint);font-size:10.5px}.ptitle{font-size:17.5px;font-weight:600;line-height:1.28}.psum{color:var(--dim);margin:0;font-size:13.5px;line-height:1.55}.retrows{flex-direction:column;gap:10px;display:flex}.retrow{background:var(--surface);border:1px solid var(--rule);box-shadow:3px 3px 0 var(--shadow);text-align:left;color:inherit;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:100%;padding:14px 16px;font-family:inherit;text-decoration:none;transition:box-shadow .12s,transform .12s,border-color .12s;display:grid}.retrow:hover,.retrow:focus-visible{border-color:var(--ink);box-shadow:5px 5px 0 var(--shadow);outline:none;transform:translate(-2px,-2px)}.retrow .was{color:var(--dim);text-decoration:line-through;text-decoration-color:var(--retired);font-size:15px;font-weight:500;display:block}.retrow .now{font-family:var(--mono);color:var(--ink);margin-top:5px;font-size:11.5px;display:block}.retrow .now .arrow{color:var(--accent-text);margin-right:7px}.retrow .now em{color:var(--dim);font-style:italic}.retrow .when{font-family:var(--mono);color:var(--faint);white-space:nowrap;font-size:10.5px}@media (width<=700px){.retrow{grid-template-columns:1fr;gap:10px}}.srckind{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--rule);color:var(--faint);white-space:nowrap;text-align:center;flex:none;min-width:62px;padding:4px 8px;font-size:9px;font-weight:500}.k-docs,.k-spec{color:var(--trying);border-color:var(--kind-docs-border)}.k-blog{color:var(--standard);border-color:var(--kind-blog-border)}.k-repo{color:var(--ink);border-color:var(--kind-repo-border)}.k-video,.k-talk{color:var(--accent-text);border-color:var(--kind-video-border)}.k-changelog{color:var(--watch);border-color:var(--kind-changelog-border)}.srcitem{border-bottom:1px solid var(--rule);align-items:flex-start;gap:12px;padding:13px 0;display:flex}.srcitem:last-child{border-bottom:0}.srcbody{flex:1;min-width:0}.srcbody a{color:var(--ink);font-size:14.5px;font-weight:500;line-height:1.35;text-decoration:none;display:block}.srcbody a:hover{color:var(--accent-text);text-decoration:underline}.srcmeta{font-family:var(--mono);color:var(--faint);margin-top:4px;font-size:11px;display:block}.srcprimary{border:1px solid var(--standard);background:var(--source-primary-bg);margin-bottom:15px;padding:16px}.srcprimary .tagline{font-family:var(--pixel);color:var(--standard);margin-bottom:9px;font-size:8px;display:block}.co-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.co{border:1px solid var(--rule);background:var(--surface);box-shadow:3px 3px 0 var(--shadow);flex-direction:column;gap:9px;padding:16px;display:flex}.co .id{align-items:center;gap:10px;display:flex}.co h3{font-size:15.5px}.co .dom{font-family:var(--mono);color:var(--trying);font-size:11px;text-decoration:none}.co .dom:hover{text-decoration:underline}.co p{color:var(--dim);margin:0;font-size:12.5px;line-height:1.5}.co .n{font-family:var(--mono);color:var(--faint);border-top:1px solid var(--rule);margin-top:auto;padding-top:9px;font-size:10.5px}.faq{border-top:1px solid var(--rule)}.faq details{border-bottom:1px solid var(--rule)}.faq summary{cursor:pointer;letter-spacing:-.015em;align-items:flex-start;gap:14px;padding:18px 0;font-size:16.5px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"+";font-family:var(--mono);color:var(--accent-text);flex:none;font-weight:400;line-height:1.35}.faq details[open] summary:before{content:"–"}.faq summary:hover{color:var(--accent-text)}.faq .a{max-width:70ch;padding:0 0 20px 28px}.faq .a p{color:var(--dim);margin:0 0 12px;font-size:14.5px;line-height:1.65}.faq .a p:last-child{margin-bottom:0}.maker{border:1px solid var(--rule);background:var(--surface);box-shadow:4px 4px 0 var(--shadow);grid-template-columns:auto 1fr;align-items:start;gap:26px;padding:26px;display:grid}.maker .avatar{background:var(--sunk);border:1px solid var(--rule);width:76px;height:76px;font-family:var(--pixel);color:var(--faint);flex:none;place-items:center;font-size:15px;display:grid}.maker p{color:var(--dim);max-width:62ch;margin:0 0 12px;font-size:14.5px;line-height:1.65}.maker p:last-child{margin-bottom:0}.maker a{color:var(--trying);font-weight:500;text-decoration:none}.maker a:hover{text-decoration:underline}@media (width<=620px){.maker{grid-template-columns:1fr;gap:18px}}.d-top{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.d-block{margin-bottom:28px}.d-block>h2{font-family:var(--pixel);color:var(--faint);margin-bottom:14px;font-size:8.5px;line-height:1.6}.d-block>p{color:var(--dim);margin:0;font-size:14.5px;line-height:1.65}.d-sum{color:var(--dim);margin:0 0 22px;font-size:15.5px;line-height:1.6}.d-adopt{border:1px solid var(--rule);background:var(--surface);box-shadow:3px 3px 0 var(--shadow);padding:16px}.d-adopt .names{color:var(--dim);margin:11px 0 0;font-size:13.5px}.d-disagree{border-left:3px solid var(--watch);padding-left:15px}.d-disagree p{color:var(--dim);margin:0;font-size:14px;line-height:1.6}.d-flags{flex-wrap:wrap;gap:7px;display:flex}.d-flag{font-family:var(--mono);color:var(--watch);border:1px solid var(--kind-changelog-border);padding:4px 8px;font-size:10px}.d-log{font-family:var(--mono);color:var(--faint);font-size:11.5px;line-height:1.85}.d-log b{color:var(--dim);font-weight:500}.d-related{flex-wrap:wrap;gap:8px;display:flex}.d-related a{font-family:var(--mono);background:var(--surface);border:1px solid var(--rule);color:var(--dim);padding:7px 11px;font-size:11px;text-decoration:none}.d-related a:hover{border-color:var(--ink);color:var(--ink)}.swap{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:14px;display:grid}.swap>div{border:1px solid var(--rule);background:var(--surface);flex-direction:column;justify-content:center;padding:15px;display:flex}.swap .was{opacity:.62}.swap .none{background:0 0;border-style:dashed}.swap .arrow{font-family:var(--pixel);color:var(--accent-text);background:0 0;border:0;align-self:center;place-items:center;padding:0;font-size:11px;display:grid}.swap .lbl{font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--faint);margin-bottom:8px;font-size:9.5px;display:block}.swap .val{color:var(--ink);font-size:15px;font-weight:500;line-height:1.4}.swap .was .val{color:var(--dim);text-decoration:line-through;text-decoration-color:var(--retired);font-weight:400}.swap .none .val{color:var(--dim);font-style:italic;font-weight:400}@media (width<=640px){.swap{grid-template-columns:1fr}.swap .arrow{transform:rotate(90deg)}}.soon{border:1px dashed var(--rule-hard);background:var(--surface);padding:20px}.soon h2{font-family:var(--pixel);color:var(--faint);margin-bottom:12px;font-size:8.5px;line-height:1.6}.soon p{color:var(--dim);max-width:62ch;margin:0;font-size:14px;line-height:1.65}footer{border-top:2px solid var(--rule-hard);margin-top:30px;padding:44px 0 54px}.f-grid{grid-template-columns:1.4fr 1fr 1fr;gap:34px;margin-bottom:36px;display:grid}.f-brand .mark{align-items:center;gap:11px;margin-bottom:14px;display:flex}.f-brand .mark .glyph{background:var(--ink);flex:none;place-items:center;width:26px;height:26px;display:grid}.f-brand .mark .glyph svg{width:17px;height:17px}.f-brand .mark .name{font-family:var(--pixel);font-size:9.5px;line-height:1.4}.f-brand p{color:var(--dim);max-width:36ch;margin:0;font-size:13.5px;line-height:1.6}.f-col h2{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--faint);margin-bottom:13px;font-size:9.5px;font-weight:500}.f-col a{color:var(--dim);margin-bottom:9px;font-size:13.5px;text-decoration:none;display:block}.f-col a:hover{color:var(--accent-text)}.f-base{border-top:1px solid var(--rule);padding-top:22px}.f-base p{font-family:var(--mono);color:var(--faint);margin:0 0 7px;font-size:11px;line-height:1.8}.f-base a{color:var(--dim);text-decoration:none}.f-base a:hover{color:var(--accent-text)}@media (width<=720px){.f-grid{grid-template-columns:1fr;gap:26px}}.note{font-family:var(--mono);color:var(--faint);border-left:3px solid var(--accent);max-width:72ch;margin-top:26px;padding-left:13px;font-size:11.5px;line-height:1.85}.note b{color:var(--dim);font-weight:500}@media (width<=620px){:root{--pad:17px}.navtoggle{display:block}.nav{background:var(--surface);border-bottom:2px solid var(--rule-hard);padding:6px var(--pad) 14px;flex-direction:column;gap:0;margin:0;display:none;position:absolute;top:64px;left:0;right:0}.topbar[data-nav=open] .nav{display:flex}.nav a{border-bottom:1px solid var(--rule);padding:13px 0;font-size:14px}.nav a:last-child{border-bottom:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}