:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100vh;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}

@layer priority1 {
  .x1ghz6dp {
    margin: 0;
  }

  .xggk2y7 {
    padding: 24px;
  }

  @media (width <= 600px) {
    .xperfm6.xperfm6 {
      padding: 14px;
    }
  }
}

@layer priority2 {
  .x1xsqp64 {
    background-position: center;
  }

  .xujzvki {
    border-color: #2e6b3e;
  }

  .xyocg5e {
    border-color: #6f4e37;
  }

  .xlo0suq {
    border-color: #8b2e2e;
  }

  .xjfngte {
    border-color: #8d6e63;
  }

  .x18la3uh {
    border-color: #c8a96a;
  }

  .x1y0btm7 {
    border-style: solid;
  }

  .xdh2fpr {
    border-width: 2px;
  }

  .x9r2w2z {
    border-width: 3px;
  }

  .x883omv {
    gap: 10px;
  }

  .x1v2ro7d {
    gap: 12px;
  }

  .x1af02g3 {
    gap: 14px;
  }

  .xou54vl {
    gap: 16px;
  }

  .xaobbuh {
    gap: 18px;
  }

  .x167g77z {
    gap: 8px;
  }

  .x1a2a7pz {
    outline: none;
  }

  .xb3r6kr {
    overflow: hidden;
  }

  .x19eei9o {
    transition: all .15s;
  }

  .x672cny:hover {
    border-color: #f0d890;
  }

  @media (width <= 600px) {
    .x1ls3k9t.x1ls3k9t {
      border-width: 2px;
    }
  }

  @media (width <= 900px) {
    .xu4harp.xu4harp {
      gap: 12px;
    }
  }

  @media (width <= 600px) {
    .x17mo21a.x17mo21a {
      gap: 8px;
    }
  }
}

@layer priority3 {
  .x6s0dn4 {
    align-items: center;
  }

  .x1qjc9v5 {
    align-items: stretch;
  }

  .x1cjbtd9 {
    background-color: #d2f6dc;
  }

  .x1spuoas {
    background-color: #d7b98e;
  }

  .x19exhuw {
    background-color: #f3e5c8;
  }

  .xx2c69q {
    background-color: #f6d9d2;
  }

  .x42x0ya {
    background-color: #000;
  }

  .x1vgriyj {
    background-color: #0d0b14bf;
  }

  .xsxzs8 {
    background-color: #e5d1a8eb;
  }

  .xiy17q3 {
    background-repeat: no-repeat;
  }

  .x18d0r48 {
    background-size: cover;
  }

  .x1o3wv18 {
    box-shadow: 0 8px #291c1273;
  }

  .x9f619 {
    box-sizing: border-box;
  }

  .xp8ote6 {
    color: #1b4d2c;
  }

  .xkwlnvy {
    color: #3e2723;
  }

  .x1ayuz9s {
    color: #4e342e;
  }

  .xz8cif1 {
    color: #6b1e1e;
  }

  .xojh084 {
    color: #9cd3ae;
  }

  .x9izndd {
    color: #b2935c;
  }

  .x1wi8p8j {
    color: #c8a96a;
  }

  .x19j7b2c {
    color: #eeddb7;
  }

  .xixxoxd {
    color: #f0d890;
  }

  .x8yag65 {
    color: #fff;
  }

  .x1ypdohk {
    cursor: pointer;
  }

  .x1lliihq {
    display: block;
  }

  .x78zum5 {
    display: flex;
  }

  .xdt5ytf {
    flex-direction: column;
  }

  .x2lah0s {
    flex-shrink: 0;
  }

  .x1a02dak {
    flex-wrap: wrap;
  }

  .x1gtdnvu {
    font-family: "Press Start 2P", VT323, monospace;
  }

  .x1v6jyl6 {
    font-family: "Press Start 2P", cursive;
  }

  .x1k6wstc {
    font-size: 10px;
  }

  .xfifm61 {
    font-size: 12px;
  }

  .xosj86m {
    font-size: 18px;
  }

  .x1ewwscv {
    font-size: 26px;
  }

  .x1vuuof {
    font-size: 60px;
  }

  .xvwhms9 {
    font-size: 9px;
  }

  .x1qd1gx7 {
    image-rendering: pixelated;
  }

  .xl56j7k {
    justify-content: center;
  }

  .x13a6bvl {
    justify-content: flex-end;
  }

  .x1r0g7yl {
    letter-spacing: 1px;
  }

  .x16gzlzp {
    letter-spacing: 4px;
  }

  .x1dbl2gt {
    line-height: 1.6;
  }

  .xwxc2jc {
    line-height: 1.8;
  }

  .x1n2onr6 {
    position: relative;
  }

  .x288g5 {
    resize: vertical;
  }

  .x1rtwns6:hover {
    background-color: #c8a96a26;
  }

  .xj0oqln:hover {
    color: #f0d890;
  }

  .xt8homm:hover {
    transform: scale(1.06);
  }

  .xd3so5o:active {
    transform: scale(.97);
  }

  @media (width <= 600px) {
    .xnkhtqc.xnkhtqc {
      font-size: 7px;
    }

    .x1tu7kaa.x1tu7kaa {
      font-size: 8px;
    }
  }
}

@layer priority4 {
  .x5yr21d {
    height: 100%;
  }

  .xpyat2d {
    height: 100px;
  }

  .x1dr59a3 {
    height: 100vh;
  }

  .xc9qbxq {
    height: 36px;
  }

  .x1vqgdyp {
    height: 40px;
  }

  .x5kalc8 {
    height: 42px;
  }

  .x1whlozk {
    height: 95vh;
  }

  .xq6khdv {
    height: min(620px, 82vh);
  }

  .xlz6z67 {
    margin-top: 40vh;
  }

  .x1gslohp {
    margin-top: 4px;
  }

  .xg6iff7 {
    min-height: 100vh;
  }

  .xyrcrbl {
    min-height: 95px;
  }

  .x6ikm8r {
    overflow-x: hidden;
  }

  .x1odjw0f {
    overflow-y: auto;
  }

  .x1a8lsjc {
    padding-bottom: 10px;
  }

  .x1g2khh7 {
    padding-bottom: 14px;
  }

  .x1l90r2v {
    padding-bottom: 16px;
  }

  .x1lqa7cf {
    padding-left: 10px;
  }

  .xzjhap9 {
    padding-left: 14px;
  }

  .x1dcfgta {
    padding-left: 48px;
  }

  .xcicffo {
    padding-right: 10px;
  }

  .x19tmk5i {
    padding-right: 14px;
  }

  .x1nz53y6 {
    padding-right: 30px;
  }

  .xh80x56 {
    padding-right: 48px;
  }

  .xy13l1i {
    padding-right: 8px;
  }

  .x889kno {
    padding-top: 10px;
  }

  .xyinxu5 {
    padding-top: 14px;
  }

  .xyamay9 {
    padding-top: 16px;
  }

  .x9desvi {
    padding-top: 26px;
  }

  .xh8yej3 {
    width: 100%;
  }

  .x1exxlbk {
    width: 100px;
  }

  .xn9wirt {
    width: 100vw;
  }

  .x14qfxbe {
    width: 36px;
  }

  .x648hwe {
    width: min(1000px, 88vw);
  }

  .xn0v5pz {
    width: min(420px, 36vw);
  }

  .x4ej0o {
    width: min(760px, 90vw);
  }

  @media (width <= 600px) {
    .xeft3gv.xeft3gv {
      height: 36px;
    }

    .x1g5jeih.x1g5jeih {
      height: 38px;
    }
  }

  @media (width <= 900px) {
    .xq2f8mn.xq2f8mn {
      height: 74vh;
    }
  }

  @media (width <= 600px) {
    .x1ibh67m.x1ibh67m {
      margin-top: 20vh;
    }

    .x1xq1vdw.x1xq1vdw {
      min-height: 70px;
    }

    .x19mw7z0.x19mw7z0 {
      padding-bottom: 8px;
    }

    .x4r5p6q.x4r5p6q {
      padding-left: 8px;
    }

    .x1hzth9a.x1hzth9a {
      padding-right: 8px;
    }

    .x156onlj.x156onlj {
      padding-top: 8px;
    }

    .x11zzb1d.x11zzb1d {
      width: 94vw;
    }
  }

  @media (width <= 900px) {
    .x1xiir0.x1xiir0 {
      width: 94vw;
    }
  }
}