@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f2f3f5;--ink:#1a1c20;--muted:#555b66;--line:#1a1c2024;--red:#c62828;--yellow:#fdd835;--teal:#26a69a;--field:#fff;--focus:#1a1c20;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#16181b;--ink:#eceef2;--muted:#a3a9b4;--line:#eceef229;--red:#f87171;--field:#202328;--focus:#fdd835;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:1.5rem}body{background:var(--paper);color:var(--ink);margin:0;font-family:Archivo Variable,system-ui,sans-serif;font-size:1rem;line-height:1.5}a{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.take{color:var(--red)}.masthead{max-width:76rem;margin:0 auto;padding:1.75rem 1.25rem 0}.brand{align-items:center;gap:.625rem;font-size:1.0625rem;font-weight:700;font-stretch:105%;text-decoration:none;display:inline-flex}.brand img{display:block}.masthead h1{letter-spacing:-.02em;text-wrap:balance;max-width:14ch;margin:2.5rem 0 0;font-size:clamp(2.5rem,7.2vw,5.75rem);font-weight:820;font-stretch:125%;line-height:.98}.masthead h1:after{content:"";background:linear-gradient(90deg, var(--yellow) 0 33.3%, var(--red) 33.3% 66.6%, var(--teal) 66.6% 100%);width:9rem;height:.5rem;margin-top:1.5rem;display:block}.finder{flex-wrap:wrap;gap:.75rem;margin-top:2.25rem;display:flex}.finder input{border:2px solid var(--ink);background:var(--field);min-width:0;max-width:30rem;height:3rem;color:var(--ink);font:inherit;border-radius:.375rem;flex:16rem;padding:0 1rem;font-size:1.0625rem}.finder input::placeholder{color:var(--muted)}.finder button,.empty button{border:2px solid var(--ink);background:var(--ink);height:3rem;color:var(--paper);font:inherit;cursor:pointer;border-radius:.375rem;padding:0 1.25rem;font-weight:650}.finder button:hover{color:var(--ink);background:0 0}main{max-width:76rem;margin:0 auto;padding:0 1.25rem 4rem}.shelves ul{flex-wrap:wrap;gap:.25rem 1.5rem;margin:1.75rem 0 0;padding:0;list-style:none;display:flex}.shelves a{color:var(--muted);padding:.5rem 0;font-weight:600;text-decoration:none;display:inline-block}.shelves a:hover{color:var(--ink);text-underline-offset:.25em;text-decoration:underline}.shelf{border-top:2px solid var(--ink);margin-top:3.5rem;padding-top:1rem}.shelf h2{margin:0 0 1.5rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:760;font-stretch:115%;line-height:1.1}.sites{grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:2.25rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.site a{gap:.375rem;text-decoration:none;display:grid}.site-thumb{aspect-ratio:16/10;border:1px solid var(--line);background:var(--line);outline-offset:2px;border-radius:.375rem;outline:3px solid #0000;margin-bottom:.5rem;display:block;overflow:hidden}.site-thumb img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.site-placeholder{background:var(--site);color:#fff;place-items:center;height:100%;font-size:3rem;font-weight:800;font-stretch:125%;display:grid}.site-name{font-size:1.1875rem;font-weight:700;font-stretch:108%;line-height:1.2}.site-tagline{color:var(--muted);font-size:.9375rem;line-height:1.45}.site a:hover .site-thumb{outline-color:var(--site)}.site a:hover .site-name{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:2px}.site a:focus-visible{outline:none}.site a:focus-visible .site-thumb{outline-color:var(--focus)}.empty{margin-top:3rem;font-size:1.125rem}.empty button{height:2.5rem;margin-left:.5rem}.site-soon{color:var(--muted);align-items:center;gap:.45rem;font-size:.875rem;font-weight:600;display:inline-flex}.site-soon:before{content:"";background:var(--site);border-radius:50%;width:.55rem;height:.55rem}.is-planned .site-placeholder{background:color-mix(in srgb, var(--site) 10%, var(--paper));color:var(--site)}.is-planned .site-thumb{border-style:dashed;border-color:color-mix(in srgb, var(--site) 45%, transparent)}.planned{max-width:44rem;margin:0 auto;padding:1rem 1.25rem 4rem}.planned h1{letter-spacing:-.015em;margin:2.5rem 0 .75rem;font-size:clamp(2.25rem,6vw,4rem);font-weight:820;font-stretch:122%;line-height:1}.planned-tagline{margin:0;font-size:1.25rem;line-height:1.45}.planned-status{align-items:center;gap:.6rem;margin:1.5rem 0 0;font-weight:650;display:inline-flex}.planned-status:before{content:"";background:var(--site);border-radius:50%;width:.75rem;height:.75rem}.planned h2{border-top:2px solid var(--ink);margin:3rem 0 .75rem;padding-top:1rem;font-size:1.5rem;font-weight:760;font-stretch:115%}.roadmap{margin:0;padding-left:1.25rem;font-size:1.0625rem;line-height:1.7}.roadmap li::marker{color:var(--site)}.foot{border-top:1px solid var(--line);max-width:76rem;color:var(--muted);flex-wrap:wrap;gap:.5rem 1.75rem;margin:0 auto;padding:2rem 1.25rem 3rem;font-size:.9375rem;display:flex}.foot a{color:var(--ink)}.legal{max-width:42rem;margin:0 auto;padding:0 1.25rem 4rem}.legal h1{margin:2.5rem 0 1rem;font-size:clamp(2rem,5vw,3rem);font-weight:800;font-stretch:120%;line-height:1.05}.legal h2{margin:2.25rem 0 .5rem;font-size:1.25rem;font-weight:700;font-stretch:108%}.legal p,.legal li{line-height:1.6}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
