:root {
  --bg:#f5f6f8; --card:#fff; --fg:#161a22; --muted:#5a6170; --line:#e2e5ea; --soft:#edeff3;
  --pri:#1e3a8a; --pri-fg:#fff; --pri-soft:#e8edf8; --ok:#17804f; --bad:#d23b3b; --warn:#b4500b;
  --learn:#17804f; --learn-soft:#cdebd9; --learn-ink:#0b4a2d; --review:#b4500b; --review-soft:#fcebdd;
  --hard:#b0245f; --hard-soft:#fbe7ef; --speed:#0e7c86; --speed-soft:#e0f3f4; --guide:#a85a00; --guide-soft:#fff1dc;
  --review-ink:#8a3d08; --hard-ink:#8a1a4a; --speed-ink:#0b5f66;
  --shadow:0 1px 2px rgba(20,27,38,.04), 0 2px 8px rgba(20,27,38,.05); color-scheme:light;
  --tabh:calc(64px + env(safe-area-inset-bottom, 0px));
  --side:240px;
}
:root[data-theme="dark"] { --bg:#0e1116; --card:#171b22; --fg:#e7eaf0; --muted:#97a1b2; --line:#2a313c; --soft:#212831;
  --pri:#9db4f2; --pri-fg:#0e1116; --pri-soft:#1d2842; --ok:#43c97b; --bad:#f07373; --warn:#f0a646; --shadow:none; color-scheme:dark;
  --learn:#1c7a4b; --learn-soft:#1d4430; --learn-ink:#86e3ae; --review:#b4500b; --review-soft:#3a2a14;
  --hard:#f17aa8; --hard-soft:#3a1d2a; --speed:#5cc8d0; --speed-soft:#13302f; --guide:#f0b35a; --guide-soft:#33270f;
  --review-ink:#f5b27a; --hard-ink:#f7a8c8; --speed-ink:#8fe0e6; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.55 "Bo Thu Bo Sung", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif; -webkit-font-smoothing:antialiased; }
main { max-width:760px; margin:0 auto; padding:0 16px 48px; }
@media (min-width:1100px) { main { max-width:960px; } }
p { margin:0 0 10px; }
.card > p:last-child { margin-bottom:0; }
.top { position:relative; overflow:hidden; isolation:isolate; display:flex; align-items:center; gap:12px; min-height:68px; margin:12px 0 17px; padding:0 14px; border-radius:16px; }
.top { --bm-sky:linear-gradient(90deg, #fffaf2 25%, #ffeccf 70%, #ffd8c2); --bm-tre:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20184%2068%27%3E%3Cg%20fill%3D%27%23e8a46a%27%20opacity%3D%27.95%27%20transform%3D%27translate(10%2010)%20scale(1.15)%27%3E%3Cpath%20d%3D%27M0%208q4-2%207%202%203-4%207-2-4%201-5%204H5Q4%209%200%208Z%27%2F%3E%3Cpath%20d%3D%27M24%200q3-1%205%201%202-2%205-1-3%201-4%203h-2q-1-2-4-3Z%27%2F%3E%3C%2Fg%3E%3Csvg%20x%3D%27116%27%20y%3D%270%27%20width%3D%2770%27%20height%3D%2770%27%20viewBox%3D%275.5%2011.3%2037%2037%27%3E%3Cellipse%20cx%3D%2724%27%20cy%3D%2745.6%27%20rx%3D%2710%27%20ry%3D%271.7%27%20fill%3D%27%23000%27%20fill-opacity%3D%27.12%27%2F%3E%3Cpath%20d%3D%27M19.4%2045.2%20L19.3%2043.1%20L19.2%2041%20L19.1%2038.9%20L19%2036.8%20L18.8%2034.7%20L18.6%2032.6%20L18.4%2030.5%20L18.2%2028.3%20L18%2026.2%20L17.7%2024.1%20L17.6%2022%20L17.5%2019.9%20L17.6%2017.8%20L17.5%2015.7%20L17.5%2015.7%20L18.1%2017.8%20L18.7%2019.9%20L19.3%2022%20L19.6%2024.1%20L19.9%2026.2%20L20.1%2028.3%20L20.3%2030.5%20L20.5%2032.6%20L20.7%2034.7%20L20.9%2036.8%20L21%2038.9%20L21.1%2041%20L21.2%2043.1%20L21.3%2045.2%20Z%27%20fill%3D%27%235E8D49%27%2F%3E%3Cpath%20d%3D%27M19.8%2044.3%20L18.6%2026.9%27%20stroke%3D%27%2396B589%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M19.2%2041.8%20H21.3%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18.9%2037.4%20H21%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18.6%2033%20H20.7%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18.1%2028.6%20H20.2%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M17.6%2024.2%20H19.7%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M21.2%2045.2%20L21.2%2042.8%20L21.1%2040.4%20L21.1%2038%20L21%2035.6%20L20.9%2033.2%20L20.8%2030.8%20L20.7%2028.5%20L20.6%2026.1%20L20.5%2023.7%20L20.4%2021.3%20L20.4%2018.9%20L20.5%2016.5%20L20.6%2014.1%20L20.8%2011.7%20L20.8%2011.7%20L21.2%2014.1%20L21.7%2016.5%20L22%2018.9%20L22.3%2021.3%20L22.4%2023.7%20L22.5%2026.1%20L22.6%2028.5%20L22.7%2030.8%20L22.8%2033.2%20L22.9%2035.6%20L23%2038%20L23%2040.4%20L23.1%2042.8%20L23.1%2045.2%20Z%27%20fill%3D%27%2343712F%27%2F%3E%3Cpath%20d%3D%27M21.7%2044.2%20L21.1%2024.4%27%20stroke%3D%27%2385A378%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M21%2040.2%20H23.1%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.9%2035.8%20H23%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.8%2031.4%20H22.9%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.6%2027%20H22.7%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.4%2022.6%20H22.5%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M23.1%2045.2%20L23.1%2043.3%20L23.1%2041.4%20L23.1%2039.5%20L23.1%2037.6%20L23.1%2035.7%20L23.1%2033.8%20L23.1%2032%20L23.1%2030.1%20L23.1%2028.2%20L23.1%2026.3%20L23.2%2024.4%20L23.4%2022.5%20L23.7%2020.6%20L24%2018.7%20L24%2018.7%20L24.3%2020.6%20L24.6%2022.5%20L24.8%2024.4%20L24.9%2026.3%20L24.9%2028.2%20L24.9%2030.1%20L24.9%2032%20L24.9%2033.8%20L24.9%2035.7%20L24.9%2037.6%20L24.9%2039.5%20L24.9%2041.4%20L24.9%2043.3%20L24.9%2045.2%20Z%27%20fill%3D%27%2353853D%27%2F%3E%3Cpath%20d%3D%27M23.6%2044.4%20L23.6%2028.8%27%20stroke%3D%27%238FB081%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M22.9%2041%20H25.1%27%20stroke%3D%27%23365628%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M22.9%2036.6%20H25.1%27%20stroke%3D%27%23365628%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M22.9%2032.2%20H25.1%27%20stroke%3D%27%23365628%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M22.9%2027.8%20H25.1%27%20stroke%3D%27%23365628%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M24.9%2045.2%20L24.9%2043%20L25%2040.7%20L25%2038.5%20L25.1%2036.2%20L25.2%2034%20L25.3%2031.7%20L25.4%2029.5%20L25.5%2027.2%20L25.6%2025%20L25.7%2022.7%20L26%2020.5%20L26.3%2018.2%20L26.8%2016%20L27.2%2013.7%20L27.2%2013.7%20L27.4%2016%20L27.5%2018.2%20L27.6%2020.5%20L27.6%2022.7%20L27.5%2025%20L27.4%2027.2%20L27.3%2029.5%20L27.2%2031.7%20L27.1%2034%20L27%2036.2%20L26.9%2038.5%20L26.9%2040.7%20L26.8%2043%20L26.8%2045.2%20Z%27%20fill%3D%27%23467631%27%2F%3E%3Cpath%20d%3D%27M25.4%2044.3%20L26%2025.7%27%20stroke%3D%27%2387A679%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M24.9%2039.6%20H27%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M25%2035.2%20H27.1%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M25.2%2030.8%20H27.3%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M25.4%2026.4%20H27.5%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M25.7%2022%20H27.8%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M26.8%2045.2%20L26.8%2043.4%20L26.9%2041.6%20L27%2039.8%20L27.1%2038.1%20L27.3%2036.3%20L27.5%2034.5%20L27.7%2032.7%20L27.9%2030.9%20L28.1%2029.1%20L28.4%2027.3%20L28.7%2025.6%20L29.3%2023.8%20L29.9%2022%20L30.5%2020.2%20L30.5%2020.2%20L30.4%2022%20L30.5%2023.8%20L30.4%2025.6%20L30.3%2027.3%20L30%2029.1%20L29.8%2030.9%20L29.6%2032.7%20L29.4%2034.5%20L29.2%2036.3%20L29%2038.1%20L28.9%2039.8%20L28.8%2041.6%20L28.7%2043.4%20L28.6%2045.2%20Z%27%20fill%3D%27%2363914F%27%2F%3E%3Cpath%20d%3D%27M27.3%2044.5%20L28.5%2029.7%27%20stroke%3D%27%239AB88D%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M26.8%2041.4%20H28.9%27%20stroke%3D%27%23405E33%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M27.1%2037%20H29.2%27%20stroke%3D%27%23405E33%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M27.6%2032.6%20H29.7%27%20stroke%3D%27%23405E33%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M28.1%2028.2%20H30.2%27%20stroke%3D%27%23405E33%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18%2026.3%20Q17.3%2025.1%2016%2024.7%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C15.4%2023.1%2012.9%2023.1%2010.6%2023.8%20Q13.6%2023.4%2016%2024.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C14.5%2025.4%2012.8%2024.4%2010.6%2023.8%20Q13.6%2023.4%2016%2024.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C14.5%2023.8%2012.5%2025.3%2011.1%2027.1%20Q13.3%2025.1%2016%2024.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C15.2%2026.1%2013.2%2026.4%2011.1%2027.1%20Q13.3%2025.1%2016%2024.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C14.3%2024.9%2013.6%2027.3%2013.6%2029.7%20Q14.1%2026.7%2016%2024.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C16.2%2026.4%2014.8%2027.8%2013.6%2029.7%20Q14.1%2026.7%2016%2024.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M19%2021%20Q19.5%2020.2%2020.5%2019.8%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.5%2019.8%20C21.5%2018.5%2023.5%2019.4%2025.1%2020.6%20Q22.8%2019.5%2020.5%2019.8Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M20.5%2019.8%20C21.5%2020.9%2023.2%2020.6%2025.1%2020.6%20Q22.8%2019.5%2020.5%2019.8Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M20.5%2019.8%20C22.1%2019.7%2022.8%2021.7%2023%2023.8%20Q22.3%2021.3%2020.5%2019.8Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M20.5%2019.8%20C20.4%2021.3%2021.7%2022.3%2023%2023.8%20Q22.3%2021.3%2020.5%2019.8Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M20.5%2023.8%20Q19.8%2022.6%2018.6%2022.2%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C17.9%2020.6%2015.4%2020.6%2013.2%2021.2%20Q16.1%2020.8%2018.6%2022.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C17%2022.8%2015.3%2021.8%2013.2%2021.2%20Q16.1%2020.8%2018.6%2022.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C17.1%2021.3%2015.1%2022.7%2013.6%2024.6%20Q15.8%2022.5%2018.6%2022.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C17.7%2023.6%2015.7%2023.8%2013.6%2024.6%20Q15.8%2022.5%2018.6%2022.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C16.8%2022.4%2016.1%2024.8%2016.2%2027.1%20Q16.6%2024.1%2018.6%2022.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C18.7%2023.8%2017.3%2025.2%2016.2%2027.1%20Q16.6%2024.1%2018.6%2022.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M21.9%2017.7%20Q22.4%2016.9%2023.4%2016.5%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M23.4%2016.5%20C24.3%2015.3%2026.4%2016.1%2027.9%2017.4%20Q25.7%2016.2%2023.4%2016.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M23.4%2016.5%20C24.4%2017.7%2026%2017.3%2027.9%2017.4%20Q25.7%2016.2%2023.4%2016.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M23.4%2016.5%20C25%2016.4%2025.7%2018.5%2025.8%2020.5%20Q25.2%2018%2023.4%2016.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M23.4%2016.5%20C23.2%2018.1%2024.6%2019%2025.8%2020.5%20Q25.2%2018%2023.4%2016.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M24.9%2028.2%20Q25.6%2027.1%2026.9%2026.7%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C27.6%2025%2030.1%2025%2032.3%2025.7%20Q29.3%2025.3%2026.9%2026.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C28.4%2027.3%2030.2%2026.3%2032.3%2025.7%20Q29.3%2025.3%2026.9%2026.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C28.4%2025.7%2030.4%2027.2%2031.8%2029.1%20Q29.7%2027%2026.9%2026.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C27.8%2028.1%2029.8%2028.3%2031.8%2029.1%20Q29.7%2027%2026.9%2026.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C28.7%2026.8%2029.3%2029.2%2029.3%2031.6%20Q28.9%2028.6%2026.9%2026.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C26.7%2028.3%2028.2%2029.7%2029.3%2031.6%20Q28.9%2028.6%2026.9%2026.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M23.3%2023.5%20Q22.7%2022.7%2021.8%2022.3%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M21.8%2022.3%20C20.8%2021%2018.8%2021.8%2017.2%2023.1%20Q19.5%2021.9%2021.8%2022.3Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M21.8%2022.3%20C20.8%2023.4%2019.1%2023%2017.2%2023.1%20Q19.5%2021.9%2021.8%2022.3Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M21.8%2022.3%20C20.2%2022.2%2019.4%2024.2%2019.3%2026.2%20Q20%2023.8%2021.8%2022.3Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M21.8%2022.3%20C21.9%2023.8%2020.5%2024.8%2019.3%2026.2%20Q20%2023.8%2021.8%2022.3Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M27.5%2025%20Q28.2%2023.9%2029.4%2023.5%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C30.1%2021.8%2032.6%2021.8%2034.8%2022.5%20Q31.9%2022.1%2029.4%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C31%2024.1%2032.7%2023.1%2034.8%2022.5%20Q31.9%2022.1%2029.4%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C30.9%2022.5%2032.9%2024%2034.4%2025.9%20Q32.2%2023.8%2029.4%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C30.3%2024.9%2032.3%2025.1%2034.4%2025.9%20Q32.2%2023.8%2029.4%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C31.2%2023.6%2031.9%2026%2031.8%2028.4%20Q31.4%2025.4%2029.4%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C29.3%2025.1%2030.7%2026.5%2031.8%2028.4%20Q31.4%2025.4%2029.4%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M26.1%2019.4%20Q25.6%2018.6%2024.6%2018.2%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M24.6%2018.2%20C23.7%2016.9%2021.6%2017.7%2020.1%2019%20Q22.3%2017.8%2024.6%2018.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M24.6%2018.2%20C23.6%2019.3%2022%2018.9%2020.1%2019%20Q22.3%2017.8%2024.6%2018.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M24.6%2018.2%20C23%2018.1%2022.3%2020.1%2022.2%2022.1%20Q22.8%2019.7%2024.6%2018.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M24.6%2018.2%20C24.8%2019.7%2023.4%2020.7%2022.2%2022.1%20Q22.8%2019.7%2024.6%2018.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M30%2029.2%20Q30.7%2028%2032%2027.6%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C32.6%2026%2035.1%2026%2037.4%2026.7%20Q34.4%2026.3%2032%2027.6Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C33.5%2028.2%2035.2%2027.2%2037.4%2026.7%20Q34.4%2026.3%2032%2027.6Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C33.5%2026.7%2035.5%2028.2%2036.9%2030%20Q34.7%2027.9%2032%2027.6Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C32.8%2029%2034.8%2029.2%2036.9%2030%20Q34.7%2027.9%2032%2027.6Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C33.7%2027.8%2034.4%2030.2%2034.4%2032.5%20Q33.9%2029.6%2032%2027.6Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C31.8%2029.2%2033.2%2030.7%2034.4%2032.5%20Q33.9%2029.6%2032%2027.6Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M29%2024.7%20Q28.5%2023.9%2027.5%2023.5%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M27.5%2023.5%20C26.5%2022.2%2024.5%2023%2022.9%2024.3%20Q25.2%2023.1%2027.5%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M27.5%2023.5%20C26.5%2024.6%2024.8%2024.2%2022.9%2024.3%20Q25.2%2023.1%2027.5%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M27.5%2023.5%20C25.9%2023.4%2025.2%2025.4%2025%2027.5%20Q25.7%2025%2027.5%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M27.5%2023.5%20C27.6%2025%2026.3%2026%2025%2027.5%20Q25.7%2025%2027.5%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3C%2Fsvg%3E%3C%2Fsvg%3E"); --bm-sun:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20184%2068%27%3E%3Cdefs%3E%3CradialGradient%20id%3D%27g%27%20cx%3D%27100%27%20cy%3D%2758%27%20r%3D%2770%27%20gradientUnits%3D%27userSpaceOnUse%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23fff3c4%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23fff3c4%27%20stop-opacity%3D%270%27%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%27100%27%20cy%3D%2758%27%20r%3D%2770%27%20fill%3D%27url(%23g)%27%2F%3E%3Cg%20stroke%3D%27%23ffd27a%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.7%27%3E%3Cpath%20d%3D%27M100%2026V14M72%2034l-8-8M60%2050H48%27%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%27%23ffd27a%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.35%27%3E%3Cpath%20d%3D%27M128%2034l8-8M140%2050h12%27%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%27100%27%20cy%3D%2756%27%20r%3D%2720%27%20fill%3D%27%23ffc35c%27%2F%3E%3C%2Fsvg%3E"); --bm-suns:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20100%2056%27%3E%3Cg%20fill%3D%27%23e8a46a%27%20opacity%3D%27.95%27%20transform%3D%27translate(0%2010)%20scale(0.9199999999999999)%27%3E%3Cpath%20d%3D%27M0%208q4-2%207%202%203-4%207-2-4%201-5%204H5Q4%209%200%208Z%27%2F%3E%3Cpath%20d%3D%27M24%200q3-1%205%201%202-2%205-1-3%201-4%203h-2q-1-2-4-3Z%27%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%27%23ffd27a%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.7%27%3E%3Cpath%20d%3D%27M70%2022v-7M54%2028l-5-5M86%2028l5-5%27%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2770%27%20cy%3D%2744%27%20r%3D%2714%27%20fill%3D%27%23ffc35c%27%2F%3E%3C%2Fsvg%3E"); --bm-hill:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20728%2068%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0%2068V57C130%2049%20250%2051%20370%2055S610%2051%20728%2045V68Z%27%20fill%3D%27%23e7f8ea%27%2F%3E%3Cpath%20d%3D%27M0%2068V63C150%2059%20300%2057%20450%2059S650%2057%20728%2054V68Z%27%20fill%3D%27%23c4efcd%27%2F%3E%3Cpath%20d%3D%27M0%2068V66C220%2064%20470%2066%20728%2062V68Z%27%20fill%3D%27%23aee7b9%27%2F%3E%3C%2Fsvg%3E"); --bm-side:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20216%20106%27%3E%3Cg%20fill%3D%27%23e8a46a%27%20opacity%3D%27.95%27%20transform%3D%27translate(104%2080)%20scale(0.9199999999999999)%27%3E%3Cpath%20d%3D%27M0%208q4-2%207%202%203-4%207-2-4%201-5%204H5Q4%209%200%208Z%27%2F%3E%3Cpath%20d%3D%27M24%200q3-1%205%201%202-2%205-1-3%201-4%203h-2q-1-2-4-3Z%27%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%27%23ffd27a%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.7%27%3E%3Cpath%20d%3D%27M168%2066v-10M146%2074l-7-7%27%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%27168%27%20cy%3D%2794%27%20r%3D%2718%27%20fill%3D%27%23ffc35c%27%2F%3E%3Cpath%20d%3D%27M0%20106V97C60%2093%20140%2092%20216%2088V106Z%27%20fill%3D%27%23e7f8ea%27%2F%3E%3Cpath%20d%3D%27M0%20106V101C80%2099%20150%2099%20216%2096V106Z%27%20fill%3D%27%23c4efcd%27%2F%3E%3Cpath%20d%3D%27M0%20106v-2C90%20102%20150%20104%20216%20101V106Z%27%20fill%3D%27%23aee7b9%27%2F%3E%3Csvg%20x%3D%27166%27%20y%3D%2756%27%20width%3D%2748%27%20height%3D%2748%27%20viewBox%3D%275.5%2011.3%2037%2037%27%3E%3Cellipse%20cx%3D%2724%27%20cy%3D%2745.6%27%20rx%3D%2710%27%20ry%3D%271.7%27%20fill%3D%27%23000%27%20fill-opacity%3D%27.12%27%2F%3E%3Cpath%20d%3D%27M19.4%2045.2%20L19.3%2043.1%20L19.2%2041%20L19.1%2038.9%20L19%2036.8%20L18.8%2034.7%20L18.6%2032.6%20L18.4%2030.5%20L18.2%2028.3%20L18%2026.2%20L17.7%2024.1%20L17.6%2022%20L17.5%2019.9%20L17.6%2017.8%20L17.5%2015.7%20L17.5%2015.7%20L18.1%2017.8%20L18.7%2019.9%20L19.3%2022%20L19.6%2024.1%20L19.9%2026.2%20L20.1%2028.3%20L20.3%2030.5%20L20.5%2032.6%20L20.7%2034.7%20L20.9%2036.8%20L21%2038.9%20L21.1%2041%20L21.2%2043.1%20L21.3%2045.2%20Z%27%20fill%3D%27%235E8D49%27%2F%3E%3Cpath%20d%3D%27M19.8%2044.3%20L18.6%2026.9%27%20stroke%3D%27%2396B589%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M19.2%2041.8%20H21.3%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18.9%2037.4%20H21%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18.6%2033%20H20.7%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18.1%2028.6%20H20.2%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M17.6%2024.2%20H19.7%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M21.2%2045.2%20L21.2%2042.8%20L21.1%2040.4%20L21.1%2038%20L21%2035.6%20L20.9%2033.2%20L20.8%2030.8%20L20.7%2028.5%20L20.6%2026.1%20L20.5%2023.7%20L20.4%2021.3%20L20.4%2018.9%20L20.5%2016.5%20L20.6%2014.1%20L20.8%2011.7%20L20.8%2011.7%20L21.2%2014.1%20L21.7%2016.5%20L22%2018.9%20L22.3%2021.3%20L22.4%2023.7%20L22.5%2026.1%20L22.6%2028.5%20L22.7%2030.8%20L22.8%2033.2%20L22.9%2035.6%20L23%2038%20L23%2040.4%20L23.1%2042.8%20L23.1%2045.2%20Z%27%20fill%3D%27%2343712F%27%2F%3E%3Cpath%20d%3D%27M21.7%2044.2%20L21.1%2024.4%27%20stroke%3D%27%2385A378%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M21%2040.2%20H23.1%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.9%2035.8%20H23%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.8%2031.4%20H22.9%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.6%2027%20H22.7%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.4%2022.6%20H22.5%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M23.1%2045.2%20L23.1%2043.3%20L23.1%2041.4%20L23.1%2039.5%20L23.1%2037.6%20L23.1%2035.7%20L23.1%2033.8%20L23.1%2032%20L23.1%2030.1%20L23.1%2028.2%20L23.1%2026.3%20L23.2%2024.4%20L23.4%2022.5%20L23.7%2020.6%20L24%2018.7%20L24%2018.7%20L24.3%2020.6%20L24.6%2022.5%20L24.8%2024.4%20L24.9%2026.3%20L24.9%2028.2%20L24.9%2030.1%20L24.9%2032%20L24.9%2033.8%20L24.9%2035.7%20L24.9%2037.6%20L24.9%2039.5%20L24.9%2041.4%20L24.9%2043.3%20L24.9%2045.2%20Z%27%20fill%3D%27%2353853D%27%2F%3E%3Cpath%20d%3D%27M23.6%2044.4%20L23.6%2028.8%27%20stroke%3D%27%238FB081%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M22.9%2041%20H25.1%27%20stroke%3D%27%23365628%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M22.9%2036.6%20H25.1%27%20stroke%3D%27%23365628%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M22.9%2032.2%20H25.1%27%20stroke%3D%27%23365628%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M22.9%2027.8%20H25.1%27%20stroke%3D%27%23365628%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M24.9%2045.2%20L24.9%2043%20L25%2040.7%20L25%2038.5%20L25.1%2036.2%20L25.2%2034%20L25.3%2031.7%20L25.4%2029.5%20L25.5%2027.2%20L25.6%2025%20L25.7%2022.7%20L26%2020.5%20L26.3%2018.2%20L26.8%2016%20L27.2%2013.7%20L27.2%2013.7%20L27.4%2016%20L27.5%2018.2%20L27.6%2020.5%20L27.6%2022.7%20L27.5%2025%20L27.4%2027.2%20L27.3%2029.5%20L27.2%2031.7%20L27.1%2034%20L27%2036.2%20L26.9%2038.5%20L26.9%2040.7%20L26.8%2043%20L26.8%2045.2%20Z%27%20fill%3D%27%23467631%27%2F%3E%3Cpath%20d%3D%27M25.4%2044.3%20L26%2025.7%27%20stroke%3D%27%2387A679%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M24.9%2039.6%20H27%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M25%2035.2%20H27.1%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M25.2%2030.8%20H27.3%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M25.4%2026.4%20H27.5%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M25.7%2022%20H27.8%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M26.8%2045.2%20L26.8%2043.4%20L26.9%2041.6%20L27%2039.8%20L27.1%2038.1%20L27.3%2036.3%20L27.5%2034.5%20L27.7%2032.7%20L27.9%2030.9%20L28.1%2029.1%20L28.4%2027.3%20L28.7%2025.6%20L29.3%2023.8%20L29.9%2022%20L30.5%2020.2%20L30.5%2020.2%20L30.4%2022%20L30.5%2023.8%20L30.4%2025.6%20L30.3%2027.3%20L30%2029.1%20L29.8%2030.9%20L29.6%2032.7%20L29.4%2034.5%20L29.2%2036.3%20L29%2038.1%20L28.9%2039.8%20L28.8%2041.6%20L28.7%2043.4%20L28.6%2045.2%20Z%27%20fill%3D%27%2363914F%27%2F%3E%3Cpath%20d%3D%27M27.3%2044.5%20L28.5%2029.7%27%20stroke%3D%27%239AB88D%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M26.8%2041.4%20H28.9%27%20stroke%3D%27%23405E33%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M27.1%2037%20H29.2%27%20stroke%3D%27%23405E33%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M27.6%2032.6%20H29.7%27%20stroke%3D%27%23405E33%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M28.1%2028.2%20H30.2%27%20stroke%3D%27%23405E33%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18%2026.3%20Q17.3%2025.1%2016%2024.7%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C15.4%2023.1%2012.9%2023.1%2010.6%2023.8%20Q13.6%2023.4%2016%2024.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C14.5%2025.4%2012.8%2024.4%2010.6%2023.8%20Q13.6%2023.4%2016%2024.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C14.5%2023.8%2012.5%2025.3%2011.1%2027.1%20Q13.3%2025.1%2016%2024.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C15.2%2026.1%2013.2%2026.4%2011.1%2027.1%20Q13.3%2025.1%2016%2024.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C14.3%2024.9%2013.6%2027.3%2013.6%2029.7%20Q14.1%2026.7%2016%2024.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C16.2%2026.4%2014.8%2027.8%2013.6%2029.7%20Q14.1%2026.7%2016%2024.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M19%2021%20Q19.5%2020.2%2020.5%2019.8%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.5%2019.8%20C21.5%2018.5%2023.5%2019.4%2025.1%2020.6%20Q22.8%2019.5%2020.5%2019.8Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M20.5%2019.8%20C21.5%2020.9%2023.2%2020.6%2025.1%2020.6%20Q22.8%2019.5%2020.5%2019.8Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M20.5%2019.8%20C22.1%2019.7%2022.8%2021.7%2023%2023.8%20Q22.3%2021.3%2020.5%2019.8Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M20.5%2019.8%20C20.4%2021.3%2021.7%2022.3%2023%2023.8%20Q22.3%2021.3%2020.5%2019.8Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M20.5%2023.8%20Q19.8%2022.6%2018.6%2022.2%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C17.9%2020.6%2015.4%2020.6%2013.2%2021.2%20Q16.1%2020.8%2018.6%2022.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C17%2022.8%2015.3%2021.8%2013.2%2021.2%20Q16.1%2020.8%2018.6%2022.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C17.1%2021.3%2015.1%2022.7%2013.6%2024.6%20Q15.8%2022.5%2018.6%2022.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C17.7%2023.6%2015.7%2023.8%2013.6%2024.6%20Q15.8%2022.5%2018.6%2022.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C16.8%2022.4%2016.1%2024.8%2016.2%2027.1%20Q16.6%2024.1%2018.6%2022.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C18.7%2023.8%2017.3%2025.2%2016.2%2027.1%20Q16.6%2024.1%2018.6%2022.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M21.9%2017.7%20Q22.4%2016.9%2023.4%2016.5%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M23.4%2016.5%20C24.3%2015.3%2026.4%2016.1%2027.9%2017.4%20Q25.7%2016.2%2023.4%2016.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M23.4%2016.5%20C24.4%2017.7%2026%2017.3%2027.9%2017.4%20Q25.7%2016.2%2023.4%2016.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M23.4%2016.5%20C25%2016.4%2025.7%2018.5%2025.8%2020.5%20Q25.2%2018%2023.4%2016.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M23.4%2016.5%20C23.2%2018.1%2024.6%2019%2025.8%2020.5%20Q25.2%2018%2023.4%2016.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M24.9%2028.2%20Q25.6%2027.1%2026.9%2026.7%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C27.6%2025%2030.1%2025%2032.3%2025.7%20Q29.3%2025.3%2026.9%2026.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C28.4%2027.3%2030.2%2026.3%2032.3%2025.7%20Q29.3%2025.3%2026.9%2026.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C28.4%2025.7%2030.4%2027.2%2031.8%2029.1%20Q29.7%2027%2026.9%2026.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C27.8%2028.1%2029.8%2028.3%2031.8%2029.1%20Q29.7%2027%2026.9%2026.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C28.7%2026.8%2029.3%2029.2%2029.3%2031.6%20Q28.9%2028.6%2026.9%2026.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C26.7%2028.3%2028.2%2029.7%2029.3%2031.6%20Q28.9%2028.6%2026.9%2026.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M23.3%2023.5%20Q22.7%2022.7%2021.8%2022.3%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M21.8%2022.3%20C20.8%2021%2018.8%2021.8%2017.2%2023.1%20Q19.5%2021.9%2021.8%2022.3Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M21.8%2022.3%20C20.8%2023.4%2019.1%2023%2017.2%2023.1%20Q19.5%2021.9%2021.8%2022.3Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M21.8%2022.3%20C20.2%2022.2%2019.4%2024.2%2019.3%2026.2%20Q20%2023.8%2021.8%2022.3Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M21.8%2022.3%20C21.9%2023.8%2020.5%2024.8%2019.3%2026.2%20Q20%2023.8%2021.8%2022.3Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M27.5%2025%20Q28.2%2023.9%2029.4%2023.5%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C30.1%2021.8%2032.6%2021.8%2034.8%2022.5%20Q31.9%2022.1%2029.4%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C31%2024.1%2032.7%2023.1%2034.8%2022.5%20Q31.9%2022.1%2029.4%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C30.9%2022.5%2032.9%2024%2034.4%2025.9%20Q32.2%2023.8%2029.4%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C30.3%2024.9%2032.3%2025.1%2034.4%2025.9%20Q32.2%2023.8%2029.4%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C31.2%2023.6%2031.9%2026%2031.8%2028.4%20Q31.4%2025.4%2029.4%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C29.3%2025.1%2030.7%2026.5%2031.8%2028.4%20Q31.4%2025.4%2029.4%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M26.1%2019.4%20Q25.6%2018.6%2024.6%2018.2%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M24.6%2018.2%20C23.7%2016.9%2021.6%2017.7%2020.1%2019%20Q22.3%2017.8%2024.6%2018.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M24.6%2018.2%20C23.6%2019.3%2022%2018.9%2020.1%2019%20Q22.3%2017.8%2024.6%2018.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M24.6%2018.2%20C23%2018.1%2022.3%2020.1%2022.2%2022.1%20Q22.8%2019.7%2024.6%2018.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M24.6%2018.2%20C24.8%2019.7%2023.4%2020.7%2022.2%2022.1%20Q22.8%2019.7%2024.6%2018.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M30%2029.2%20Q30.7%2028%2032%2027.6%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C32.6%2026%2035.1%2026%2037.4%2026.7%20Q34.4%2026.3%2032%2027.6Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C33.5%2028.2%2035.2%2027.2%2037.4%2026.7%20Q34.4%2026.3%2032%2027.6Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C33.5%2026.7%2035.5%2028.2%2036.9%2030%20Q34.7%2027.9%2032%2027.6Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C32.8%2029%2034.8%2029.2%2036.9%2030%20Q34.7%2027.9%2032%2027.6Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C33.7%2027.8%2034.4%2030.2%2034.4%2032.5%20Q33.9%2029.6%2032%2027.6Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C31.8%2029.2%2033.2%2030.7%2034.4%2032.5%20Q33.9%2029.6%2032%2027.6Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M29%2024.7%20Q28.5%2023.9%2027.5%2023.5%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M27.5%2023.5%20C26.5%2022.2%2024.5%2023%2022.9%2024.3%20Q25.2%2023.1%2027.5%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M27.5%2023.5%20C26.5%2024.6%2024.8%2024.2%2022.9%2024.3%20Q25.2%2023.1%2027.5%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M27.5%2023.5%20C25.9%2023.4%2025.2%2025.4%2025%2027.5%20Q25.7%2025%2027.5%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M27.5%2023.5%20C27.6%2025%2026.3%2026%2025%2027.5%20Q25.7%2025%2027.5%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3C%2Fsvg%3E%3C%2Fsvg%3E"); --bm-bs:#f4c692;
  background:var(--bm-tre) right 118px bottom / 184px 68px no-repeat, var(--bm-hill) 0 0 / 100% 100% no-repeat, var(--bm-sun) right 118px bottom / 184px 68px no-repeat, var(--bm-sky); box-shadow:0 3px 0 var(--bm-bs); }
:root[data-theme="dark"] .top { --bm-sky:linear-gradient(90deg, #1d2030 30%, #4a2f3e); --bm-tre:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20184%2068%27%3E%3Cg%20fill%3D%27%23c98b78%27%20opacity%3D%27.95%27%20transform%3D%27translate(10%2010)%20scale(1.15)%27%3E%3Cpath%20d%3D%27M0%208q4-2%207%202%203-4%207-2-4%201-5%204H5Q4%209%200%208Z%27%2F%3E%3Cpath%20d%3D%27M24%200q3-1%205%201%202-2%205-1-3%201-4%203h-2q-1-2-4-3Z%27%2F%3E%3C%2Fg%3E%3Csvg%20x%3D%27116%27%20y%3D%270%27%20width%3D%2770%27%20height%3D%2770%27%20viewBox%3D%275.5%2011.3%2037%2037%27%3E%3Cellipse%20cx%3D%2724%27%20cy%3D%2745.6%27%20rx%3D%2710%27%20ry%3D%271.7%27%20fill%3D%27%23000%27%20fill-opacity%3D%27.12%27%2F%3E%3Cpath%20d%3D%27M19.4%2045.2%20L19.3%2043.1%20L19.2%2041%20L19.1%2038.9%20L19%2036.8%20L18.8%2034.7%20L18.6%2032.6%20L18.4%2030.5%20L18.2%2028.3%20L18%2026.2%20L17.7%2024.1%20L17.6%2022%20L17.5%2019.9%20L17.6%2017.8%20L17.5%2015.7%20L17.5%2015.7%20L18.1%2017.8%20L18.7%2019.9%20L19.3%2022%20L19.6%2024.1%20L19.9%2026.2%20L20.1%2028.3%20L20.3%2030.5%20L20.5%2032.6%20L20.7%2034.7%20L20.9%2036.8%20L21%2038.9%20L21.1%2041%20L21.2%2043.1%20L21.3%2045.2%20Z%27%20fill%3D%27%235E8D49%27%2F%3E%3Cpath%20d%3D%27M19.8%2044.3%20L18.6%2026.9%27%20stroke%3D%27%2396B589%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M19.2%2041.8%20H21.3%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18.9%2037.4%20H21%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18.6%2033%20H20.7%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18.1%2028.6%20H20.2%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M17.6%2024.2%20H19.7%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M21.2%2045.2%20L21.2%2042.8%20L21.1%2040.4%20L21.1%2038%20L21%2035.6%20L20.9%2033.2%20L20.8%2030.8%20L20.7%2028.5%20L20.6%2026.1%20L20.5%2023.7%20L20.4%2021.3%20L20.4%2018.9%20L20.5%2016.5%20L20.6%2014.1%20L20.8%2011.7%20L20.8%2011.7%20L21.2%2014.1%20L21.7%2016.5%20L22%2018.9%20L22.3%2021.3%20L22.4%2023.7%20L22.5%2026.1%20L22.6%2028.5%20L22.7%2030.8%20L22.8%2033.2%20L22.9%2035.6%20L23%2038%20L23%2040.4%20L23.1%2042.8%20L23.1%2045.2%20Z%27%20fill%3D%27%2343712F%27%2F%3E%3Cpath%20d%3D%27M21.7%2044.2%20L21.1%2024.4%27%20stroke%3D%27%2385A378%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M21%2040.2%20H23.1%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.9%2035.8%20H23%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.8%2031.4%20H22.9%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.6%2027%20H22.7%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.4%2022.6%20H22.5%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M23.1%2045.2%20L23.1%2043.3%20L23.1%2041.4%20L23.1%2039.5%20L23.1%2037.6%20L23.1%2035.7%20L23.1%2033.8%20L23.1%2032%20L23.1%2030.1%20L23.1%2028.2%20L23.1%2026.3%20L23.2%2024.4%20L23.4%2022.5%20L23.7%2020.6%20L24%2018.7%20L24%2018.7%20L24.3%2020.6%20L24.6%2022.5%20L24.8%2024.4%20L24.9%2026.3%20L24.9%2028.2%20L24.9%2030.1%20L24.9%2032%20L24.9%2033.8%20L24.9%2035.7%20L24.9%2037.6%20L24.9%2039.5%20L24.9%2041.4%20L24.9%2043.3%20L24.9%2045.2%20Z%27%20fill%3D%27%2353853D%27%2F%3E%3Cpath%20d%3D%27M23.6%2044.4%20L23.6%2028.8%27%20stroke%3D%27%238FB081%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M22.9%2041%20H25.1%27%20stroke%3D%27%23365628%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M22.9%2036.6%20H25.1%27%20stroke%3D%27%23365628%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M22.9%2032.2%20H25.1%27%20stroke%3D%27%23365628%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M22.9%2027.8%20H25.1%27%20stroke%3D%27%23365628%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M24.9%2045.2%20L24.9%2043%20L25%2040.7%20L25%2038.5%20L25.1%2036.2%20L25.2%2034%20L25.3%2031.7%20L25.4%2029.5%20L25.5%2027.2%20L25.6%2025%20L25.7%2022.7%20L26%2020.5%20L26.3%2018.2%20L26.8%2016%20L27.2%2013.7%20L27.2%2013.7%20L27.4%2016%20L27.5%2018.2%20L27.6%2020.5%20L27.6%2022.7%20L27.5%2025%20L27.4%2027.2%20L27.3%2029.5%20L27.2%2031.7%20L27.1%2034%20L27%2036.2%20L26.9%2038.5%20L26.9%2040.7%20L26.8%2043%20L26.8%2045.2%20Z%27%20fill%3D%27%23467631%27%2F%3E%3Cpath%20d%3D%27M25.4%2044.3%20L26%2025.7%27%20stroke%3D%27%2387A679%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M24.9%2039.6%20H27%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M25%2035.2%20H27.1%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M25.2%2030.8%20H27.3%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M25.4%2026.4%20H27.5%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M25.7%2022%20H27.8%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M26.8%2045.2%20L26.8%2043.4%20L26.9%2041.6%20L27%2039.8%20L27.1%2038.1%20L27.3%2036.3%20L27.5%2034.5%20L27.7%2032.7%20L27.9%2030.9%20L28.1%2029.1%20L28.4%2027.3%20L28.7%2025.6%20L29.3%2023.8%20L29.9%2022%20L30.5%2020.2%20L30.5%2020.2%20L30.4%2022%20L30.5%2023.8%20L30.4%2025.6%20L30.3%2027.3%20L30%2029.1%20L29.8%2030.9%20L29.6%2032.7%20L29.4%2034.5%20L29.2%2036.3%20L29%2038.1%20L28.9%2039.8%20L28.8%2041.6%20L28.7%2043.4%20L28.6%2045.2%20Z%27%20fill%3D%27%2363914F%27%2F%3E%3Cpath%20d%3D%27M27.3%2044.5%20L28.5%2029.7%27%20stroke%3D%27%239AB88D%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M26.8%2041.4%20H28.9%27%20stroke%3D%27%23405E33%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M27.1%2037%20H29.2%27%20stroke%3D%27%23405E33%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M27.6%2032.6%20H29.7%27%20stroke%3D%27%23405E33%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M28.1%2028.2%20H30.2%27%20stroke%3D%27%23405E33%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18%2026.3%20Q17.3%2025.1%2016%2024.7%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C15.4%2023.1%2012.9%2023.1%2010.6%2023.8%20Q13.6%2023.4%2016%2024.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C14.5%2025.4%2012.8%2024.4%2010.6%2023.8%20Q13.6%2023.4%2016%2024.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C14.5%2023.8%2012.5%2025.3%2011.1%2027.1%20Q13.3%2025.1%2016%2024.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C15.2%2026.1%2013.2%2026.4%2011.1%2027.1%20Q13.3%2025.1%2016%2024.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C14.3%2024.9%2013.6%2027.3%2013.6%2029.7%20Q14.1%2026.7%2016%2024.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C16.2%2026.4%2014.8%2027.8%2013.6%2029.7%20Q14.1%2026.7%2016%2024.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M19%2021%20Q19.5%2020.2%2020.5%2019.8%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.5%2019.8%20C21.5%2018.5%2023.5%2019.4%2025.1%2020.6%20Q22.8%2019.5%2020.5%2019.8Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M20.5%2019.8%20C21.5%2020.9%2023.2%2020.6%2025.1%2020.6%20Q22.8%2019.5%2020.5%2019.8Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M20.5%2019.8%20C22.1%2019.7%2022.8%2021.7%2023%2023.8%20Q22.3%2021.3%2020.5%2019.8Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M20.5%2019.8%20C20.4%2021.3%2021.7%2022.3%2023%2023.8%20Q22.3%2021.3%2020.5%2019.8Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M20.5%2023.8%20Q19.8%2022.6%2018.6%2022.2%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C17.9%2020.6%2015.4%2020.6%2013.2%2021.2%20Q16.1%2020.8%2018.6%2022.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C17%2022.8%2015.3%2021.8%2013.2%2021.2%20Q16.1%2020.8%2018.6%2022.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C17.1%2021.3%2015.1%2022.7%2013.6%2024.6%20Q15.8%2022.5%2018.6%2022.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C17.7%2023.6%2015.7%2023.8%2013.6%2024.6%20Q15.8%2022.5%2018.6%2022.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C16.8%2022.4%2016.1%2024.8%2016.2%2027.1%20Q16.6%2024.1%2018.6%2022.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C18.7%2023.8%2017.3%2025.2%2016.2%2027.1%20Q16.6%2024.1%2018.6%2022.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M21.9%2017.7%20Q22.4%2016.9%2023.4%2016.5%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M23.4%2016.5%20C24.3%2015.3%2026.4%2016.1%2027.9%2017.4%20Q25.7%2016.2%2023.4%2016.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M23.4%2016.5%20C24.4%2017.7%2026%2017.3%2027.9%2017.4%20Q25.7%2016.2%2023.4%2016.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M23.4%2016.5%20C25%2016.4%2025.7%2018.5%2025.8%2020.5%20Q25.2%2018%2023.4%2016.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M23.4%2016.5%20C23.2%2018.1%2024.6%2019%2025.8%2020.5%20Q25.2%2018%2023.4%2016.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M24.9%2028.2%20Q25.6%2027.1%2026.9%2026.7%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C27.6%2025%2030.1%2025%2032.3%2025.7%20Q29.3%2025.3%2026.9%2026.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C28.4%2027.3%2030.2%2026.3%2032.3%2025.7%20Q29.3%2025.3%2026.9%2026.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C28.4%2025.7%2030.4%2027.2%2031.8%2029.1%20Q29.7%2027%2026.9%2026.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C27.8%2028.1%2029.8%2028.3%2031.8%2029.1%20Q29.7%2027%2026.9%2026.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C28.7%2026.8%2029.3%2029.2%2029.3%2031.6%20Q28.9%2028.6%2026.9%2026.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C26.7%2028.3%2028.2%2029.7%2029.3%2031.6%20Q28.9%2028.6%2026.9%2026.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M23.3%2023.5%20Q22.7%2022.7%2021.8%2022.3%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M21.8%2022.3%20C20.8%2021%2018.8%2021.8%2017.2%2023.1%20Q19.5%2021.9%2021.8%2022.3Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M21.8%2022.3%20C20.8%2023.4%2019.1%2023%2017.2%2023.1%20Q19.5%2021.9%2021.8%2022.3Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M21.8%2022.3%20C20.2%2022.2%2019.4%2024.2%2019.3%2026.2%20Q20%2023.8%2021.8%2022.3Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M21.8%2022.3%20C21.9%2023.8%2020.5%2024.8%2019.3%2026.2%20Q20%2023.8%2021.8%2022.3Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M27.5%2025%20Q28.2%2023.9%2029.4%2023.5%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C30.1%2021.8%2032.6%2021.8%2034.8%2022.5%20Q31.9%2022.1%2029.4%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C31%2024.1%2032.7%2023.1%2034.8%2022.5%20Q31.9%2022.1%2029.4%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C30.9%2022.5%2032.9%2024%2034.4%2025.9%20Q32.2%2023.8%2029.4%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C30.3%2024.9%2032.3%2025.1%2034.4%2025.9%20Q32.2%2023.8%2029.4%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C31.2%2023.6%2031.9%2026%2031.8%2028.4%20Q31.4%2025.4%2029.4%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C29.3%2025.1%2030.7%2026.5%2031.8%2028.4%20Q31.4%2025.4%2029.4%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M26.1%2019.4%20Q25.6%2018.6%2024.6%2018.2%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M24.6%2018.2%20C23.7%2016.9%2021.6%2017.7%2020.1%2019%20Q22.3%2017.8%2024.6%2018.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M24.6%2018.2%20C23.6%2019.3%2022%2018.9%2020.1%2019%20Q22.3%2017.8%2024.6%2018.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M24.6%2018.2%20C23%2018.1%2022.3%2020.1%2022.2%2022.1%20Q22.8%2019.7%2024.6%2018.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M24.6%2018.2%20C24.8%2019.7%2023.4%2020.7%2022.2%2022.1%20Q22.8%2019.7%2024.6%2018.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M30%2029.2%20Q30.7%2028%2032%2027.6%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C32.6%2026%2035.1%2026%2037.4%2026.7%20Q34.4%2026.3%2032%2027.6Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C33.5%2028.2%2035.2%2027.2%2037.4%2026.7%20Q34.4%2026.3%2032%2027.6Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C33.5%2026.7%2035.5%2028.2%2036.9%2030%20Q34.7%2027.9%2032%2027.6Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C32.8%2029%2034.8%2029.2%2036.9%2030%20Q34.7%2027.9%2032%2027.6Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C33.7%2027.8%2034.4%2030.2%2034.4%2032.5%20Q33.9%2029.6%2032%2027.6Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C31.8%2029.2%2033.2%2030.7%2034.4%2032.5%20Q33.9%2029.6%2032%2027.6Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M29%2024.7%20Q28.5%2023.9%2027.5%2023.5%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M27.5%2023.5%20C26.5%2022.2%2024.5%2023%2022.9%2024.3%20Q25.2%2023.1%2027.5%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M27.5%2023.5%20C26.5%2024.6%2024.8%2024.2%2022.9%2024.3%20Q25.2%2023.1%2027.5%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M27.5%2023.5%20C25.9%2023.4%2025.2%2025.4%2025%2027.5%20Q25.7%2025%2027.5%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M27.5%2023.5%20C27.6%2025%2026.3%2026%2025%2027.5%20Q25.7%2025%2027.5%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3C%2Fsvg%3E%3C%2Fsvg%3E"); --bm-sun:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20184%2068%27%3E%3Cdefs%3E%3CradialGradient%20id%3D%27g%27%20cx%3D%27100%27%20cy%3D%2758%27%20r%3D%2770%27%20gradientUnits%3D%27userSpaceOnUse%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%235a3a3a%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%235a3a3a%27%20stop-opacity%3D%270%27%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%27100%27%20cy%3D%2758%27%20r%3D%2770%27%20fill%3D%27url(%23g)%27%2F%3E%3Cg%20stroke%3D%27%23c9803f%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.7%27%3E%3Cpath%20d%3D%27M100%2026V14M72%2034l-8-8M60%2050H48%27%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%27%23c9803f%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.35%27%3E%3Cpath%20d%3D%27M128%2034l8-8M140%2050h12%27%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%27100%27%20cy%3D%2756%27%20r%3D%2720%27%20fill%3D%27%23e9984f%27%2F%3E%3C%2Fsvg%3E"); --bm-suns:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20100%2056%27%3E%3Cg%20fill%3D%27%23c98b78%27%20opacity%3D%27.95%27%20transform%3D%27translate(0%2010)%20scale(0.9199999999999999)%27%3E%3Cpath%20d%3D%27M0%208q4-2%207%202%203-4%207-2-4%201-5%204H5Q4%209%200%208Z%27%2F%3E%3Cpath%20d%3D%27M24%200q3-1%205%201%202-2%205-1-3%201-4%203h-2q-1-2-4-3Z%27%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%27%23c9803f%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.7%27%3E%3Cpath%20d%3D%27M70%2022v-7M54%2028l-5-5M86%2028l5-5%27%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2770%27%20cy%3D%2744%27%20r%3D%2714%27%20fill%3D%27%23e9984f%27%2F%3E%3C%2Fsvg%3E"); --bm-hill:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20728%2068%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0%2068V57C130%2049%20250%2051%20370%2055S610%2051%20728%2045V68Z%27%20fill%3D%27%231a3326%27%2F%3E%3Cpath%20d%3D%27M0%2068V63C150%2059%20300%2057%20450%2059S650%2057%20728%2054V68Z%27%20fill%3D%27%231d3f2c%27%2F%3E%3Cpath%20d%3D%27M0%2068V66C220%2064%20470%2066%20728%2062V68Z%27%20fill%3D%27%231f4a33%27%2F%3E%3C%2Fsvg%3E"); --bm-side:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20216%20106%27%3E%3Cg%20fill%3D%27%23c98b78%27%20opacity%3D%27.95%27%20transform%3D%27translate(104%2080)%20scale(0.9199999999999999)%27%3E%3Cpath%20d%3D%27M0%208q4-2%207%202%203-4%207-2-4%201-5%204H5Q4%209%200%208Z%27%2F%3E%3Cpath%20d%3D%27M24%200q3-1%205%201%202-2%205-1-3%201-4%203h-2q-1-2-4-3Z%27%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%27%23c9803f%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.7%27%3E%3Cpath%20d%3D%27M168%2066v-10M146%2074l-7-7%27%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%27168%27%20cy%3D%2794%27%20r%3D%2718%27%20fill%3D%27%23e9984f%27%2F%3E%3Cpath%20d%3D%27M0%20106V97C60%2093%20140%2092%20216%2088V106Z%27%20fill%3D%27%231a3326%27%2F%3E%3Cpath%20d%3D%27M0%20106V101C80%2099%20150%2099%20216%2096V106Z%27%20fill%3D%27%231d3f2c%27%2F%3E%3Cpath%20d%3D%27M0%20106v-2C90%20102%20150%20104%20216%20101V106Z%27%20fill%3D%27%231f4a33%27%2F%3E%3Csvg%20x%3D%27166%27%20y%3D%2756%27%20width%3D%2748%27%20height%3D%2748%27%20viewBox%3D%275.5%2011.3%2037%2037%27%3E%3Cellipse%20cx%3D%2724%27%20cy%3D%2745.6%27%20rx%3D%2710%27%20ry%3D%271.7%27%20fill%3D%27%23000%27%20fill-opacity%3D%27.12%27%2F%3E%3Cpath%20d%3D%27M19.4%2045.2%20L19.3%2043.1%20L19.2%2041%20L19.1%2038.9%20L19%2036.8%20L18.8%2034.7%20L18.6%2032.6%20L18.4%2030.5%20L18.2%2028.3%20L18%2026.2%20L17.7%2024.1%20L17.6%2022%20L17.5%2019.9%20L17.6%2017.8%20L17.5%2015.7%20L17.5%2015.7%20L18.1%2017.8%20L18.7%2019.9%20L19.3%2022%20L19.6%2024.1%20L19.9%2026.2%20L20.1%2028.3%20L20.3%2030.5%20L20.5%2032.6%20L20.7%2034.7%20L20.9%2036.8%20L21%2038.9%20L21.1%2041%20L21.2%2043.1%20L21.3%2045.2%20Z%27%20fill%3D%27%235E8D49%27%2F%3E%3Cpath%20d%3D%27M19.8%2044.3%20L18.6%2026.9%27%20stroke%3D%27%2396B589%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M19.2%2041.8%20H21.3%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18.9%2037.4%20H21%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18.6%2033%20H20.7%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18.1%2028.6%20H20.2%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M17.6%2024.2%20H19.7%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M21.2%2045.2%20L21.2%2042.8%20L21.1%2040.4%20L21.1%2038%20L21%2035.6%20L20.9%2033.2%20L20.8%2030.8%20L20.7%2028.5%20L20.6%2026.1%20L20.5%2023.7%20L20.4%2021.3%20L20.4%2018.9%20L20.5%2016.5%20L20.6%2014.1%20L20.8%2011.7%20L20.8%2011.7%20L21.2%2014.1%20L21.7%2016.5%20L22%2018.9%20L22.3%2021.3%20L22.4%2023.7%20L22.5%2026.1%20L22.6%2028.5%20L22.7%2030.8%20L22.8%2033.2%20L22.9%2035.6%20L23%2038%20L23%2040.4%20L23.1%2042.8%20L23.1%2045.2%20Z%27%20fill%3D%27%2343712F%27%2F%3E%3Cpath%20d%3D%27M21.7%2044.2%20L21.1%2024.4%27%20stroke%3D%27%2385A378%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M21%2040.2%20H23.1%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.9%2035.8%20H23%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.8%2031.4%20H22.9%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.6%2027%20H22.7%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.4%2022.6%20H22.5%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M23.1%2045.2%20L23.1%2043.3%20L23.1%2041.4%20L23.1%2039.5%20L23.1%2037.6%20L23.1%2035.7%20L23.1%2033.8%20L23.1%2032%20L23.1%2030.1%20L23.1%2028.2%20L23.1%2026.3%20L23.2%2024.4%20L23.4%2022.5%20L23.7%2020.6%20L24%2018.7%20L24%2018.7%20L24.3%2020.6%20L24.6%2022.5%20L24.8%2024.4%20L24.9%2026.3%20L24.9%2028.2%20L24.9%2030.1%20L24.9%2032%20L24.9%2033.8%20L24.9%2035.7%20L24.9%2037.6%20L24.9%2039.5%20L24.9%2041.4%20L24.9%2043.3%20L24.9%2045.2%20Z%27%20fill%3D%27%2353853D%27%2F%3E%3Cpath%20d%3D%27M23.6%2044.4%20L23.6%2028.8%27%20stroke%3D%27%238FB081%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M22.9%2041%20H25.1%27%20stroke%3D%27%23365628%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M22.9%2036.6%20H25.1%27%20stroke%3D%27%23365628%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M22.9%2032.2%20H25.1%27%20stroke%3D%27%23365628%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M22.9%2027.8%20H25.1%27%20stroke%3D%27%23365628%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M24.9%2045.2%20L24.9%2043%20L25%2040.7%20L25%2038.5%20L25.1%2036.2%20L25.2%2034%20L25.3%2031.7%20L25.4%2029.5%20L25.5%2027.2%20L25.6%2025%20L25.7%2022.7%20L26%2020.5%20L26.3%2018.2%20L26.8%2016%20L27.2%2013.7%20L27.2%2013.7%20L27.4%2016%20L27.5%2018.2%20L27.6%2020.5%20L27.6%2022.7%20L27.5%2025%20L27.4%2027.2%20L27.3%2029.5%20L27.2%2031.7%20L27.1%2034%20L27%2036.2%20L26.9%2038.5%20L26.9%2040.7%20L26.8%2043%20L26.8%2045.2%20Z%27%20fill%3D%27%23467631%27%2F%3E%3Cpath%20d%3D%27M25.4%2044.3%20L26%2025.7%27%20stroke%3D%27%2387A679%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M24.9%2039.6%20H27%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M25%2035.2%20H27.1%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M25.2%2030.8%20H27.3%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M25.4%2026.4%20H27.5%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M25.7%2022%20H27.8%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M26.8%2045.2%20L26.8%2043.4%20L26.9%2041.6%20L27%2039.8%20L27.1%2038.1%20L27.3%2036.3%20L27.5%2034.5%20L27.7%2032.7%20L27.9%2030.9%20L28.1%2029.1%20L28.4%2027.3%20L28.7%2025.6%20L29.3%2023.8%20L29.9%2022%20L30.5%2020.2%20L30.5%2020.2%20L30.4%2022%20L30.5%2023.8%20L30.4%2025.6%20L30.3%2027.3%20L30%2029.1%20L29.8%2030.9%20L29.6%2032.7%20L29.4%2034.5%20L29.2%2036.3%20L29%2038.1%20L28.9%2039.8%20L28.8%2041.6%20L28.7%2043.4%20L28.6%2045.2%20Z%27%20fill%3D%27%2363914F%27%2F%3E%3Cpath%20d%3D%27M27.3%2044.5%20L28.5%2029.7%27%20stroke%3D%27%239AB88D%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M26.8%2041.4%20H28.9%27%20stroke%3D%27%23405E33%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M27.1%2037%20H29.2%27%20stroke%3D%27%23405E33%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M27.6%2032.6%20H29.7%27%20stroke%3D%27%23405E33%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M28.1%2028.2%20H30.2%27%20stroke%3D%27%23405E33%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18%2026.3%20Q17.3%2025.1%2016%2024.7%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C15.4%2023.1%2012.9%2023.1%2010.6%2023.8%20Q13.6%2023.4%2016%2024.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C14.5%2025.4%2012.8%2024.4%2010.6%2023.8%20Q13.6%2023.4%2016%2024.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C14.5%2023.8%2012.5%2025.3%2011.1%2027.1%20Q13.3%2025.1%2016%2024.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C15.2%2026.1%2013.2%2026.4%2011.1%2027.1%20Q13.3%2025.1%2016%2024.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C14.3%2024.9%2013.6%2027.3%2013.6%2029.7%20Q14.1%2026.7%2016%2024.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C16.2%2026.4%2014.8%2027.8%2013.6%2029.7%20Q14.1%2026.7%2016%2024.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M19%2021%20Q19.5%2020.2%2020.5%2019.8%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.5%2019.8%20C21.5%2018.5%2023.5%2019.4%2025.1%2020.6%20Q22.8%2019.5%2020.5%2019.8Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M20.5%2019.8%20C21.5%2020.9%2023.2%2020.6%2025.1%2020.6%20Q22.8%2019.5%2020.5%2019.8Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M20.5%2019.8%20C22.1%2019.7%2022.8%2021.7%2023%2023.8%20Q22.3%2021.3%2020.5%2019.8Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M20.5%2019.8%20C20.4%2021.3%2021.7%2022.3%2023%2023.8%20Q22.3%2021.3%2020.5%2019.8Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M20.5%2023.8%20Q19.8%2022.6%2018.6%2022.2%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C17.9%2020.6%2015.4%2020.6%2013.2%2021.2%20Q16.1%2020.8%2018.6%2022.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C17%2022.8%2015.3%2021.8%2013.2%2021.2%20Q16.1%2020.8%2018.6%2022.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C17.1%2021.3%2015.1%2022.7%2013.6%2024.6%20Q15.8%2022.5%2018.6%2022.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C17.7%2023.6%2015.7%2023.8%2013.6%2024.6%20Q15.8%2022.5%2018.6%2022.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C16.8%2022.4%2016.1%2024.8%2016.2%2027.1%20Q16.6%2024.1%2018.6%2022.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C18.7%2023.8%2017.3%2025.2%2016.2%2027.1%20Q16.6%2024.1%2018.6%2022.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M21.9%2017.7%20Q22.4%2016.9%2023.4%2016.5%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M23.4%2016.5%20C24.3%2015.3%2026.4%2016.1%2027.9%2017.4%20Q25.7%2016.2%2023.4%2016.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M23.4%2016.5%20C24.4%2017.7%2026%2017.3%2027.9%2017.4%20Q25.7%2016.2%2023.4%2016.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M23.4%2016.5%20C25%2016.4%2025.7%2018.5%2025.8%2020.5%20Q25.2%2018%2023.4%2016.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M23.4%2016.5%20C23.2%2018.1%2024.6%2019%2025.8%2020.5%20Q25.2%2018%2023.4%2016.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M24.9%2028.2%20Q25.6%2027.1%2026.9%2026.7%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C27.6%2025%2030.1%2025%2032.3%2025.7%20Q29.3%2025.3%2026.9%2026.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C28.4%2027.3%2030.2%2026.3%2032.3%2025.7%20Q29.3%2025.3%2026.9%2026.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C28.4%2025.7%2030.4%2027.2%2031.8%2029.1%20Q29.7%2027%2026.9%2026.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C27.8%2028.1%2029.8%2028.3%2031.8%2029.1%20Q29.7%2027%2026.9%2026.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C28.7%2026.8%2029.3%2029.2%2029.3%2031.6%20Q28.9%2028.6%2026.9%2026.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C26.7%2028.3%2028.2%2029.7%2029.3%2031.6%20Q28.9%2028.6%2026.9%2026.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M23.3%2023.5%20Q22.7%2022.7%2021.8%2022.3%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M21.8%2022.3%20C20.8%2021%2018.8%2021.8%2017.2%2023.1%20Q19.5%2021.9%2021.8%2022.3Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M21.8%2022.3%20C20.8%2023.4%2019.1%2023%2017.2%2023.1%20Q19.5%2021.9%2021.8%2022.3Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M21.8%2022.3%20C20.2%2022.2%2019.4%2024.2%2019.3%2026.2%20Q20%2023.8%2021.8%2022.3Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M21.8%2022.3%20C21.9%2023.8%2020.5%2024.8%2019.3%2026.2%20Q20%2023.8%2021.8%2022.3Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M27.5%2025%20Q28.2%2023.9%2029.4%2023.5%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C30.1%2021.8%2032.6%2021.8%2034.8%2022.5%20Q31.9%2022.1%2029.4%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C31%2024.1%2032.7%2023.1%2034.8%2022.5%20Q31.9%2022.1%2029.4%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C30.9%2022.5%2032.9%2024%2034.4%2025.9%20Q32.2%2023.8%2029.4%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C30.3%2024.9%2032.3%2025.1%2034.4%2025.9%20Q32.2%2023.8%2029.4%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C31.2%2023.6%2031.9%2026%2031.8%2028.4%20Q31.4%2025.4%2029.4%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C29.3%2025.1%2030.7%2026.5%2031.8%2028.4%20Q31.4%2025.4%2029.4%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M26.1%2019.4%20Q25.6%2018.6%2024.6%2018.2%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M24.6%2018.2%20C23.7%2016.9%2021.6%2017.7%2020.1%2019%20Q22.3%2017.8%2024.6%2018.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M24.6%2018.2%20C23.6%2019.3%2022%2018.9%2020.1%2019%20Q22.3%2017.8%2024.6%2018.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M24.6%2018.2%20C23%2018.1%2022.3%2020.1%2022.2%2022.1%20Q22.8%2019.7%2024.6%2018.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M24.6%2018.2%20C24.8%2019.7%2023.4%2020.7%2022.2%2022.1%20Q22.8%2019.7%2024.6%2018.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M30%2029.2%20Q30.7%2028%2032%2027.6%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C32.6%2026%2035.1%2026%2037.4%2026.7%20Q34.4%2026.3%2032%2027.6Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C33.5%2028.2%2035.2%2027.2%2037.4%2026.7%20Q34.4%2026.3%2032%2027.6Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C33.5%2026.7%2035.5%2028.2%2036.9%2030%20Q34.7%2027.9%2032%2027.6Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C32.8%2029%2034.8%2029.2%2036.9%2030%20Q34.7%2027.9%2032%2027.6Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C33.7%2027.8%2034.4%2030.2%2034.4%2032.5%20Q33.9%2029.6%2032%2027.6Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C31.8%2029.2%2033.2%2030.7%2034.4%2032.5%20Q33.9%2029.6%2032%2027.6Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M29%2024.7%20Q28.5%2023.9%2027.5%2023.5%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M27.5%2023.5%20C26.5%2022.2%2024.5%2023%2022.9%2024.3%20Q25.2%2023.1%2027.5%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M27.5%2023.5%20C26.5%2024.6%2024.8%2024.2%2022.9%2024.3%20Q25.2%2023.1%2027.5%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M27.5%2023.5%20C25.9%2023.4%2025.2%2025.4%2025%2027.5%20Q25.7%2025%2027.5%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M27.5%2023.5%20C27.6%2025%2026.3%2026%2025%2027.5%20Q25.7%2025%2027.5%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3C%2Fsvg%3E%3C%2Fsvg%3E"); --bm-bs:#4a3a6a; }
@media (max-width:759px) { .top { background:var(--bm-hill) 0 0 / 100% 100% no-repeat, var(--bm-suns) right 112px bottom / 100px 56px no-repeat, var(--bm-sky); } }
@media (max-width:430px) { .top { background-position:0 0, right 106px bottom, 0 0; } }
@media (max-width:430px) { .top { --bm-suns:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20100%2056%27%3E%3Cg%20fill%3D%27%23e8a46a%27%20opacity%3D%27.95%27%20transform%3D%27translate(0%206)%20scale(0.9199999999999999)%27%3E%3Cpath%20d%3D%27M0%208q4-2%207%202%203-4%207-2-4%201-5%204H5Q4%209%200%208Z%27%2F%3E%3Cpath%20d%3D%27M24%200q3-1%205%201%202-2%205-1-3%201-4%203h-2q-1-2-4-3Z%27%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%27%23ffd27a%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.7%27%3E%3Cpath%20d%3D%27M70%2022v-7M54%2028l-5-5M86%2028l5-5%27%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2770%27%20cy%3D%2744%27%20r%3D%2714%27%20fill%3D%27%23ffc35c%27%2F%3E%3C%2Fsvg%3E"); } :root[data-theme="dark"] .top { --bm-suns:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20100%2056%27%3E%3Cg%20fill%3D%27%23c98b78%27%20opacity%3D%27.95%27%20transform%3D%27translate(0%206)%20scale(0.9199999999999999)%27%3E%3Cpath%20d%3D%27M0%208q4-2%207%202%203-4%207-2-4%201-5%204H5Q4%209%200%208Z%27%2F%3E%3Cpath%20d%3D%27M24%200q3-1%205%201%202-2%205-1-3%201-4%203h-2q-1-2-4-3Z%27%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%27%23c9803f%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.7%27%3E%3Cpath%20d%3D%27M70%2022v-7M54%2028l-5-5M86%2028l5-5%27%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2770%27%20cy%3D%2744%27%20r%3D%2714%27%20fill%3D%27%23e9984f%27%2F%3E%3C%2Fsvg%3E"); } }
@media (max-width:399px) { .top { --bm-suns:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20100%2056%27%3E%3Cg%20fill%3D%27%23e8a46a%27%20opacity%3D%27.95%27%20transform%3D%27translate(0%206)%20scale(0.9199999999999999)%27%3E%3Cpath%20d%3D%27M0%208q4-2%207%202%203-4%207-2-4%201-5%204H5Q4%209%200%208Z%27%2F%3E%3Cpath%20d%3D%27M24%200q3-1%205%201%202-2%205-1-3%201-4%203h-2q-1-2-4-3Z%27%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%27%23ffd27a%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.7%27%3E%3Cpath%20d%3D%27M74%2022v-7M90%2028l5-5%27%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2774%27%20cy%3D%2744%27%20r%3D%2714%27%20fill%3D%27%23ffc35c%27%2F%3E%3C%2Fsvg%3E"); } :root[data-theme="dark"] .top { --bm-suns:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20100%2056%27%3E%3Cg%20fill%3D%27%23c98b78%27%20opacity%3D%27.95%27%20transform%3D%27translate(0%206)%20scale(0.9199999999999999)%27%3E%3Cpath%20d%3D%27M0%208q4-2%207%202%203-4%207-2-4%201-5%204H5Q4%209%200%208Z%27%2F%3E%3Cpath%20d%3D%27M24%200q3-1%205%201%202-2%205-1-3%201-4%203h-2q-1-2-4-3Z%27%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%27%23c9803f%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.7%27%3E%3Cpath%20d%3D%27M74%2022v-7M90%2028l5-5%27%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2774%27%20cy%3D%2744%27%20r%3D%2714%27%20fill%3D%27%23e9984f%27%2F%3E%3C%2Fsvg%3E"); } }
@media (max-width:374px) { .top { --bm-suns:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20100%2056%27%3E%3Cg%20fill%3D%27%23e8a46a%27%20opacity%3D%27.95%27%20transform%3D%27translate(0%206)%20scale(0.9199999999999999)%27%3E%3Cpath%20d%3D%27M0%208q4-2%207%202%203-4%207-2-4%201-5%204H5Q4%209%200%208Z%27%2F%3E%3Cpath%20d%3D%27M24%200q3-1%205%201%202-2%205-1-3%201-4%203h-2q-1-2-4-3Z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } :root[data-theme="dark"] .top { --bm-suns:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20100%2056%27%3E%3Cg%20fill%3D%27%23c98b78%27%20opacity%3D%27.95%27%20transform%3D%27translate(0%206)%20scale(0.9199999999999999)%27%3E%3Cpath%20d%3D%27M0%208q4-2%207%202%203-4%207-2-4%201-5%204H5Q4%209%200%208Z%27%2F%3E%3Cpath%20d%3D%27M24%200q3-1%205%201%202-2%205-1-3%201-4%203h-2q-1-2-4-3Z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } }
@media (min-width:1100px) { .top { background:var(--bm-side) 0 0 / 100% 100% no-repeat, linear-gradient(110deg, #fffaf2 20%, #ffdcc4); } :root[data-theme="dark"] .top { background:var(--bm-side) 0 0 / 100% 100% no-repeat, linear-gradient(110deg, #1d2030 20%, #4a2f3e); } }
.top .brand { flex:1; min-width:0; }
@media (max-width:480px) { h1 { font-size:17px; } }
.logo { width:44px; height:44px; flex:none; border-radius:12px; background:#fff; color:var(--ts); display:grid; place-items:center;
  grid-template:100% / 100%;
  box-shadow:3px 3px 0 var(--tm); transition:box-shadow .4s, color .4s; }
.logo svg { grid-area:1/1; width:100%; height:100%; color:var(--ts); fill:currentColor; opacity:0; transform:translateY(6px); transition:opacity .4s, transform .4s; }
.logo .on { opacity:1; transform:none; }
.logo.back { cursor:pointer; }
.logo.back svg { opacity:0; }
.logo.back::after { content:''; grid-area:1/1; width:60%; height:60%; background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat; }
.logo.back:hover { filter:brightness(.95); }
h1 { font-size:19px; line-height:1.2; margin:0; letter-spacing:-.01em; }
.top small { display:block; color:var(--muted); font-size:13px; }
@media (max-width:430px) { .top { min-height:56px; margin:8px 0 17px; padding:0 10px 0 12px; gap:10px; } .top .tagline { display:none !important; } .logo { width:36px; height:36px; } .top h1 { font-size:18px; } body.in-sess .top { display:none; } body.in-sess main { padding-top:10px; } }
.top h1 span { transition:color .4s; }
.top h1 .hl { color:var(--td); }
.tagline { display:grid !important; line-height:18px; }
.tagline > span { grid-area:1/1; align-self:center; animation:tg-swap 10s ease infinite; }
.tagline > span + span { animation-delay:-5s; font-weight:600; }
@keyframes tg-swap { 0% { opacity:0; transform:translateY(6px); } 4%, 46% { opacity:1; transform:none; } 50%, 100% { opacity:0; transform:translateY(-6px); } }
.tg-read { background:linear-gradient(90deg, var(--fg) 49%, var(--muted) 51%) 100% 0 / 200% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; animation:tg-read 5s linear infinite; }
.tagline > span + span .tg-read { animation-name:tg-read-url; }
@keyframes tg-read { 0%, 8% { background-position:100% 0; } 60%, 100% { background-position:0 0; } }
@keyframes tg-read-url { 0%, 8% { background-position:100% 0; } 30%, 100% { background-position:0 0; } }
@keyframes tg-fade { 0% { opacity:0; } 4%, 46% { opacity:1; } 50%, 100% { opacity:0; } }
body.in-sess .tagline > span, body.in-sess .tagline .tg-read { animation:none; }
body.in-sess .tagline > span + span { opacity:0; }
@media (prefers-reduced-motion:reduce) { .logo svg, .ticker > span { transform:none; } .track { transition:opacity .3s; } .tagline > span { animation-name:tg-fade; } .tg-read { animation:none; background:none; color:inherit; } }
h2 { font-size:18px; line-height:1.3; margin:0; letter-spacing:-.01em; }
h3 { font-size:15px; font-weight:650; line-height:1.3; color:var(--fg); margin:22px 2px 10px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:18px; margin-bottom:14px; box-shadow:var(--shadow); }
.card h2 + p, .card h2 + .muted { margin-top:4px; }
.muted { color:var(--muted); font-size:14px; margin:2px 0 10px; }
.row { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.sbar { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
.sbar > .muted { margin:0; }
button, .btn { font:inherit; font-size:15px; font-weight:600; line-height:1.2; border:1px solid var(--pri); background:var(--pri); color:var(--pri-fg); border-radius:12px; padding:12px 16px; cursor:pointer; display:inline-flex; align-items:center; gap:6px; transition:background-color .15s, border-color .15s, color .15s, scale .1s; }
button:hover:not(:disabled), .btn:hover { filter:brightness(1.07); }
button:active:not(:disabled), .btn:active { scale:.97; }
@media (prefers-reduced-motion:reduce) { button:active:not(:disabled), .btn:active { scale:none; } }
button:disabled { opacity:.4; cursor:default; }
:focus-visible { outline:3px solid color-mix(in srgb, var(--pri) 45%, transparent); outline-offset:2px; }
.go-cont { background:var(--learn); border-color:var(--learn); color:#fff; }
.go-start { background:var(--learn-soft); border-color:var(--learn); color:var(--learn-ink); }
.go-rev { background:var(--review); border-color:var(--review); color:#fff; }
.go-bad { background:var(--bad); border-color:var(--bad); }
.ghost { background:var(--card); color:var(--fg); border-color:var(--line); }
.ghost:hover:not(:disabled):not([aria-pressed="true"]), .ghost.btn:hover { border-color:var(--pri); color:var(--pri); filter:none; }
.danger { background:transparent; border-color:color-mix(in srgb, var(--bad) 45%, var(--line)); color:var(--bad); }
.link { background:transparent; border-color:transparent; color:var(--pri); }
.link:hover:not(:disabled) { background:var(--pri-soft); filter:none; }
.sm { font-size:14px; padding:0 12px; min-height:36px; border-radius:10px; }
.slider .track > .card .row button:not(.ghost), .card.note .row button:not(.ghost) { background:var(--pri-soft); color:var(--pri); border-color:transparent; }
.soft { background:var(--learn-soft); color:var(--learn-ink); border-color:var(--learn); }
.soft:hover:not(:disabled), .go-start:hover:not(:disabled) { filter:none; border-color:var(--learn); }
img.emo { width:1.15em; height:1.15em; vertical-align:-0.2em; display:inline-block; }
input, textarea, select { font:inherit; width:100%; padding:10px 12px; border:1px solid var(--line); border-radius:10px; background:var(--bg); color:var(--fg); margin-bottom:8px; }
textarea { display:block; }
input:focus, textarea:focus, select:focus { outline:none; border-color:var(--pri); box-shadow:0 0 0 3px color-mix(in srgb, var(--pri) 25%, transparent); }
.meter { height:8px; background:var(--soft); border-radius:99px; overflow:hidden; margin:10px 0 12px; }
.meter span { display:block; height:100%; background:var(--ok); border-radius:99px; }
.hero { display:flex; flex-direction:column; gap:10px; }
.hbtns { display:flex; flex-direction:column; gap:10px; }
.hbtns > button { width:100%; justify-content:center; }
.hbtns > .hlearn { justify-content:space-between; gap:12px; min-height:52px; text-align:left; }
.hbtns > button { min-height:52px; }
.hlearn .htx { display:flex; flex-direction:column; gap:2px; min-width:0; }
.hlearn .htx b { font-size:16px; }
.hlearn .htx small { font-size:13px; font-weight:500; line-height:1.3; overflow-wrap:anywhere; }
.hgo2 { flex:none; font-size:20px; }
.cacts { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; margin-top:8px; }
.cacts > button.ghost { flex-direction:column; justify-content:center; gap:2px; min-height:52px; padding:6px 4px; border-color:transparent; background:var(--tt); box-shadow:0 2px 0 var(--tm); color:var(--td); font-size:13.5px; font-weight:700; white-space:normal; }
.cacts small { font-size:12px; font-weight:500; color:inherit; }
.cacts > button.ghost:hover:not(:disabled) { filter:none; background:var(--tt); border-color:transparent; translate:0 -1px; }
.cacts > button.ghost:disabled { box-shadow:none; opacity:1; background:var(--card); border-color:var(--line); color:var(--muted); font-weight:600; }
.cacts > button:disabled small { color:var(--muted); }
.card.kcard { padding:0; overflow:hidden; border:0; box-shadow:0 3px 0 var(--tm); }
.kcard > .ucstage { height:92px; margin:0; border-radius:0; pointer-events:none; }
.kcard > .kb { padding:12px 14px 14px; }
.kcard h2 { font-size:16px; color:var(--td); }
.kcard .cname:hover { color:inherit; text-decoration:underline; }
.kcard .tag:not([aria-pressed="true"]) { background:var(--tt); color:var(--td); }
.kprog { display:grid; gap:5px; margin:10px 0 8px; border-radius:8px; font-size:13px; color:var(--muted); cursor:pointer; }
.kln { display:flex; justify-content:space-between; gap:8px; }
.ktx { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.kprog b { color:var(--fg); }
.kbar { display:block; height:8px; border-radius:99px; background:var(--tt); overflow:hidden; }
.kbar > i { display:block; height:100%; border-radius:99px; background:var(--ts); }
.hero .hi { margin:0; text-align:center; }
.ring-row { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-bottom:4px; container:ringrow / inline-size; }
@container ringrow (max-width:290px) { .ring-row > .ring { width:72px; height:72px; margin-right:-4px; border-width:6px; } .ring-row > .ring b { font-size:24px; } .ring-row > .ring small { font-size:11px; } }
@container ringrow (max-width:250px) { .ring-row > .ring { margin:0 auto; } .hero .ring-row > .hstat { flex-basis:100%; } }
.ring { width:104px; height:104px; box-sizing:border-box; flex:none; border-radius:50%; border:8px solid var(--review); background:var(--card); display:flex; flex-direction:column; align-items:center; justify-content:center; }
.ring b { font-size:32px; font-weight:800; line-height:1; letter-spacing:-.02em; }
.ring.clear { border-color:var(--ok); }
.ring.clear b { color:var(--ok); }
.ring small { font-size:12px; color:var(--muted); }
.hero .hstat { flex:1; min-width:0; display:flex; flex-direction:column; gap:7px; font-size:14px; white-space:nowrap; }
.hstat > span { display:block; }
.hstat > .hrow { display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; }
.hero .hedit, .hero .hweek { margin:0; padding:2px 4px; min-height:0; border:0; border-radius:8px; background:transparent; box-shadow:none; color:var(--muted); font-weight:400; }
.hero .hedit:hover, .hero .hweek:hover { background:color-mix(in srgb, var(--pri) 8%, transparent); filter:none; }
.hero .hedit { position:relative; margin-left:auto; font-size:15px; line-height:1; }
.hero .hedit::before { content:""; position:absolute; inset:-8px -4px; }
.hstat > .hgoal { flex-wrap:nowrap; } .hgoal > .hmeter { flex:1; min-width:40px; } .hero .hgoal > .hedit { margin:-6px 0 -6px auto; }
.hero .hweek { gap:4px; min-width:0; }
.hweek .week { display:flex; gap:3px; margin:0; min-width:0; }
.hweek .week span { flex:0 1 24px; min-width:18px; width:24px; height:auto; aspect-ratio:1; font-size:10.5px; }
.hweek .week span:not([class]), .hweek .week span[class=""] { background:color-mix(in srgb, var(--fg) 8%, transparent); }
.hgo { font-size:18px; line-height:1; color:var(--muted); }
.hstreak b { color:var(--warn); }
.hstat > .hnum { display:flex; gap:2px 12px; flex-wrap:wrap; font-size:13px; color:var(--muted); }
.hnum b { color:var(--fg); }
.hero .hmeter { height:8px; margin:0; background:color-mix(in srgb, var(--fg) 12%, transparent); }
.week { display:flex; justify-content:space-between; gap:4px; margin-top:10px; }
.week span { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; font-size:12px; font-weight:600; background:var(--soft); color:var(--muted); }
.week .ok { background:color-mix(in srgb, var(--warn) 18%, var(--card)); color:color-mix(in srgb, var(--warn) 80%, var(--fg)); }
.week .fz { background:var(--pri-soft); color:var(--pri); }
.week .td { position:relative; background:none; color:var(--pri); font-weight:800; }
.week .td::before, .wk-key .td::before { content:""; position:absolute; inset:0; border-radius:50%; pointer-events:none;
  background:repeating-conic-gradient(var(--ring, var(--pri)) 0 20deg, transparent 0 30deg);
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1.5px));
  mask:radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1.5px)); }
.week + .row { margin-top:18px; }
.slider { margin-bottom:14px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; column-gap:6px; }
.slider > .track { flex:0 0 calc(100% + 12px); }
.slider .dots { order:2; }
.slider .prev { order:1; } .slider .next { order:3; }
.slider .nav { width:26px; height:26px; margin-top:10px; padding:0 0 2px; justify-content:center; border:0; border-radius:50%;
  font-size:19px; line-height:1; background:none; color:var(--muted); box-shadow:none; }
.slider .nav:hover, .slider .nav:focus-visible { background:var(--pri-soft); color:var(--pri); filter:none; }
.track { display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:6px; margin:-6px; scroll-padding:6px; }
.track::-webkit-scrollbar { display:none; }
.track > .card { flex:0 0 100%; margin:0; scroll-snap-align:start; align-content:center; }
.dots { display:flex; justify-content:center; gap:6px; margin-top:10px; }
.dots button { position:relative; overflow:visible; width:8px; height:8px; padding:0; border:0; border-radius:99px; background:var(--line); transition:width .2s, background-color .2s; }
.dots button::before { content:""; position:absolute; inset:-8px -3px; }
.dots button[aria-current="true"] { width:22px; background:var(--pri); }
.more-lib + .card.social-mini { margin-top:14px; }
.card.social-mini, .card.note.social-mini { container:soc / inline-size; display:flex; flex-wrap:wrap; align-items:center; gap:10px 12px; padding:12px 14px; border:0; border-radius:16px; background:var(--tt); box-shadow:0 3px 0 var(--tm); }
.card.social-mini:not([data-pal]) { --tm:var(--line); --td:var(--fg); background:var(--card); border:1px solid var(--line); box-shadow:var(--shadow); }
#app > .card.social-mini[data-pal] { margin-bottom:17px; }
.card.social-mini > .ic { flex:none; display:grid; place-items:center; width:46px; height:46px; border-radius:13px; background:#fff; rotate:-3deg; box-shadow:2px 2px 0 var(--tm); font-size:24px; }
.card.social-mini > .tx { flex:1; min-width:0; }
.card.social-mini b { display:block; font-size:15.5px; line-height:1.3; color:var(--td); white-space:nowrap; }
.card.social-mini small { display:block; margin-top:2px; font-size:13px; color:var(--fg); }
.soc { flex:none; display:flex; gap:8px; }
.soc a { flex:none; display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:#fff; rotate:-3deg; box-shadow:2px 2px 0 var(--tm); transition:translate .15s; }
.soc a:nth-child(even) { rotate:3deg; }
.soc a:hover { translate:0 -2px; }
.soc svg { width:22px; height:22px; }
.soc .s-yt { color:#ff0000; }
.soc .s-tt { color:#111; }
.soc .s-fb, .soc .s-fg { color:#0866ff; }
.soc .s-tg { color:#26a5e4; }
.card.note.social-mini .soc { margin-right:22px; }
.card.social-mini .hide-x { top:4px; right:4px; }
@container soc (max-width:480px) {
  .card.social-mini > .ic, .card.social-mini small { display:none; }
  .soc { gap:6px; }
  .soc a { width:38px; height:38px; }
}
@container soc (max-width:312px) {
  .soc, .card.note.social-mini .soc { flex-basis:100%; justify-content:space-between; margin-right:0; }
}
.menu { display:flex; flex-direction:column; margin-top:10px; }
.mi { display:flex; align-items:center; gap:12px; width:100%; text-align:left; padding:12px 4px; background:none; border:0; border-bottom:1px solid var(--line); border-radius:0; color:var(--fg); }
button.mi:hover:not(:disabled) { background:var(--soft); color:var(--fg); filter:none; }
.mi .ic { font-size:22px; width:28px; text-align:center; flex:none; }
.mi small { display:block; font-weight:400; font-size:13px; color:var(--muted); }
.mi .go { margin-left:auto; color:var(--muted); }
.menu > .mi:last-child { border-bottom:0; } .card > .menu:last-child { margin-bottom:-12px; }
.mi button, .mi .btn { white-space:nowrap; }
.big { font-size:42px; font-weight:800; line-height:1; letter-spacing:-.02em; }
.pct { font-size:20px; font-weight:800; line-height:1; color:var(--ok); }
.wlist { margin-top:6px; }
.plant { margin-right:6px; color:var(--muted); } .gdue { font-size:13px; font-weight:600; color:var(--review-ink); margin-right:6px; }
:root[data-theme="dark"] .gdue { color:var(--warn); }
.gbar { height:5px; border-radius:3px; background:var(--soft); overflow:hidden; margin:8px 0 10px; } .gbar > i { display:block; height:100%; background:var(--ok); }
.gbtns { margin:0 0 10px; } .gbtns button { white-space:nowrap; }
.subcard.shut > .gbtns { margin-bottom:0; }
details.lvlbox > summary .gbtns { margin:10px 0 0; }
.wrow { display:flex; align-items:center; gap:8px; border-top:1px solid var(--line); }
.subh { display:flex; justify-content:space-between; align-items:center; gap:8px; margin:-4px -6px 6px; padding:9px 12px; border-radius:12px; background:var(--tt); color:var(--td); cursor:pointer; }
.subcard.shut > .subh { margin-bottom:-4px; }
.subh > span:first-child { min-width:0; overflow-wrap:anywhere; }
.subh:focus-visible { outline:2px solid var(--pri); outline-offset:2px; border-radius:6px; }
.subh .chev { transition:transform .2s; transform:rotate(90deg); } .subcard.shut .subh .chev { transform:none; }
.subcard.shut > .lguide, .subcard.shut > .wlist { display:none; }
#app.lq .subcard.shut > .wlist { display:block; }
.wrow.pgoff, #app.lq .pager { display:none; } #app.lq .wrow.pgoff:not([hidden]) { display:flex; }
.pager { display:flex; flex-direction:column; gap:12px; margin:14px 0 4px; } .pager [hidden] { display:none; }
.pgrow, .pgnums { display:flex; align-items:center; justify-content:center; gap:4px; }
.pgb { width:44px; height:44px; padding:0; justify-content:center; border:0; border-radius:22px; background:transparent; color:var(--fg); font-size:15px; }
.pgrow > .pgb { font-size:20px; font-weight:500; }
.pgb:hover:not(:disabled) { background:var(--soft); filter:none; }
.pgb.on { background:var(--pri-soft); color:var(--pri); box-shadow:inset 0 0 0 2px var(--pri); font-weight:700; }
.pgb:disabled { opacity:.3; }
.pgdots { width:18px; text-align:center; color:var(--muted); }
.pgmeta { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 16px; border-top:1px solid var(--line); padding-top:12px; font-size:14px; color:var(--muted); }
.pgact { display:flex; align-items:center; gap:16px; }
.pgjump { display:flex; align-items:center; gap:8px; }
.pgjump input { width:56px; height:36px; margin:0; padding:0 6px; text-align:center; font-size:15px; font-weight:600; background:var(--card); }
.pgall { font-size:14px; padding:0; min-height:36px; } .pgall:hover:not(:disabled) { background:transparent; text-decoration:underline; }
@media (max-width:400px) { .pgb { width:38px; } .pgrow, .pgnums { gap:2px; } }
@media (prefers-reduced-motion:reduce) { .subh .chev { transition:none; } }
.pchk { display:flex; align-items:center; padding-left:2px; }
.pchk input { width:20px; height:20px; margin:0; flex:none; }
.ptopic { display:inline-flex; align-items:center; gap:6px; margin-left:8px; padding:3px 0; font-size:13px; font-weight:400; }
.ptopic input { width:18px; height:18px; margin:0; flex:none; }
details.lvlbox { background:var(--card); border:1px solid var(--line); border-radius:16px; margin-bottom:14px; box-shadow:var(--shadow); }
details.lvlbox > summary { list-style:none; cursor:pointer; padding:14px 16px; border-radius:15px; background:var(--tt); }
details.lvlbox[open] > summary { margin-bottom:12px; border-radius:15px 15px 0 0; }
details.lvlbox > summary::-webkit-details-marker { display:none; }
details.lvlbox > summary:focus-visible { outline:2px solid var(--pri); outline-offset:-2px; border-radius:16px; }
details.lvlbox > summary .lvl-h { display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:nowrap; }
details.lvlbox > summary .lvl-h > span:first-child { min-width:0; overflow-wrap:anywhere; }
details.lvlbox > summary .lvl-h b { font-size:20px; font-weight:700; letter-spacing:-.01em; color:var(--td); }
details.lvlbox > summary .chev { flex:none; color:var(--td); transition:transform .2s; }
details.lvlbox[open] > summary .chev { transform:rotate(90deg); }
details.lvlbox > summary .gbar { margin:8px 0 0; background:var(--card); }
details.lvlbox > summary small.muted { margin:2px 0 0; }
details.lvlbox > .lvl-in { padding:0 16px 4px; }
details.lvlbox > .lvl-in > .card { box-shadow:none; background:var(--bg); margin-bottom:12px; padding:14px 16px; }
details.lvlbox > .lvl-in > .lguide { margin:0 0 12px; }
details.lvlbox { interpolate-size:allow-keywords; }
details.lvlbox::details-content { height:0; overflow:clip; transition:height .2s ease, content-visibility .2s allow-discrete; }
details.lvlbox[open]::details-content { height:auto; }
@media (prefers-reduced-motion:reduce) { details.lvlbox > summary .chev, details.lvlbox::details-content { transition:none; } }
.pickbar { flex-direction:column; flex-wrap:nowrap; align-items:stretch; gap:8px; }
.pickbar > * { min-width:0; }
.pickbar .phead { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.pickbar .phead .muted { margin:0 auto 0 0; }
.pickbar .pacts { display:flex; flex-wrap:wrap; gap:6px; }
.savebar.pickbar .pacts button { flex:none; white-space:nowrap; }
@media (max-width:430px) { .pickbar .pacts { flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; } }
.listtools { display:flex; gap:8px; align-items:center; margin:0 0 14px; }
.listtools .lqw { position:relative; flex:1 1 auto; min-width:0; }
.listtools input { margin:0; width:100%; padding-left:38px; }
.listtools .sortw { position:relative; flex:none; max-width:48%; }
.listtools select { width:100%; margin:0; padding-left:36px; }
.listtools .lqw > .ico, .listtools .sortw > .ico { position:absolute; left:11px; top:50%; transform:translateY(-50%); margin:0; pointer-events:none; }
.listtools .pickgo .ico, .listf .ico { display:inline-block; margin:0; flex:none; }
.listf .lft { display:inline-flex; align-items:center; gap:5px; }
@media (max-width:430px) { .listf .lft { font-size:14px; gap:4px; } }
.listtools .pickgo { flex:none; white-space:nowrap; }
@media (max-width:560px) { .listtools { flex-wrap:wrap; } .listtools .lqw { flex-basis:100%; } .listtools .sortw { flex:1 1 auto; max-width:none; } }
.favmark { color:var(--bad); margin-left:6px; font-size:15px; }
.micmsg { margin:6px 0 0; font-size:14px; }
.actstreak > .row { display:flex; align-items:center; gap:12px; flex-wrap:nowrap; }
.actstreak .cur { display:flex; align-items:center; gap:12px; }
.actstreak .fire { font-size:36px; line-height:1; }
.actstreak .fire img { width:40px; height:40px; }
.actstreak b { display:block; font-size:26px; line-height:1.15; }
.actstreak .best { margin-left:auto; text-align:right; }
.actstreak .best b { font-size:18px; }
.actstreak small, .actrows small { display:block; color:var(--muted); font-size:13px; }
.actpg { container:act / inline-size; }
.actpg > :last-child { margin-bottom:0; }
@container act (min-width:640px) {
  .actstreak { display:grid; grid-template-columns:minmax(max-content, 1fr) minmax(0, 380px) minmax(max-content, 1fr); align-items:center; column-gap:16px; }
  .actstreak > .row { display:contents; }
  .actstreak .week { grid-column:2; grid-row:1; margin:0; }
  .actstreak .best { grid-column:3; justify-self:end; margin:0; }
}
.actstreak:has(+ .actheat) { margin-bottom:17px; }
.actheat > .row { display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin-bottom:10px; }
.actheat > .row .muted { font-size:13px; }
.heat { display:flex; gap:6px; }
.hdays { display:grid; grid-template-rows:repeat(7, 11px); row-gap:3px; margin-top:17px; }
.hdays span { font-size:10px; line-height:11px; color:var(--muted); }
.hscroll { overflow-x:auto; min-width:0; padding-bottom:4px; }
.hmonths { display:grid; grid-template-columns:repeat(53, 11px); column-gap:3px; height:14px; margin-bottom:3px; }
.hmonths span { font-size:10px; line-height:14px; color:var(--muted); white-space:nowrap; }
.hcells { display:grid; grid-auto-flow:column; grid-template-rows:repeat(7, 11px); grid-auto-columns:11px; gap:3px; }
.hcells i, .hkey i { display:block; width:11px; height:11px; border-radius:3px; }
.hcells i[data-l="0"], .hkey i[data-l="0"] { background:var(--soft); }
.hcells i[data-l="1"], .hkey i[data-l="1"] { background:color-mix(in srgb, var(--warn) 25%, var(--card)); }
.hcells i[data-l="2"], .hkey i[data-l="2"] { background:color-mix(in srgb, var(--warn) 50%, var(--card)); }
.hcells i[data-l="3"], .hkey i[data-l="3"] { background:color-mix(in srgb, var(--warn) 78%, var(--card)); }
.hcells i[data-l="4"], .hkey i[data-l="4"] { background:var(--warn); }
.hcells i[data-l="f"], .hkey i[data-l="f"] { background:var(--pri-soft); box-shadow:inset 0 0 0 1.5px var(--pri); }
.hkey { display:flex; align-items:center; flex-wrap:wrap; gap:4px; margin:10px 0 0; font-size:12px; }
.actspan { display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--card); margin-bottom:14px; }
.actspan button { min-height:44px; display:flex; align-items:center; justify-content:center; text-align:center; border:0; border-left:1px solid var(--line); border-radius:0; background:var(--card); color:var(--fg); font:inherit; font-size:13px; font-weight:600; padding:0 2px; cursor:pointer; }
.actspan button:first-child { border-left:0; }
.actspan button[aria-pressed="true"] { background:var(--pri-soft); color:var(--pri); }
@media (max-width:480px) { .actspan { grid-template-columns:repeat(3, minmax(0, 1fr)); } .actspan button:nth-child(4) { border-left:0; } .actspan button:nth-child(n+4) { border-top:1px solid var(--line); } }
.acttiles { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px 10px; }
@container act (min-width:640px) { .acttiles { grid-template-columns:repeat(3, minmax(0, 1fr)); } }
.acttile { min-width:0; padding:12px 14px; border-radius:12px; background:var(--soft); }
.acttile > b { display:block; margin-top:2px; font-size:24px; line-height:1.2; }
.acttile.sm > b { font-size:17px; line-height:1.4; margin-top:4px; }
.acttile .cmp { display:block; margin-top:4px; font-size:12.5px; color:var(--muted); }
.acttile .cmp b { font-size:13px; }
.acttile .up { color:var(--pri); }
.acttile .down { color:var(--warn); }
.actrows > .muted { margin:12px 0 0; font-size:13px; }
.actcourse { display:flex; flex-direction:column; gap:12px; }
.actcourse .row { display:flex; justify-content:space-between; gap:8px; flex-wrap:nowrap; font-size:14px; margin:0 0 4px; }
.actcourse .row b { white-space:nowrap; }
.actcourse .bar { height:8px; border-radius:999px; background:var(--soft); overflow:hidden; }
.actcourse .bar > i { display:block; height:100%; border-radius:999px; background:var(--pri); }
.wr { display:flex; align-items:center; gap:12px; flex:1; min-width:0; text-align:left; font-weight:400; background:none; border:0; border-radius:0; padding:10px 2px; color:var(--fg); }
.wr:hover:not(:disabled) { filter:none; background:var(--tt); }
.wr:active:not(:disabled) { scale:.99; }
.wbd { display:block; flex:1; min-width:0; }
.wth { flex:none; display:flex; align-items:center; justify-content:center; width:46px; height:46px; box-sizing:border-box; padding:3px; border-radius:12px; overflow:hidden; background:#fff; rotate:-3deg; box-shadow:2px 2px 0 var(--tm); }
.wrow:nth-child(even) .wth { rotate:3deg; }
.wth img { display:block; width:100%; height:100%; object-fit:contain; border-radius:8px; }
.wth.wlet { background:var(--ts); color:#fff; font-size:22px; font-weight:700; line-height:1; }
.wth .wico { min-width:0; font-size:26px; line-height:1; }
.wr1 { display:block; text-align:justify; text-align-last:justify; }
.wr1 b { display:inline-block; max-width:100%; vertical-align:baseline; text-align:left; text-align-last:auto; color:var(--pri); overflow-wrap:break-word; line-height:1.45; }
.wr1 > .wst { max-width:100%; flex-wrap:wrap; vertical-align:middle; text-align:left; text-align-last:auto; }
.wr1 b > .wtag { margin-right:6px; } .wr1 b > .wtag + .wtag { margin-left:0; }
.wr .wst { flex:none; color:var(--muted); font-size:12.5px; display:inline-flex; align-items:center; gap:4px; align-self:center; }
.wbd > small { display:block; margin:3px 0 0; font-size:14px; line-height:1.5; }
.wbd .wtag { vertical-align:1px; }
.chips { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 16px; }
.chip { font-size:13px; padding:3px 10px; border-radius:99px; background:var(--soft); color:var(--muted); }
.chip b { color:var(--fg); }
.cgoal { margin:0 2px 8px; font-size:13px; }
.cgbox summary { cursor:pointer; font-weight:600; list-style:none; }
.cgbox summary::-webkit-details-marker { display:none; }
.cgbox summary::before { content:'▾'; float:right; margin-left:8px; color:var(--muted); transition:transform .2s; }
.cgbox[open] summary::before { transform:rotate(180deg); }
.cgbox[open] summary { margin-bottom:8px; }
.cgbox .seg { margin-top:2px; }
.foot { display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; margin-top:20px; }
.foot .muted { margin:0; }
.more-lib { display:flex; align-items:center; width:100%; gap:14px; text-align:left; padding:16px 18px; margin:0 0 4px; border:1px solid var(--line); border-radius:16px;
  background:var(--card); color:var(--fg); box-shadow:var(--shadow); }
.more-lib:hover:not(:disabled) { border-color:var(--pri); color:var(--fg); }
.more-lib .ic { width:48px; height:48px; flex:none; display:grid; place-items:center; font-size:26px; line-height:1; border-radius:14px; background:var(--card); box-shadow:0 0 0 1px var(--line); }
.more-lib .txt { flex:1; min-width:0; display:flex; flex-direction:column; gap:6px; transform:translateY(var(--ty, 0px)); transition:transform .4s; }
@media (prefers-reduced-motion:reduce) { .more-lib .txt { transition:none; } }
.more-lib .txt b { font-size:16px; line-height:1.3; font-style:italic; }
.more-lib .flags { display:flex; gap:6px; margin-top:2px; }
.more-lib .flags .flag { width:22px; margin:0; }
.ticker { display:grid; font-size:13px; }
.ticker > span { grid-area:1/1; display:flex; align-items:center; gap:6px; min-width:0; opacity:0; transform:translateY(6px); transition:opacity .4s, transform .4s; }
.ticker > .on { opacity:1; transform:none; }
.ticker > span:not(.on) { pointer-events:none; }
.ticker .flag { margin:0; flex:none; }
.ticker > span:has(> .nm) { display:block; line-height:22px; }
#app .ticker > span { align-self:start; }
.ticker > span:has(> .nm) > .flag { display:inline-block; margin-right:6px; vertical-align:-1px; }
.ticker .nm { font-weight:600; }
.ticker > span > em { display:inline-block; margin-left:2px; vertical-align:1px; }
.ticker em { font-style:normal; flex:none; white-space:nowrap; font-weight:400; font-size:12px; line-height:18px; padding:0 7px;  border-radius:99px; background:var(--card); color:var(--muted); box-shadow:0 0 0 1px var(--line); }
.more-lib .go { width:34px; height:34px; flex:none; display:grid; place-items:center; border-radius:50%; background:var(--pri); color:var(--pri-fg); font-size:18px; }
.more-lib .go svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.ver { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:4px 8px; width:fit-content; max-width:100%; margin:0 auto 14px; padding:4px 4px 4px 14px; border:1px solid var(--line); border-radius:18px; background:var(--card); font-size:13px; line-height:1.3; }
.ver a { padding-left:8px; border-left:1px solid var(--line); }
.ver a, p.muted > a { color:var(--pri); font-weight:600; text-decoration:none; }
.ver a:hover, p.muted > a:hover { text-decoration:underline; text-underline-offset:2px; }
.site-copy { cursor:copy; }
.ntc .nb > b .site-copy { margin-block:-8px; }
.ver .site-copy { min-height:28px; padding:0 10px; font-size:13px; border:0; border-radius:14px; background:var(--soft); color:var(--fg); }
@media (max-width:400px) { .ver .site-copy span { display:none; } }
#copyToast { position:fixed; left:50%; top:16px; transform:translateX(-50%); z-index:50; padding:8px 16px; border-radius:99px; background:var(--fg); color:var(--bg); font-size:14px; white-space:nowrap; pointer-events:none; opacity:0; transition:opacity .2s; }
#copyToast.on { opacity:1; }
#copyToast.long { white-space:normal; width:max-content; max-width:min(440px, 92vw); border-radius:14px; text-align:center; line-height:1.45; }
#copyToast.gring { position:fixed; --gr-r:14px; }
#copyToast.gring::before { background:var(--bad); }
#copyToast.gring.blink.on::before { animation:grBlink 1.2s ease-in-out infinite; }
.ntc-dlg .nm { margin:0; white-space:pre-line; word-break:break-word; line-height:1.5; }
.ntc-dlg .nm .ntc-info { margin:10px 0 0; font-size:12px; }
.ntc-dlg [data-x]:disabled { font-variant-numeric:tabular-nums; }
.ask-b { word-break:break-word; line-height:1.5; }
.ask-b p, .ask-b ul { margin:0 0 8px; }
.ask-b ul { padding-left:20px; }
.ask-b > :last-child { margin-bottom:0; }
#askDlg .dlg-acts { flex-wrap:wrap-reverse; }
#askDlg .dlg-acts > button { white-space:nowrap; }
@media (max-width:480px) { #askDlg .dlg-acts > button { flex:1 0 0; min-width:max-content; } }
.item { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; padding:12px 0; border-top:1px solid var(--line); }
.item .muted { margin:2px 0 0; }
.lgrid { display:grid; grid-template-columns:1fr; gap:14px; align-items:start; }
@media (min-width:640px) {
  .lgrid { grid-template-columns:repeat(2, minmax(0, 1fr)); grid-auto-rows:1px; row-gap:0; margin-bottom:-14px; }
  .lgrid > .lcard { grid-row-end:span var(--lib-span, 1); }
}
.lcard { display:flex; flex-direction:column; gap:10px; padding:16px; border:1px solid var(--line); border-radius:14px; background:var(--card); box-shadow:var(--shadow); }
.lcard .lname { font-size:16px; line-height:1.35; }
.lcard .muted { margin:0; }
.lcard .tags { margin:0; }
.lcard .lsrc { margin:0; padding:10px 12px; border-radius:10px; background:var(--soft); font-size:13px; line-height:1.5; color:var(--muted); overflow-wrap:anywhere; }
.lcard .lsrc, .phead .cref { word-break:keep-all; }
.lcard .lsrc i { color:var(--fg); margin-right:3px; }
.lcard.soon { border-style:dashed; background:var(--soft); }
.lcard.open { cursor:pointer; transition:border-color .15s; }
.lcard.open:hover { border-color:var(--pri); }
.lfoot { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:auto; padding-top:12px; border-top:1px solid var(--line); }
.lcard .lsrc + .lfoot, .lcard .lsrc ~ .lfoot { margin-top:2px; }
.lfoot + .lacts { margin-top:2px; }
.lfoot button { flex:none; white-space:nowrap; }
.lfoot > button.link { margin-block:-8px; }
.lacts { display:flex; gap:8px; }
.lacts > button { flex:1; justify-content:center; white-space:nowrap; }
.lcount { margin:14px 0; scroll-margin-top:10px; }
.unf { margin-left:8px; vertical-align:middle; border:0; background:var(--ts); color:#fff; font-weight:700; box-shadow:0 2px 0 color-mix(in srgb, var(--ts) 60%, #000); }
.unf[hidden] { display:none; }
.hunf { display:flex; align-items:center; justify-content:space-between; gap:8px; } .hunf > .unf { margin-left:0; }
.libh { display:flex; align-items:center; gap:8px; margin:4px 2px 14px; font-size:20px; }
.libh .ic { font-size:22px; line-height:1; }
.libtop { display:flex; gap:8px; margin-bottom:14px; }
.libtop #libq { flex:1; min-width:0; margin:0; }
.langtiles { display:grid; grid-template-columns:repeat(auto-fill, minmax(124px, 1fr)); gap:17px 14px; margin-bottom:17px; }
.langtiles .ltile { flex-direction:column; align-items:center; gap:2px; padding:12px 8px 10px; border:0; border-radius:14px; background:var(--tt); color:var(--td); text-align:center; box-shadow:0 3px 0 var(--tm); transition:translate .15s, scale .1s; }
.langtiles .ltile:hover:not(:disabled) { filter:none; background:var(--tt); translate:0 -2px; }
.ltile .ltf { display:flex; margin-bottom:6px; padding:4px; border-radius:8px; background:#fff; rotate:-3deg; box-shadow:2px 2px 0 var(--tm); }
.ltile .flag { width:34px; margin:0; }
.ltile small { font-weight:500; font-size:13px; color:var(--muted); }
.langchips { display:flex; gap:8px; overflow-x:auto; padding:2px 0 8px; margin-bottom:6px; scrollbar-width:thin; }
@media (min-width:640px) { .langchips { flex-wrap:wrap; overflow:visible; } }
.lchip { flex:none; border-radius:99px; padding:7px 12px; font-size:14px; }
.lchip .flag { margin-right:0; }
.lchip b { font-size:12px; font-weight:700; padding:0 7px; border-radius:99px; background:var(--soft); color:var(--muted); }
.lchip[aria-pressed="true"] { background:var(--pri); color:var(--pri-fg); border-color:var(--pri); }
.lchip[aria-pressed="true"] b { background:rgba(255,255,255,.2); color:var(--pri-fg); }
.gborder { --gb-in:var(--bg); border:2px solid transparent; background:linear-gradient(var(--gb-in), var(--gb-in)) padding-box,
  linear-gradient(90deg, var(--pri), #a855f7, #ec4899, #f59e0b, var(--pri)) border-box;
  background-size:100% 100%, 300% 100%; animation:gbFlow 5s linear infinite; }
.gborder:focus, .gborder:hover { border-color:transparent; }
@property --gba { syntax:"<angle>"; inherits:false; initial-value:0deg; }
.gborder.gspin { background-image:linear-gradient(var(--gb-in), var(--gb-in)), conic-gradient(from var(--gba), var(--pri), #a855f7, #ec4899, #f59e0b, var(--pri)); background-size:100% 100%; animation:gbSpin 2s linear infinite; }
.gborder.gbw { --gb-in:var(--card); background-image:linear-gradient(var(--gb-in), var(--gb-in)), conic-gradient(from var(--gba), #5a6170, #9aa0aa, #d3d6dc, #9aa0aa, #5a6170); }
@keyframes gbSpin { to { --gba:360deg; } }
.gborder.gspin:focus { animation-play-state:paused; }
@media (prefers-reduced-motion:reduce) { .gborder.gspin { animation:none; } }
@keyframes gbFlow { from { background-position:0 0, 0 0; } to { background-position:0 0, 300% 0; } }
.gring { position:relative; }
.gring::before { content:''; position:absolute; inset:-5px; padding:2px; border-radius:calc(var(--gr-r, 10px) + 5px); pointer-events:none;
  background:linear-gradient(90deg, var(--pri), #a855f7, #ec4899, #f59e0b, var(--pri)) 0 0 / 300% 100%; animation:grFlow 5s linear infinite;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; }
@keyframes grFlow { to { background-position:300% 0; } }
.gring.pulse { animation:none; }
.gring.pulse::before { animation:grFlow 5s linear infinite, grBlink 1.2s ease-in-out infinite; }
@keyframes grBlink { 50% { opacity:.2; } }
.lib-go { --gb-in:#e6dafb; --pc:#7c3aed; border:2px solid transparent; color:#4c1d95; min-height:46px; }
.lib-go.gborder:not(.gspin) { background:linear-gradient(var(--gb-in), var(--gb-in)) padding-box,
  linear-gradient(90deg, #7c3aed, #c026d3, #7c3aed) border-box; background-size:100% 100%, 300% 100%; }
:root[data-theme="dark"] .lib-go { --gb-in:#2e2152; color:#ddd6fe; }
.lib-go:hover:not(:disabled) { filter:none; --gb-in:#dccbfa; }
:root[data-theme="dark"] .lib-go:hover:not(:disabled) { --gb-in:#3a2a66; }
.lib-go.shine, :root[data-theme="dark"] .lib-go.shine { --gb-in:#6d28d9; color:#fff; }
.lib-go.shine:hover:not(:disabled) { --gb-in:#5b21b6; }
@media (prefers-reduced-motion: reduce) { .gborder, .gring::before, .gring.pulse::before, #copyToast.gring.blink.on::before { animation:none; } }
@media (max-width:430px) { .lcard .lfoot { padding-top:8px; } }
.lfoot > span:first-child:not(.lmeta), .wst, .kind, .uc small { font-style:italic; }
.lmeta { display:flex; flex-wrap:wrap; align-items:baseline; row-gap:1px; min-width:0; font-size:13px; line-height:1.4; color:var(--muted);
  translate:-15px 0; clip-path:inset(-8px -15px -8px 15px); }
p.lmeta { width:calc(100% + 15px); }
.lmeta > * { white-space:nowrap; }
.lmeta > span::before { content:'·'; display:inline-block; width:15px; text-align:center; }
.tags > .have { align-self:center; margin-left:4px; font-size:13px; }
.uc small button { font-style:normal; }
.have { font-size:14px; font-weight:600; color:var(--ok); }
.have.soon { color:var(--muted); }
.vet { display:inline-flex; align-items:center; gap:4px; margin:4px 0 0 4px; padding:1px 8px 1px 5px; border-radius:99px; background:var(--guide-soft); color:var(--guide); font-size:12px; line-height:14px; font-weight:700; white-space:nowrap; }
.vet svg { flex:none; }
.code { font:700 22px/1.4 Consolas, "Cascadia Mono", monospace; letter-spacing:1px; background:var(--soft); border:1px dashed var(--line); border-radius:10px; padding:12px; text-align:center; overflow-wrap:anywhere; text-wrap:balance; }
@media (max-width:420px) { .code { font-size:20px; } }
.word { font-size:32px; font-weight:700; line-height:1.25; margin:10px 0 18px; letter-spacing:-.01em; overflow-wrap:break-word; }
.word.vi { font-size:24px; font-weight:600; }
.word.wl { font-size:25px; } .word.wxl { font-size:19px; font-weight:600; line-height:1.4; }
.ipa { color:var(--muted); font-size:17px; margin:-12px 0 16px; }
.fb .ipa { margin:-6px 0 10px; font-size:15px; }
.wtag { display:inline-block; font-size:12px; font-weight:600; line-height:1.5; padding:0 6px; margin-left:6px; border-radius:6px; background:var(--soft); color:var(--fg); vertical-align:2px; font-style:normal; }
.pic { margin:0 0 16px; }
.pic img:not(.emo) { display:block; width:auto; height:auto; max-width:100%; max-height:220px; border-radius:10px; background:var(--soft); }
.fb .pic img:not(.emo) { max-height:150px; }
.site { margin-top:14px; display:flex; flex-direction:column; gap:14px; }
.site-bar { position:relative; overflow:hidden; isolation:isolate; padding:12px 14px; border-radius:16px; }
.site-bar { --ct-en:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2090%2022%27%3E%3Cg%20fill%3D%27%235a2f4a%27%20opacity%3D%27.75%27%3E%3Cpath%20transform%3D%27translate(16%2010)%20scale(0.82)%27%20d%3D%27M0%202q4-2%207%202%203-4%207-2-4%201-5%204H5Q4%203%200%202Z%27%2F%3E%3Cpath%20transform%3D%27translate(44%206)%20scale(1.15)%27%20d%3D%27M0%202q4-2%207%202%203-4%207-2-4%201-5%204H5Q4%203%200%202Z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --ct-tre:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%275.5%2011.3%2037%2037%27%3E%3Cellipse%20cx%3D%2724%27%20cy%3D%2745.6%27%20rx%3D%2710%27%20ry%3D%271.7%27%20fill%3D%27%23000%27%20fill-opacity%3D%27.12%27%2F%3E%3Cpath%20d%3D%27M19.4%2045.2%20L19.3%2043.1%20L19.2%2041%20L19.1%2038.9%20L19%2036.8%20L18.8%2034.7%20L18.6%2032.6%20L18.4%2030.5%20L18.2%2028.3%20L18%2026.2%20L17.7%2024.1%20L17.6%2022%20L17.5%2019.9%20L17.6%2017.8%20L17.5%2015.7%20L17.5%2015.7%20L18.1%2017.8%20L18.7%2019.9%20L19.3%2022%20L19.6%2024.1%20L19.9%2026.2%20L20.1%2028.3%20L20.3%2030.5%20L20.5%2032.6%20L20.7%2034.7%20L20.9%2036.8%20L21%2038.9%20L21.1%2041%20L21.2%2043.1%20L21.3%2045.2%20Z%27%20fill%3D%27%235E8D49%27%2F%3E%3Cpath%20d%3D%27M19.8%2044.3%20L18.6%2026.9%27%20stroke%3D%27%2396B589%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M19.2%2041.8%20H21.3%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18.9%2037.4%20H21%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18.6%2033%20H20.7%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18.1%2028.6%20H20.2%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M17.6%2024.2%20H19.7%27%20stroke%3D%27%233D5C2F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M21.2%2045.2%20L21.2%2042.8%20L21.1%2040.4%20L21.1%2038%20L21%2035.6%20L20.9%2033.2%20L20.8%2030.8%20L20.7%2028.5%20L20.6%2026.1%20L20.5%2023.7%20L20.4%2021.3%20L20.4%2018.9%20L20.5%2016.5%20L20.6%2014.1%20L20.8%2011.7%20L20.8%2011.7%20L21.2%2014.1%20L21.7%2016.5%20L22%2018.9%20L22.3%2021.3%20L22.4%2023.7%20L22.5%2026.1%20L22.6%2028.5%20L22.7%2030.8%20L22.8%2033.2%20L22.9%2035.6%20L23%2038%20L23%2040.4%20L23.1%2042.8%20L23.1%2045.2%20Z%27%20fill%3D%27%2343712F%27%2F%3E%3Cpath%20d%3D%27M21.7%2044.2%20L21.1%2024.4%27%20stroke%3D%27%2385A378%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M21%2040.2%20H23.1%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.9%2035.8%20H23%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.8%2031.4%20H22.9%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.6%2027%20H22.7%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.4%2022.6%20H22.5%27%20stroke%3D%27%232C491F%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M23.1%2045.2%20L23.1%2043.3%20L23.1%2041.4%20L23.1%2039.5%20L23.1%2037.6%20L23.1%2035.7%20L23.1%2033.8%20L23.1%2032%20L23.1%2030.1%20L23.1%2028.2%20L23.1%2026.3%20L23.2%2024.4%20L23.4%2022.5%20L23.7%2020.6%20L24%2018.7%20L24%2018.7%20L24.3%2020.6%20L24.6%2022.5%20L24.8%2024.4%20L24.9%2026.3%20L24.9%2028.2%20L24.9%2030.1%20L24.9%2032%20L24.9%2033.8%20L24.9%2035.7%20L24.9%2037.6%20L24.9%2039.5%20L24.9%2041.4%20L24.9%2043.3%20L24.9%2045.2%20Z%27%20fill%3D%27%2353853D%27%2F%3E%3Cpath%20d%3D%27M23.6%2044.4%20L23.6%2028.8%27%20stroke%3D%27%238FB081%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M22.9%2041%20H25.1%27%20stroke%3D%27%23365628%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M22.9%2036.6%20H25.1%27%20stroke%3D%27%23365628%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M22.9%2032.2%20H25.1%27%20stroke%3D%27%23365628%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M22.9%2027.8%20H25.1%27%20stroke%3D%27%23365628%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M24.9%2045.2%20L24.9%2043%20L25%2040.7%20L25%2038.5%20L25.1%2036.2%20L25.2%2034%20L25.3%2031.7%20L25.4%2029.5%20L25.5%2027.2%20L25.6%2025%20L25.7%2022.7%20L26%2020.5%20L26.3%2018.2%20L26.8%2016%20L27.2%2013.7%20L27.2%2013.7%20L27.4%2016%20L27.5%2018.2%20L27.6%2020.5%20L27.6%2022.7%20L27.5%2025%20L27.4%2027.2%20L27.3%2029.5%20L27.2%2031.7%20L27.1%2034%20L27%2036.2%20L26.9%2038.5%20L26.9%2040.7%20L26.8%2043%20L26.8%2045.2%20Z%27%20fill%3D%27%23467631%27%2F%3E%3Cpath%20d%3D%27M25.4%2044.3%20L26%2025.7%27%20stroke%3D%27%2387A679%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M24.9%2039.6%20H27%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M25%2035.2%20H27.1%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M25.2%2030.8%20H27.3%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M25.4%2026.4%20H27.5%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M25.7%2022%20H27.8%27%20stroke%3D%27%232E4D20%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M26.8%2045.2%20L26.8%2043.4%20L26.9%2041.6%20L27%2039.8%20L27.1%2038.1%20L27.3%2036.3%20L27.5%2034.5%20L27.7%2032.7%20L27.9%2030.9%20L28.1%2029.1%20L28.4%2027.3%20L28.7%2025.6%20L29.3%2023.8%20L29.9%2022%20L30.5%2020.2%20L30.5%2020.2%20L30.4%2022%20L30.5%2023.8%20L30.4%2025.6%20L30.3%2027.3%20L30%2029.1%20L29.8%2030.9%20L29.6%2032.7%20L29.4%2034.5%20L29.2%2036.3%20L29%2038.1%20L28.9%2039.8%20L28.8%2041.6%20L28.7%2043.4%20L28.6%2045.2%20Z%27%20fill%3D%27%2363914F%27%2F%3E%3Cpath%20d%3D%27M27.3%2044.5%20L28.5%2029.7%27%20stroke%3D%27%239AB88D%27%20stroke-width%3D%27.35%27%20stroke-linecap%3D%27round%27%20stroke-opacity%3D%27.9%27%2F%3E%3Cpath%20d%3D%27M26.8%2041.4%20H28.9%27%20stroke%3D%27%23405E33%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M27.1%2037%20H29.2%27%20stroke%3D%27%23405E33%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M27.6%2032.6%20H29.7%27%20stroke%3D%27%23405E33%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M28.1%2028.2%20H30.2%27%20stroke%3D%27%23405E33%27%20stroke-width%3D%27.4%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18%2026.3%20Q17.3%2025.1%2016%2024.7%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C15.4%2023.1%2012.9%2023.1%2010.6%2023.8%20Q13.6%2023.4%2016%2024.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C14.5%2025.4%2012.8%2024.4%2010.6%2023.8%20Q13.6%2023.4%2016%2024.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C14.5%2023.8%2012.5%2025.3%2011.1%2027.1%20Q13.3%2025.1%2016%2024.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C15.2%2026.1%2013.2%2026.4%2011.1%2027.1%20Q13.3%2025.1%2016%2024.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C14.3%2024.9%2013.6%2027.3%2013.6%2029.7%20Q14.1%2026.7%2016%2024.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M16%2024.7%20C16.2%2026.4%2014.8%2027.8%2013.6%2029.7%20Q14.1%2026.7%2016%2024.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M19%2021%20Q19.5%2020.2%2020.5%2019.8%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M20.5%2019.8%20C21.5%2018.5%2023.5%2019.4%2025.1%2020.6%20Q22.8%2019.5%2020.5%2019.8Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M20.5%2019.8%20C21.5%2020.9%2023.2%2020.6%2025.1%2020.6%20Q22.8%2019.5%2020.5%2019.8Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M20.5%2019.8%20C22.1%2019.7%2022.8%2021.7%2023%2023.8%20Q22.3%2021.3%2020.5%2019.8Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M20.5%2019.8%20C20.4%2021.3%2021.7%2022.3%2023%2023.8%20Q22.3%2021.3%2020.5%2019.8Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M20.5%2023.8%20Q19.8%2022.6%2018.6%2022.2%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C17.9%2020.6%2015.4%2020.6%2013.2%2021.2%20Q16.1%2020.8%2018.6%2022.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C17%2022.8%2015.3%2021.8%2013.2%2021.2%20Q16.1%2020.8%2018.6%2022.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C17.1%2021.3%2015.1%2022.7%2013.6%2024.6%20Q15.8%2022.5%2018.6%2022.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C17.7%2023.6%2015.7%2023.8%2013.6%2024.6%20Q15.8%2022.5%2018.6%2022.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C16.8%2022.4%2016.1%2024.8%2016.2%2027.1%20Q16.6%2024.1%2018.6%2022.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M18.6%2022.2%20C18.7%2023.8%2017.3%2025.2%2016.2%2027.1%20Q16.6%2024.1%2018.6%2022.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M21.9%2017.7%20Q22.4%2016.9%2023.4%2016.5%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M23.4%2016.5%20C24.3%2015.3%2026.4%2016.1%2027.9%2017.4%20Q25.7%2016.2%2023.4%2016.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M23.4%2016.5%20C24.4%2017.7%2026%2017.3%2027.9%2017.4%20Q25.7%2016.2%2023.4%2016.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M23.4%2016.5%20C25%2016.4%2025.7%2018.5%2025.8%2020.5%20Q25.2%2018%2023.4%2016.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M23.4%2016.5%20C23.2%2018.1%2024.6%2019%2025.8%2020.5%20Q25.2%2018%2023.4%2016.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M24.9%2028.2%20Q25.6%2027.1%2026.9%2026.7%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C27.6%2025%2030.1%2025%2032.3%2025.7%20Q29.3%2025.3%2026.9%2026.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C28.4%2027.3%2030.2%2026.3%2032.3%2025.7%20Q29.3%2025.3%2026.9%2026.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C28.4%2025.7%2030.4%2027.2%2031.8%2029.1%20Q29.7%2027%2026.9%2026.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C27.8%2028.1%2029.8%2028.3%2031.8%2029.1%20Q29.7%2027%2026.9%2026.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C28.7%2026.8%2029.3%2029.2%2029.3%2031.6%20Q28.9%2028.6%2026.9%2026.7Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M26.9%2026.7%20C26.7%2028.3%2028.2%2029.7%2029.3%2031.6%20Q28.9%2028.6%2026.9%2026.7Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M23.3%2023.5%20Q22.7%2022.7%2021.8%2022.3%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M21.8%2022.3%20C20.8%2021%2018.8%2021.8%2017.2%2023.1%20Q19.5%2021.9%2021.8%2022.3Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M21.8%2022.3%20C20.8%2023.4%2019.1%2023%2017.2%2023.1%20Q19.5%2021.9%2021.8%2022.3Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M21.8%2022.3%20C20.2%2022.2%2019.4%2024.2%2019.3%2026.2%20Q20%2023.8%2021.8%2022.3Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M21.8%2022.3%20C21.9%2023.8%2020.5%2024.8%2019.3%2026.2%20Q20%2023.8%2021.8%2022.3Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M27.5%2025%20Q28.2%2023.9%2029.4%2023.5%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C30.1%2021.8%2032.6%2021.8%2034.8%2022.5%20Q31.9%2022.1%2029.4%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C31%2024.1%2032.7%2023.1%2034.8%2022.5%20Q31.9%2022.1%2029.4%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C30.9%2022.5%2032.9%2024%2034.4%2025.9%20Q32.2%2023.8%2029.4%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C30.3%2024.9%2032.3%2025.1%2034.4%2025.9%20Q32.2%2023.8%2029.4%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C31.2%2023.6%2031.9%2026%2031.8%2028.4%20Q31.4%2025.4%2029.4%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M29.4%2023.5%20C29.3%2025.1%2030.7%2026.5%2031.8%2028.4%20Q31.4%2025.4%2029.4%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M26.1%2019.4%20Q25.6%2018.6%2024.6%2018.2%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M24.6%2018.2%20C23.7%2016.9%2021.6%2017.7%2020.1%2019%20Q22.3%2017.8%2024.6%2018.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M24.6%2018.2%20C23.6%2019.3%2022%2018.9%2020.1%2019%20Q22.3%2017.8%2024.6%2018.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M24.6%2018.2%20C23%2018.1%2022.3%2020.1%2022.2%2022.1%20Q22.8%2019.7%2024.6%2018.2Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M24.6%2018.2%20C24.8%2019.7%2023.4%2020.7%2022.2%2022.1%20Q22.8%2019.7%2024.6%2018.2Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M30%2029.2%20Q30.7%2028%2032%2027.6%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C32.6%2026%2035.1%2026%2037.4%2026.7%20Q34.4%2026.3%2032%2027.6Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C33.5%2028.2%2035.2%2027.2%2037.4%2026.7%20Q34.4%2026.3%2032%2027.6Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C33.5%2026.7%2035.5%2028.2%2036.9%2030%20Q34.7%2027.9%2032%2027.6Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C32.8%2029%2034.8%2029.2%2036.9%2030%20Q34.7%2027.9%2032%2027.6Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C33.7%2027.8%2034.4%2030.2%2034.4%2032.5%20Q33.9%2029.6%2032%2027.6Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M32%2027.6%20C31.8%2029.2%2033.2%2030.7%2034.4%2032.5%20Q33.9%2029.6%2032%2027.6Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M29%2024.7%20Q28.5%2023.9%2027.5%2023.5%27%20fill%3D%27none%27%20stroke%3D%27%236FA84F%27%20stroke-width%3D%27.6%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M27.5%2023.5%20C26.5%2022.2%2024.5%2023%2022.9%2024.3%20Q25.2%2023.1%2027.5%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M27.5%2023.5%20C26.5%2024.6%2024.8%2024.2%2022.9%2024.3%20Q25.2%2023.1%2027.5%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3Cpath%20d%3D%27M27.5%2023.5%20C25.9%2023.4%2025.2%2025.4%2025%2027.5%20Q25.7%2025%2027.5%2023.5Z%27%20fill%3D%27%2361A443%27%2F%3E%3Cpath%20d%3D%27M27.5%2023.5%20C27.6%2025%2026.3%2026%2025%2027.5%20Q25.7%2025%2027.5%2023.5Z%27%20fill%3D%27%2334702A%27%2F%3E%3C%2Fsvg%3E"); --ct-sao:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2090%2040%27%3E%3Cpath%20d%3D%27M6%2011l1%202%202%201-2%201-1%202-1-2-2-1%202-1Z%27%20fill%3D%27%23fff%27%20opacity%3D%27.85%27%2F%3E%3Cpath%20d%3D%27M30%2027l1%202%202%201-2%201-1%202-1-2-2-1%202-1Z%27%20fill%3D%27%23fff%27%20opacity%3D%27.85%27%2F%3E%3Cpath%20d%3D%27M78%207l1%202%202%201-2%201-1%202-1-2-2-1%202-1Z%27%20fill%3D%27%23fff%27%20opacity%3D%27.85%27%2F%3E%3C%2Fsvg%3E"); --ct-doi:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20760%2064%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20d%3D%27M0%2064V52C137%2044%20266%2046%20380%2050S623%2046%20760%2040V64Z%27%20fill%3D%27%237d5a8a%27%2F%3E%3Cpath%20d%3D%27M0%2064V58C152%2054%20342%2052%20471%2055S684%2054%20760%2051V64Z%27%20fill%3D%27%234f6a5a%27%2F%3E%3Cpath%20d%3D%27M0%2064V62C228%2060%20494%2062%20760%2059V64Z%27%20fill%3D%27%233d5a48%27%2F%3E%3C%2Fsvg%3E"); --ct-sun:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2040%2022%27%3E%3Ccircle%20cx%3D%2720%27%20cy%3D%2722%27%20r%3D%2718%27%20fill%3D%27%23ffb36b%27%2F%3E%3C%2Fsvg%3E");
  min-height:64px; box-sizing:border-box; display:grid; align-content:center; color:#fff; box-shadow:0 3px 0 #3c3266;
  background:var(--ct-tre) right 10px bottom / 56px 56px no-repeat, var(--ct-sao) right 74px top 6px / 90px 40px no-repeat, var(--ct-en) left 108px top 6px / 90px 22px no-repeat, var(--ct-doi) 0 0 / 100% 100% no-repeat, var(--ct-sun) left 70px bottom 12px / 40px 22px no-repeat, linear-gradient(90deg, #f7a986, #c97a9c 35%, #6f5a9a 80%, #4a3f7a); }
.site-bar a { color:inherit; }
@media (max-width:699px) { .site-bar { --ct-sao:none; } }
@media (min-width:1100px) { .site-bar { background-position:right 36px bottom, right 100px top 6px, left 108px top 6px, 0 0, left 70px bottom 12px, 0 0; } }
@media (max-width:488px) { .site-bar { background:var(--ct-en) left 54px top 4px / 68px 17px no-repeat, var(--ct-doi) 0 0 / 100% 100% no-repeat, var(--ct-sun) left 22px bottom 12px / 32px 18px no-repeat, linear-gradient(90deg, #f7a986, #c97a9c 35%, #6f5a9a 80%, #4a3f7a); } }
.tabs { display:grid; grid-template-columns:repeat(5, 1fr); gap:2px; }
.site-bar .tabs button { padding:8px 0; font-size:12px; white-space:nowrap; }
.tabs button { flex-direction:column; justify-content:center; gap:2px; padding:8px 4px; background:none; border:0; color:var(--pri-fg); font-size:13px; opacity:.9; }
.tabs .ic { font-size:20px; line-height:1; }
.ico { display:block; width:1.15em; height:1.15em; margin:auto; }
.ico.il { display:inline-block; vertical-align:-.2em; margin:0; }
.ucfav .ico { width:24px; height:24px; }
.tabs .ic svg, .tabs .ic img.emo { display:block; width:24px; height:24px; filter:drop-shadow(0 1px 1px rgb(0 0 0 / .18)); }
.tabs.mini { position:fixed; left:0; right:0; bottom:0; z-index:20; display:flex; gap:2px; padding:4px 6px calc(4px + env(safe-area-inset-bottom, 0px));
  background:var(--card); box-shadow:0 -4px 16px rgb(20 27 38 / .08); }
.tabs.mini button { flex:1 1 0; min-width:0; height:56px; padding:4px 0; border-radius:12px; font-size:11px; font-weight:600; color:var(--muted); opacity:1; white-space:nowrap; }
.tabs.mini .ic svg, .tabs.mini .ic img.emo { width:22px; height:22px; filter:none; }
.tabs.mini button:hover:not(:disabled) { background:var(--soft); color:var(--fg); }
.tabs.mini .on, .tabs.mini .on:hover:not(:disabled) { background:var(--pri-soft); color:var(--pri); }
.tabs.mini [data-st] .ic::after { box-shadow:0 0 0 1.5px var(--card); }
.tabs.mini [data-tab="inbox"] .ic[data-n]::after { box-shadow:0 0 0 1.5px var(--card); }
.tabs.mini .tab-don { display:none; }
@media (max-width:359px) { .tabs .tl2 { display:none; } }
body { padding-bottom:var(--tabh); }
@media (max-width:1099px) {
  body { --fabh:40px; }
  body:has(.fabs .totop:not([hidden])) { --fabh:88px; }
  body:not(.in-sess) main { padding-bottom:calc(var(--fab-b) - var(--tabh) + var(--fabh) + 14px); }
}
@media (pointer:coarse) and (max-width:1099px) { body:has(input:not([type=checkbox]):not([type=radio]):focus, textarea:focus) .tabs.mini { display:none; } }
body.in-sess main { padding-bottom:32px; }
@media (max-width:430px) { body.in-sess:not(:has(.done-pg)) { --tabh:env(safe-area-inset-bottom, 0px); } body.in-sess:not(:has(.done-pg)) .tabs.mini { display:none; } }
.tabs [hidden] { display:none !important; }
.site-bar .tabs { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:1fr; }
.site-bar .tabs { display:none; }
.tabs .tab-back .ic svg { display:block; width:24px; height:24px; }
.sbar > .back-src, .shead > .back-src { display:none; }
@media (max-width:430px) { body.in-sess .sbar > .back-src, body.in-sess .shead > .back-src { display:inline-flex; } }
.sbar:has(> .back-src:only-child) { display:none; }
body.in-sess .card > .nav2, .card > .nav2.stick { position:sticky; bottom:var(--tabh); z-index:15; background:var(--card); padding:8px 0; margin-top:8px; }
@media (max-width:1099px) { body:has(.savebar) .tabs.mini { display:none; } body:has(.savebar) { padding-bottom:0; } }
@media (pointer:coarse) { .kh { display:none; } }
kbd.kh { font:600 10.5px/1 system-ui, sans-serif; padding:3px 5px; margin-left:6px; border:1px solid currentColor; border-bottom-width:2px;
  border-radius:5px; background:transparent; color:inherit; border-color:color-mix(in srgb, currentColor 45%, transparent); vertical-align:1px; letter-spacing:0; }
.tabs button:hover:not(:disabled) { background:color-mix(in srgb, var(--pri-fg) 16%, transparent); color:var(--pri-fg); opacity:1; filter:none; }
.tabs .on, .tabs .on:hover:not(:disabled) { background:var(--card); color:var(--pri); opacity:1; }
.tabs [data-st] .ic { position:relative; }
.tabs [data-st] .ic::after { content:""; position:absolute; top:-2px; right:-7px; width:8px; height:8px; border-radius:50%; box-shadow:0 0 0 1.5px #fff; animation:dot-pulse 1.4s ease-in-out infinite; }
.tabs [data-st="warn"] .ic::after { background:#fbbf24; }
.tabs [data-st="sync"] .ic::after { background:#3b82f6; }
.tabs [data-st="bad"] .ic::after { background:#ef4444; animation-duration:.7s; }
.tabs [data-st="off"] .ic::after { background:#000; animation-duration:.7s; }
.tabs [data-st="ok"] .ic::after { background:#22c55e; animation:none; }
@keyframes dot-pulse { 50% { opacity:.25; transform:scale(1.3); } }
@media (prefers-reduced-motion:reduce) { .tabs [data-st] .ic::after { animation:none; } }
.tabs [data-tab="inbox"] .ic { position:relative; }
.tabs [data-tab="inbox"] .ic[data-n]::after { content:attr(data-n); position:absolute; top:-6px; right:-11px; box-sizing:border-box; min-width:17px; height:17px; padding:0 4px;
  border-radius:99px; background:#ef4444; color:#fff; font:700 10.5px/17px system-ui, sans-serif; text-align:center; box-shadow:0 0 0 1.5px #fff; }
@media (min-width:1100px) {
  body { padding:0 0 0 var(--side); }
  main { max-width:1180px; padding:20px 32px; }
  .top { position:fixed; left:12px; top:10px; z-index:21; width:calc(var(--side) - 24px); min-height:0; margin:0; padding:12px; display:grid; grid-template-columns:auto minmax(0, 1fr); gap:6px 9px; align-items:center; }
  .logo { width:40px; height:40px; }
  .top h1 { font-size:18px; white-space:nowrap; }
  .top .brand { display:contents; }
  .top .tagline { grid-column:1 / -1; }
  .top-don { display:none; }
  .tabs.mini { top:0; right:auto; width:var(--side); flex-direction:column; gap:2px; padding:124px 12px 20px; overflow-y:auto; box-shadow:none; }
  .tabs.mini button { flex:none; width:100%; height:44px; flex-direction:row; justify-content:flex-start; gap:12px; padding:0 12px; font-size:15px; color:var(--fg); }
  .tabs.mini [data-tab="inbox"] { position:relative; }
  .tabs.mini [data-tab="inbox"] .ic { position:static; }
  .tabs.mini [data-tab="inbox"] .ic[data-n]::after { top:50%; right:12px; translate:0 -50%; min-width:20px; height:20px; font-size:11.5px; line-height:20px; box-shadow:none; }
  .tabs.mini .tab-don { display:flex; order:1; height:40px; font-size:14px; color:var(--muted); }
  .tabs.mini .tab-don { position:relative; margin-top:21px; }
  .tabs.mini .tab-don::before { content:""; position:absolute; left:12px; right:12px; top:-11px; border-top:1px solid var(--line); }
  .hgrid { display:grid; grid-template-columns:minmax(0, 1fr) 320px; gap:0 20px; align-items:start; }
  .hside > h3:first-child { margin-top:0; }
  .hmain > :last-child, .hside > :last-child { margin-bottom:0; }
  .hcards { display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:14px; align-items:start; }
  .hcards > .card, .hcards > .muted { margin:0; }
  .hmain { container:hmain / inline-size; }
  @container hmain (min-width:620px) {
    .hero { display:grid; grid-template-columns:minmax(0, 1fr) minmax(220px, 280px); gap:12px 24px; align-items:center; }
    .hero > * { grid-column:1 / -1; }
    .hero > .ring-row { grid-column:1; margin:0; }
    .hero > .hbtns { grid-column:2; }
  }
  body.in-sess #app { max-width:760px; margin:0 auto; }
  body.in-sess .card > .nav2, .card > .nav2.stick { bottom:0; }
  body.in-sess .ucword > .word { font-size:44px; }
  body.in-sess .ucword > .word.wl { font-size:32px; } body.in-sess .ucword > .word.wxl { font-size:22px; }
}
.site-txt { text-align:center; perspective:400px; }
.site-txt b { display:grid; font-size:15px; line-height:1.3; }
.site-txt .ticker > span { display:block; transform:none; transition:none; }
.site-txt .ticker > .on { animation:ft-in .55s .15s cubic-bezier(.2, .8, .3, 1.25) both; }
.site-txt .ticker > .out { animation:ft-out .3s ease-in both; }
@keyframes ft-in { from { opacity:0; transform:translateY(12px) rotateX(-85deg); } to { opacity:1; transform:none; } }
@keyframes ft-out { from { opacity:1; transform:none; } to { opacity:0; transform:translateY(-12px) rotateX(85deg); } }
@media (prefers-reduced-motion:reduce) { .site-txt .ticker > :is(.on, .out) { animation:none; } .site-txt .ticker > span { transition:opacity .4s; } }
.site-txt a { color:inherit; text-decoration:underline; text-underline-offset:2px; }
.site [hidden] { display:none; }
a.btn { text-decoration:none; }
.phead { display:flex; align-items:center; gap:14px; }
.card.phead { background:var(--card); }
.card.empty { display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; padding:26px 18px; }
.card.empty h2 { margin:6px 0 0; }
.card.empty .muted { margin:0 0 8px; max-width:340px; }
.phead .pi, .card.empty .pi { width:52px; height:52px; flex:none; display:grid; place-items:center; border-radius:16px; background:var(--card); border:1px solid var(--line); font-size:26px; }
.phead .muted { margin:2px 0 0; }
.phead.cta { flex-wrap:wrap; }
.phead .ctab { flex-basis:100%; justify-content:center; min-height:52px; font-size:16px; margin-top:4px; }
.phead .cdesc { flex-basis:100%; margin:2px 0 0; font-size:14px; line-height:1.55; }
.card.phead.cta { position:relative; }
.phead .cshare { position:absolute; top:10px; left:10px; z-index:1; }
.thx-head { display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; padding:28px 20px 24px; }
.thx-head .pi { font-size:46px; line-height:1; }
.thx-head h2 { margin:0; font-size:26px; line-height:1.25; }
.thx-head p { margin:0; max-width:360px; color:var(--muted); }
details.thx > summary { list-style:none; cursor:pointer; min-height:44px; display:flex; align-items:center; gap:8px; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--pri); }
details.thx > summary::-webkit-details-marker { display:none; }
details.thx > summary { margin:-12px 0; }
details.thx[open] > summary { margin-bottom:0; }
details.thx > summary small { color:var(--muted); font-weight:600; letter-spacing:0; }
details.thx > summary::after { content:'▾'; margin-left:auto; color:var(--muted); font-size:15px; transition:transform .2s; }
details.thx:not([open]) > summary::after { transform:rotate(-90deg); }
@media (prefers-reduced-motion:reduce) { details.thx > summary::after { transition:none; } }
.thx-row { display:flex; flex-direction:column; gap:2px; padding:12px 0; border-top:1px solid var(--soft); }
details.thx > .thx-row:last-child { padding-bottom:0; }
.thx-row .who { font-weight:600; font-size:16px; color:var(--fg); text-decoration:none; }
.thx-row a.who:hover { text-decoration:underline; }
.thx-row .what { color:var(--muted); font-size:14px; }
.thx-row .lic { color:var(--ok); font-size:13px; font-weight:600; }
.thx-row .lic a { color:inherit; position:relative; }
.thx-row .lic a::before { content:""; position:absolute; inset:-4px 0; }
.thx-note { margin:4px 0 0; padding-top:10px; border-top:1px solid var(--soft); color:var(--muted); font-size:13px; }
.thx-foot { margin:4px 8px 14px; text-align:center; color:var(--muted); font-size:13px; }
.cgbox.card { margin-top:14px; }
@media (min-width:640px) { .seg.listf { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:1fr; } }
.split { display:grid; gap:14px; margin-bottom:14px; align-items:start; }
.split > .card { margin:0; display:flex; flex-direction:column; }
.split .push { margin-top:auto; }
@media (min-width:640px) { .split { grid-template-columns:1fr 1fr; } }
.wide { width:100%; justify-content:center; }
.wide > .ico { margin:0; }
.tiles { display:grid; gap:8px; margin-bottom:14px; }
.tile { flex-direction:column; align-items:flex-start; gap:4px; padding:16px; text-align:left; border:1px solid var(--line); border-radius:16px;
  background:var(--card); color:var(--fg); box-shadow:var(--shadow); }
.tile:hover:not(:disabled) { border-color:var(--pri); filter:none; }
.tile .ic { font-size:26px; line-height:1.2; margin-bottom:4px; }
.tile small { display:block; margin-top:2px; font-size:13px; font-weight:400; color:var(--muted); }
.fl { display:block; font-size:14px; font-weight:600; margin:14px 0 6px; }
.fl small { font-weight:400; color:var(--muted); }
.picks { display:grid; grid-template-columns:repeat(2, 1fr); gap:8px; }
@media (min-width:640px) { .picks { grid-template-columns:repeat(4, 1fr); } }
.pick { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;  padding:12px 6px; border:1px solid var(--line); border-radius:12px;
  background:var(--card); font-size:14px; font-weight:600; line-height:1.3; text-align:center; cursor:pointer; }
.pick .ic { font-size:22px; line-height:1; }
.pick input { position:absolute; opacity:0; width:1px; height:1px; margin:0; }
.pick:hover { border-color:var(--pri); }
.pick:has(input:checked) { border-color:var(--pri); background:var(--pri-soft); color:var(--pri); }
.pick:has(input:focus-visible) { outline:3px solid color-mix(in srgb, var(--pri) 45%, transparent); outline-offset:2px; }
.kv { display:flex; align-items:center; gap:4px 10px; flex-wrap:wrap; padding:10px 0; border-top:1px solid var(--line); }
.kv:first-of-type { border-top:0; }
.kv > span { width:104px; flex:none; color:var(--muted); font-size:14px; }
.kv > b { flex:1 1 auto; min-width:0; overflow-wrap:anywhere; }
@media (max-width:480px) { .kv > span { width:100%; font-size:13px; } }
.pill { display:inline-block; font-size:12px; font-weight:700; padding:2px 10px; border-radius:99px; background:color-mix(in srgb, var(--ok) 15%, var(--card)); color:var(--ok); }
.pill.bad { background:color-mix(in srgb, var(--bad) 15%, var(--card)); color:var(--bad); }
.menu .mi.bad, .menu .mi.bad small { color:var(--bad); }
.donate { position:relative; width:100%; margin:0 0 14px; }
.donate .phead { padding-right:28px; }
.donate .split { margin:14px 0 0; align-items:stretch; }
@media (min-width:640px) { .donate .split { grid-template-columns:minmax(0, 1fr) 240px; } }
.donate .dmsg { margin:14px 0 0; }
.donate .kv { row-gap:2px; padding:12px 0; }
.donate .kv > span { width:100%; font-size:13px; }
.donate .split > .card { background:var(--bg); box-shadow:none; padding:14px; }
.donate .qr { align-items:center; text-align:center; }
.donate img:not(.emo) { display:block; width:100%; max-width:168px; height:auto; margin:2px auto 12px; border-radius:10px; background:#fff; }
.ex { font-style:italic; color:var(--muted); }
@font-face { font-family:"Bo Thu Bo Sung"; src:url(fonts/bo-thu-bosung.woff?v=2) format("woff"); font-display:swap; unicode-range:U+2EBE-2EC0, U+2ECC-2ECE, U+8279, U+8FB6, U+98E0, U+98EE, U+2967F; }
@font-face { font-family:"Nom Na Tong"; src:url(fonts/nom.woff?v=3) format("woff"); font-display:swap; }
@font-face { font-family:"Nom Bo Sung"; src:url(fonts/nom-bosung.woff?v=1) format("woff"); font-display:swap; }
.ucard.nom .word, .ucard.nom .lettile, .ucard.nom .ex, .ucard.nom .wnote, .nomw { font-family:"Nom Na Tong", "Nom Bo Sung", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif; }
.ucard.nom .word { font-weight:700; } .ucard.nom .word .han, .nomw .han { font-weight:400; color:var(--muted); }
.nomw { font-size:18px; }
.km-coeng { font-family: "Khmer UI", "Leelawadee UI", "Noto Sans Khmer", sans-serif; margin-left:.45em; display:inline-block; }
.km-low { font-size:1.4em; position:relative; top:-.4em; line-height:0; margin:0 .3em 0 .1em; }
.km-nh { margin-left:.6em; }
.wnote { font-size:14px; color:var(--muted); line-height:1.5; }
.wnote .nen { color:var(--pri); font-weight:600; }
.gpage p { margin:.3em 0; overflow-wrap:anywhere; }
.card.gpage { padding-top:0; }
.gphead { margin:0 -18px 14px; padding:16px 18px 14px; border-radius:15px 15px 0 0;  background:var(--guide-soft); color:var(--fg); }
.gphead h2 { margin:6px 0 0; color:var(--fg); font-size:21px; line-height:1.25; }
.gpimg { margin:0 -18px; width:calc(100% + 36px); aspect-ratio:4 / 3; max-height:320px;
  box-sizing:border-box; padding:16px 18px 4px; display:flex; align-items:center; justify-content:center; border-radius:15px 15px 0 0; background:var(--guide-soft); }
.gpimg img { display:block; width:auto; height:auto; max-width:100%; max-height:100%; border-radius:14px; box-shadow:0 1px 2px rgba(16, 24, 40, .08), 0 6px 18px rgba(16, 24, 40, .14); }
:root[data-theme="dark"] .gpimg img { box-shadow:0 6px 18px rgba(0, 0, 0, .45); }
.gpimg + .gphead { border-radius:0; }
.gphead { position:relative; overflow:hidden; }
.gphead > :not(.gpart) { position:relative; }
.gphead:has(> .gpart) > :is(.gtag, .kind, h2) { padding-right:84px; }
.gpart { position:absolute; inset:0; pointer-events:none; }
.gpart::before { content:""; position:absolute; right:-34px; top:50%; width:150px; height:150px; margin-top:-75px; border-radius:50%; background:color-mix(in srgb, var(--guide) 15%, var(--guide-soft)); }
.gpart span { position:absolute; right:18px; top:50%; transform:translateY(-50%); font-size:44px; font-weight:800; line-height:1; color:var(--guide); }
.gpage .gmeta { display:grid; grid-template-columns:auto minmax(0, 1fr); gap:6px 12px; margin:10px 0 4px; padding:12px 14px; border-radius:12px; background:var(--soft); font-size:14px; line-height:1.5; }
.gmeta dt { font-style:italic; color:var(--fg); }  .gmeta dd { margin:0; color:var(--muted); overflow-wrap:anywhere; }
.phead .cref { flex-basis:100%; margin:10px 0 2px; padding:10px 12px; border-radius:12px; background:var(--soft); font-size:14px; line-height:1.5; color:var(--muted); overflow-wrap:anywhere; }
.phead .cref i { color:var(--fg); margin-right:3px; }
.gdots { display:flex; justify-content:center; gap:6px; margin:12px 0 2px; }
.gdots i { width:6px; height:6px; border-radius:99px; background:var(--line); } .gdots i.on { width:18px; background:var(--guide); }
.gpage .nav2 > button:not(.ghost) { flex-grow:2; }
.gphead .kind { margin:0; color:var(--guide); font-size:12px; font-weight:700; font-style:normal; letter-spacing:.04em; text-transform:uppercase; }
.gphead .gpbadge { color:var(--fg); background:var(--card); border-color:transparent; }
.gphead .gptip { color:var(--fg); }
.gphead + p { font-size:16px; line-height:1.55; }
.gpage p:not(.gptip) b { padding:1px 6px; border-radius:7px; background:var(--guide-soft); -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.glist { list-style:none; padding:0; margin:12px 0 4px; display:flex; flex-direction:column; gap:10px; }
.gli { --c:#15803d; display:flex; gap:12px; align-items:flex-start; padding:12px; border-radius:14px; line-height:1.5; background:color-mix(in srgb, var(--c) 9%, var(--card)); }
.gli[style*="--k:1"] { --c:#2f5bd8; } .gli[style*="--k:2"] { --c:#7c3aed; } .gli[style*="--k:3"] { --c:#c2410c; }
.gli .gbg { flex:none; min-width:min(40%, max(36px, var(--lw, 36px))); height:36px; padding:0 8px; box-sizing:border-box; border-radius:11px; display:flex; align-items:center; justify-content:center; background:var(--c); color:#fff; font-size:14px; }
.gli .gbg.glong { height:auto; min-height:28px; font-size:12.5px; width:min(40%, var(--lw, 168px)); white-space:normal; text-align:center; line-height:1.2; padding:4px 8px; }
.gli > span { display:flex; flex-direction:column; gap:6px; min-width:0; flex:1; }
.gli .chips { display:flex; flex-wrap:wrap; gap:4px; }
.gli code { font-size:13px; padding:2px 8px; border-radius:8px; background:var(--card); border:1px solid color-mix(in srgb, var(--c) 30%, var(--line)); font-family:inherit; font-weight:600; }
.gtblw { overflow-x:auto; margin:12px 0; } .gtbl { width:100%; border-collapse:collapse; font-size:15px; line-height:1.4; } .gtbl th, .gtbl td { padding:8px 10px; border:1px solid var(--line); text-align:left; vertical-align:middle; } .gtbl th { background:var(--soft); font-size:13.5px; font-weight:700; }
.gpage .gtag { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin:0 0 8px; font-size:13px; }
.gpbadge { padding:3px 10px; border-radius:99px; font-weight:700; color:color-mix(in srgb, var(--warn) 80%, var(--fg)); background:color-mix(in srgb, var(--warn) 14%, var(--card)); border:1px solid color-mix(in srgb, var(--warn) 40%, var(--line)); }
.gpbadge { font-family:inherit; font-size:13px; cursor:pointer; display:inline-flex; align-items:center; gap:5px; }
.gpi { width:14px; height:14px; flex:none; }
.gpbadge:hover { filter:none; border-color:var(--warn); }
.gptip { margin:0 0 10px; padding:10px 12px; border-radius:10px; font-size:14px; background:color-mix(in srgb, var(--warn) 8%, var(--card)); border:1px solid color-mix(in srgb, var(--warn) 35%, var(--line)); }
.lguide { background:var(--soft); border-radius:12px; padding:10px 12px 4px; margin:8px 0 12px; }
.card > .lguide:only-child { margin:0; }
.ghead { margin:0 0 4px; font-weight:700; }
.gitem { display:flex; align-items:center; gap:10px; width:100%; text-align:left; background:none; border:0; border-top:1px solid var(--line); border-radius:0; padding:10px 2px; color:var(--fg); font-weight:500; }
.ghead + .gitem { border-top:0; }
.gitem:hover:not(:disabled) { filter:none; color:var(--pri); }
.gno { flex:none; width:24px; height:24px; border-radius:50%; display:grid; place-items:center; font-size:12.5px; font-weight:700; background:var(--pri-soft); color:var(--pri); }
.gt { flex:1; min-width:0; }
.chev { flex:none; color:var(--muted); font-size:20px; line-height:1; }
.tools { gap:2px; }
.opts { display:grid; gap:8px; }
.opt { justify-content:flex-start; text-align:left; font-weight:600; background:var(--tt); color:var(--td); border-color:transparent; box-shadow:0 3px 0 var(--tm); padding:12px 14px; }
.opt:hover:not(:disabled) { border-color:var(--ts); filter:none; }
.opt kbd { font:600 12px/1 system-ui, sans-serif; color:var(--ts); background:#fff; border-radius:7px; padding:4px 7px; margin-right:4px; rotate:-3deg; box-shadow:1px 1px 0 var(--tm); }
.qtools kbd, .fb kbd { font:600 12px/1 system-ui, sans-serif; color:var(--muted); background:var(--soft); border-radius:6px; padding:4px 7px; margin-left:4px; }
.keys-btn { display:none; }
@media (hover:hover) and (pointer:fine) { .keys-btn { display:inline-flex; } }
.opt:focus-visible { outline:3px solid color-mix(in srgb, var(--pri) 45%, transparent); outline-offset:2px; }
.keys-dlg { width:min(560px, 92vw); max-width:none;  padding:18px; border:1px solid var(--line); border-radius:16px; background:var(--card); color:var(--fg); box-shadow:0 12px 40px rgb(0 0 0 / .28); }
.keys-dlg::backdrop { background:rgb(0 0 0 / .45); }
.keys-dlg h2 { margin:0; }
.dlg-h { margin:0 0 14px; padding-right:28px; }
.dlg-h .pi { width:44px; height:44px; border-radius:13px; font-size:22px; }
.keys-dlg > .hide-x { top:10px; right:10px; }
.keys-dlg > p.muted, .keys-dlg .hide-ok { margin:0 0 14px; }
.dlg-acts { justify-content:flex-end; gap:8px; margin-top:14px; }
.dlg-acts > button { justify-content:center; }
@media (max-width:480px) { .dlg-acts > button { flex:1 1 0; } }
.hide-dlg { width:min(420px, 92vw); }
.hide-dlg .hide-ok { display:flex; align-items:center; gap:8px; font-weight:600; cursor:pointer; }
.hide-dlg .hide-ok input { width:20px; height:20px; margin:0; }
.hide-dlg .hide-ok[hidden] { display:none; }
.hide-n { display:flex; gap:8px; margin:0 0 14px; }
.hide-n label { flex:1 1 0; display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--line); border-radius:12px; cursor:pointer; }
.hide-n label:has(input:checked) { border-color:var(--pri); background:var(--pri-soft); color:var(--pri); }
.hide-n input { flex:none; width:18px; height:18px; margin:0; }
.hide-n span { display:flex; flex-direction:column; }
.hide-n small { font-size:12px; color:var(--muted); }
body.no-fab .tab-bug { display:none !important; }
.tab-bug.shake { animation:bugShake .5s ease-in-out 3; }
.top-don { position:relative; flex:none; height:38px; padding:0 12px 0 8px; gap:6px; border:0; border-radius:99px; background:#fff; color:#161a22; box-shadow:0 2px 0 rgb(20 27 38 / .12); font-size:14px; }
.top-don:hover:not(:disabled) { color:var(--ts); filter:none; }
@media (max-width:430px) { .top-don { height:36px; } }
.top-don svg { width:22px; height:22px; }
.ibx-sec { margin-bottom:14px; }
.ibx-h { display:flex; align-items:center; gap:8px; margin:0; font-size:15px; }
.ibx-h small { padding:0 8px; border-radius:99px; background:var(--soft); color:var(--muted); font-size:12px; font-weight:600; line-height:20px; }
.ibx-h small.hot { background:var(--bad); color:#fff; }
.ibx-sec > .ibx-h { margin-bottom:10px; }
.ibx-notes { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap:14px; }
.ibx-notes > .card { margin:0; }
.ibx-bar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:10px; }
.ibx-acts { display:flex; flex-wrap:wrap; gap:8px; }
.ibx-more { justify-content:center; margin-top:12px; }
.ibx-unr { display:flex; justify-content:flex-end; margin-top:6px; }
.ibx-err { color:var(--bad); }
.ibx-items { list-style:none; margin:0; padding:0; overflow:hidden; }
.ibx-items > li + li { border-top:1px solid var(--line); }
.ibx-it { width:100%; display:flex; align-items:center; gap:14px; padding:14px 18px; border:0; border-radius:0; background:transparent; color:var(--fg); box-shadow:none; font-weight:400; text-align:left; }
.ibx-it:hover { background:var(--soft); }
.ibx-ic { flex:none; display:grid; place-items:center; width:44px; height:44px; border-radius:12px; background:var(--soft); font-size:22px; line-height:1; }
.ibx-it.new .ibx-ic { background:var(--pri-soft); }
.ibx-tx { flex:1; min-width:0; display:grid; gap:2px; }
.ibx-tl { display:flex; align-items:center; gap:8px; }
.ibx-tl b { font-size:15px; overflow-wrap:anywhere; }
.ibx-new { flex:none; padding:0 7px; border-radius:99px; background:var(--bad); color:#fff; font-size:11px; font-weight:700; line-height:18px; }
.ibx-pv { font-size:14px; color:var(--muted); overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow-wrap:anywhere; }
.ibx-it.new .ibx-pv { color:var(--fg); }
.ibx-tx small { font-size:12px; color:var(--muted); }
.ibx-it > .go { flex:none; font-size:22px; color:var(--muted); }
.ibx-empty p { margin:0; }
.ibx-dlg { width:min(560px, 94vw); }
.ibx-list { display:flex; flex-direction:column; gap:8px; max-height:min(50vh, 440px); overflow-y:auto; margin:12px 0 0; padding:2px; }
.ibx-cbar { display:flex; align-items:flex-start; gap:12px; margin-top:8px; }
.ibx-cbar > p { flex:1; margin:0; font-size:13px; }
.ibx-cnt { font-size:12px; font-variant-numeric:tabular-nums; }
.ibx-m { max-width:86%; padding:8px 12px; border-radius:14px; background:var(--bg); border:1px solid var(--line); }
.ibx-m.ad { align-self:flex-start; border-bottom-left-radius:4px; }
.ibx-m.me { align-self:flex-end; border-bottom-right-radius:4px; background:var(--pri-soft); border-color:transparent; }
.ibx-m small { display:block; font-size:12px; color:var(--muted); }
.ibx-m p { margin:2px 0 0; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.45; }
.ibx-n { display:inline-block; margin-left:6px; padding:0 8px; border-radius:99px; background:var(--bad); color:#fff; font-size:12px; font-weight:700; line-height:20px; vertical-align:1px; }
.ibc { padding:0; overflow:hidden; container-type:inline-size; }
.ibc-h { display:flex; align-items:center; gap:12px; padding:12px 16px; }
.ibc-h > .ni { flex:none; display:grid; place-items:center; width:40px; height:40px; border-radius:12px; background:var(--tt); box-shadow:2px 2px 0 var(--tm); rotate:-3deg; font-size:21px; }
.ibc-hb { flex:1; min-width:0; }
.ibc-ttl { display:flex; flex-direction:column; align-items:flex-start; gap:3px; }
.ibc-ttl h3 { margin:0; font-size:17px; line-height:22px; }
.ibc-tags { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.ibc-tags .ibx-n { margin:0; line-height:22px; vertical-align:0; }
.ibc-tags > * { flex:none; white-space:nowrap; }
.ibc-hb p { margin:3px 0 0; font-size:13.5px; line-height:1.45; }
.ibc-rem { padding:0 9px; border-radius:99px; background:var(--soft); color:var(--fg); font-size:12.5px; font-weight:600; line-height:22px; text-decoration:none; white-space:nowrap; }
.ibc-rem:hover { background:var(--line); }
.ibc .ibc-btn { flex:none; padding:8px 16px; font-size:14px; font-weight:700; min-height:0; border-radius:99px; background:var(--tt); color:var(--td); border-color:transparent; box-shadow:0 2px 0 var(--tm); white-space:nowrap; }
.ibc .ibc-btn:hover { background:var(--tm); }
.ibc-row { display:flex; align-items:center; gap:12px; box-sizing:border-box; min-height:62px; padding:10px 16px; border-top:1px solid var(--line); color:var(--fg); text-decoration:none; }
.ibc-row:hover { background:var(--soft); }
.ibc-row.new { background:color-mix(in srgb, var(--tt) 45%, transparent); }
.ibc-row.new:hover { background:color-mix(in srgb, var(--tt) 75%, transparent); }
.ibc-ic { position:relative; flex:none; display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:var(--soft); font-size:19px; line-height:1; }
.ibc-row.new .ibc-ic { background:var(--card); box-shadow:0 0 0 1.5px var(--tm); }
.ibc-row.new .ibc-ic::after { content:''; position:absolute; top:-1px; right:-1px; width:10px; height:10px; border-radius:50%; background:var(--bad); border:2px solid var(--card); }
.ibc-tx { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.ibc-l1 { display:flex; align-items:baseline; gap:8px; min-width:0; }
.ibc-l1 > b { flex:0 1 auto; min-width:0; font-size:14.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ibc-row.new .ibc-l1 > b { font-weight:700; }
.ibc-l1 > .ibx-new { flex:none; }
.ibc-tm { flex:none; margin-left:auto; padding-left:4px; font-size:12px; color:var(--muted); white-space:nowrap; }
.ibc-pv { min-width:0; color:var(--muted); font-size:13.5px; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ibc-who { color:var(--fg); font-weight:600; }
.ibc .go { flex:none; font-size:20px; line-height:1; color:var(--muted); }
@container (max-width:479px) {
  .ibc-h { padding:10px 12px; gap:10px; }
  .ibc-row { padding:9px 12px; gap:10px; }
  .ibc .go { display:none; }
  .ibc-l1 > .ibx-new { display:none; }
  .ibc .ibc-btn { padding:8px 12px; }
  .ibc-w { display:none; }
  .ibc:has(.ibc-row) .ibc-hb p { display:none; }
  .ibc:not(:has(.ibc-row)) .ibc-h { flex-wrap:wrap; }
  .ibc:not(:has(.ibc-row)) .ibc-btn { flex:1 0 100%; justify-content:center; text-align:center; }
}
.chlist { container-type:inline-size; border:1px solid var(--line); border-radius:12px; }
.ch { display:flex; align-items:center; gap:14px; padding:14px; }
.ch + .ch { border-top:1px solid var(--line); }
.ch-l { flex:none; width:80px; height:80px; box-sizing:border-box; border-radius:10px; }
.ch-qr { padding:4px; background:#fff; border:1px solid var(--line); }
.ch-ic { display:grid; place-items:center; background:var(--soft); font-size:32px; line-height:1; }
.ch-t { flex:1; min-width:0; }
.ch-t b { display:block; font-size:15px; margin-bottom:2px; }
.ch-t span { display:block; font-size:13px; line-height:1.45; color:var(--muted); }
.ch-t .ch-addr { font-size:14px; font-weight:600; color:var(--fg); overflow-wrap:anywhere; }
.ch-a { flex:none; display:flex; gap:8px; }
.ch-a > * { justify-content:center; }
@container (max-width:440px) {
  .ch { flex-wrap:wrap; row-gap:12px; }
  .ch-l { width:64px; height:64px; }
  .ch-ic { font-size:26px; }
  .ch-a { flex-basis:100%; flex-wrap:wrap; }
  .ch-a > * { flex:1 1 auto; white-space:nowrap; }
}
#bugZalo { margin:4px 0 12px; }
.bug-dlg { width:min(520px, 92vw); }
.bug-dlg #bugMeta { white-space:pre-line; font-size:13px; }
.bug-pick { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
.bug-pick.hot #bugImgHint { color:var(--pri); font-weight:600; }
.bug-imgbox { display:flex; align-items:flex-start; gap:10px; margin-bottom:10px; }
.bug-imgbox img { max-width:min(240px, 60%); max-height:160px; border:1px solid var(--line); border-radius:8px; }
.bug-nudge { position:fixed; right:60px; bottom:var(--fab-b); z-index:31; max-width:min(300px, calc(100vw - 76px)); white-space:normal;
  border-radius:16px 16px 4px 16px; box-shadow:0 6px 20px rgba(0,0,0,.18); animation:nudgeIn .3s ease-out; }
@media (min-width:1100px) { .bug-nudge { right:80px; } }
@keyframes nudgeIn { from { opacity:0; transform:translateY(8px); } }
@keyframes bugShake { 0%,100% { transform:rotate(0); } 25% { transform:rotate(-12deg); } 75% { transform:rotate(12deg); } }
@media (prefers-reduced-motion:reduce) { .bug-nudge, .tab-bug.shake { animation:none; } }
body { --fab-b:calc(var(--tabh) + 16px); }
body.in-sess, body:has(.nav2.stick) { --fab-b:calc(var(--tabh) + 76px); }
.fabs { position:fixed; right:8px; bottom:var(--fab-b); z-index:19; display:flex; flex-direction:column; gap:8px; touch-action:none; }
.fabs.moved { right:auto; }
.fabs.drag .fab { cursor:grabbing; box-shadow:0 8px 22px rgba(15,34,87,.3); }
.fab { width:40px; height:40px; padding:0; justify-content:center; border-radius:50%; font-size:19px;
  background:var(--card); color:var(--pri); border:1px solid var(--line); box-shadow:0 4px 14px rgba(15,34,87,.18); }
.fab:hover:not(:disabled) { filter:none; border-color:var(--pri); }
.fab svg { width:22px; height:22px; transition:transform .2s; }
.totop.up svg { transform:rotate(180deg); }
.fab[hidden], body.in-sess .totop { display:none; }
body:has(#app .qbug) .fabs, body:has(#app .qbug) .bug-nudge { display:none; }
@media (min-width:1100px) {
  body { --fab-b:24px; }
  body.in-sess, body:has(.nav2.stick) { --fab-b:84px; }
  .fabs { right:24px; }
  .fab { width:44px; height:44px; font-size:20px; }
}
body:has(.savebar) .fabs:not(.moved), body:has(.savebar) .bug-nudge { bottom:min(max(var(--fab-b), calc(var(--pbt, 0px) + 8px)), calc(100dvh - 104px)); }
@media print { .fabs { display:none; } }
.opt:disabled { opacity:1; }
.opt.off, .opt.tile.off, .opt.tile.del.off { background:var(--soft); color:var(--muted); border-color:transparent; box-shadow:0 3px 0 var(--line); opacity:1; }
.opt.off kbd { color:var(--muted); box-shadow:none; }
.opt.off img, .opt.off svg { filter:grayscale(1); opacity:.55; }
.opt.off .picvi { color:var(--muted); }
.row.tiles { display:flex; justify-content:center; margin-top:14px; }
.opt.tile { flex-direction:row; align-items:center; min-width:44px; justify-content:center; font-family:Consolas, "Cascadia Mono", monospace; font-size:17px; padding:9px 12px; }
.opt.tile:disabled { opacity:.3; }
.row.tkeys { display:flex; flex-wrap:nowrap; justify-content:center; gap:10px; margin-top:10px; }
.tkeys > .opt.tile { height:46px; font-family:inherit; font-size:15px; font-weight:700; }
.tkeys > .opt.tile.sp { width:184px; gap:8px; }
.tkeys > .opt.tile.sp > .ico { width:24px; height:24px; }
.tkeys > .opt.tile.del { width:104px; }
.q .row.tiles { margin-top:16px; padding-top:16px; border-top:1px solid var(--line); }
.q .row.tiles.lt > .opt.tile { height:50px; padding:0; font-size:20px; font-weight:600; }
.q .tkeys > .opt.tile { height:50px; }
.q .row.tiles > .opt.tile { position:relative; }
.q .row.tiles > .opt.tile > kbd { position:absolute; top:3px; left:3px; margin:0; padding:2px 4px; font-size:10px; rotate:none; box-shadow:none; }
.q .row.tiles:not(.lt) > .opt.tile:has(> kbd) { padding-left:24px; }
@media (max-width:699px) {
  .q .row.tiles.lt { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:8px; }
  .q .row.tiles.lt > .opt.tile { min-width:0; }
  .q .tkeys { gap:8px; }
  .q .tkeys > .opt.tile.sp { flex:2 1 0; width:auto; }
  .q .tkeys > .opt.tile.del { flex:1 1 0; width:auto; }
  .q .tkeys > .opt.tile.del:only-child { flex:none; width:140px; }
}
@media (min-width:700px) {
  .q .row.tiles.lt > .opt.tile { width:54px; height:52px; }
  .q .tkeys > .opt.tile { height:52px; }
  .q .tkeys > .opt.tile.sp { width:300px; }
  .q .tkeys > .opt.tile.del { width:140px; }
}
.opt.tile.del { font-family:inherit; font-size:15px; font-weight:700; color:#fff; background:var(--ts); box-shadow:0 3px 0 color-mix(in srgb, var(--ts) 60%, #000); }
.opt.aud { font-size:26px; padding:18px 26px; }
.achk { margin-top:14px; }
.opt.sel { border-color:var(--ts); box-shadow:0 3px 0 var(--ts); }
input.ok { border-color:var(--ok); background:color-mix(in srgb, var(--ok) 16%, var(--card)); }
input.bad { border-color:var(--bad); background:color-mix(in srgb, var(--bad) 16%, var(--card)); }
body.in-sess main:has(> #app > .fb) { display:flex; flex-direction:column; min-height:calc(100dvh - var(--tabh)); padding-bottom:0; }
#app:has(> .fb) { flex:1; display:flex; flex-direction:column; width:100%; min-width:0; }
.fb { position:sticky; bottom:var(--tabh); z-index:16; margin-top:auto; padding:0 16px; border-radius:20px 20px 0 0; background:var(--tt); box-shadow:0 -3px 0 var(--tm); max-height:calc(100dvh - var(--tabh) - max(12px, var(--fbtop, 12px))); overflow-y:auto; }
.fb:not(:has(.fbact)) { padding-bottom:14px; }
@media (max-width:640px) { .fb { margin-inline:-16px; } }
@media (min-width:1100px) { .fb { bottom:0; max-height:calc(100dvh - max(12px, var(--fbtop, 12px))); } body.in-sess main:has(> #app > .fb) { min-height:100dvh; } }
.fbh { display:flex; align-items:baseline; gap:8px; margin:0; padding:12px 0 8px; font-size:17px; font-weight:700; color:var(--td); }
.fbh i { font-size:14px; font-weight:500; }
.fbm { flex:none; align-self:center; display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--ts); color:#fff; font-size:16px; font-weight:800; line-height:1; pointer-events:none; }
.fbw { display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:14px; background:var(--card); }
.fbpic { flex:none; display:grid; place-items:center; width:52px; height:52px; overflow:hidden; border-radius:12px; background:#fff; rotate:-3deg; box-shadow:2px 2px 0 var(--tm); font-size:28px; font-weight:700; color:var(--ts); }
.fbpic img { width:100%; height:100%; object-fit:contain; }
.fbt { flex:1; min-width:0; }
.fbt > b { display:block; font-size:18px; line-height:1.25; overflow-wrap:anywhere; }
.fbt > .ipa { margin:0; font-size:14px; }
.fbt > span { display:block; font-size:15px; font-weight:600; }
.fbw .sround { background:var(--tt); border-color:var(--tm); color:var(--td); }
.fbex { margin:8px 2px 0; font-size:14px; line-height:1.45; }
.fbex span { display:block; color:var(--muted); }
.fbcard { margin-top:10px; }
.fb:has(> .fbcard:not([hidden])) > :is(.fbw, .fbex) { display:none; }
.fbact { position:sticky; bottom:0; display:flex; flex-wrap:wrap; align-items:center; gap:6px; padding:10px 0 14px; background:var(--tt); }
.fbact .link { color:var(--td); }
.fbact .fbview { min-height:44px; padding:0 14px; gap:8px; border:1.5px solid var(--tm); border-radius:12px; background:var(--card); color:var(--td); font-weight:700; box-shadow:0 2px 0 var(--tm); }
.fbact .fbview > .ico { width:20px; height:20px; }
.fbact .fbview[aria-expanded="true"] { background:var(--tm); }
.fbact .link:hover:not(:disabled) { background:var(--card); }
.fbact #nextBtn { flex:1 1 120px; min-height:48px; justify-content:center; background:var(--ts); border-color:var(--ts); color:#fff; box-shadow:0 3px 0 var(--tm); }
@media (max-width:1099px) { body:has(.fb) { --fab-b:min(calc(var(--tabh) + var(--fbh, 240px) + 12px), calc(100dvh - 104px)); } body:has(.fbcard:not([hidden])) .fabs { display:none; } }
.card.q { position:relative; text-align:center; }
.q > .word { margin-bottom:20px; }
.q > .word:has(> .spk.big:only-child) { margin:0 0 4px; }
.q > .opts:last-child { margin-bottom:3px; }
.q > .word .mline, .q > .word .mpos { text-align:left; }
.q #ans { height:52px; margin:0; border-width:2px; border-radius:14px; background:var(--card); text-align:center; font-size:17px; }
.q form { display:flex; gap:8px; }
.q form > input { flex:1; min-width:0; }
.q form > button { flex:none; height:52px; border-radius:14px; padding:0 18px; font-size:16px; font-weight:700; }
.qsub { justify-content:space-between; margin-top:12px; }
.qsub > button { min-height:38px; padding:0 12px; border-radius:10px; font-size:14px; font-weight:600; }
.fcbar { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px; }
.sret { margin-top:14px; padding-top:14px; border-top:1px solid var(--line); }
.sreth { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:0; }
.sreth > output { font-size:20px; font-weight:800; color:var(--pri); font-variant-numeric:tabular-nums; }
.sret > input[type=range] { display:block; width:100%; margin:8px 0 4px; padding:0; border:0; background:none; accent-color:var(--pri); }
.sretk { display:flex; justify-content:space-between; gap:12px; font-size:12px; color:var(--muted); }
.sretk > span:last-child { text-align:right; }
.sretx { margin:12px 0 0; padding:10px 12px; border-radius:10px; background:var(--soft); font-size:13px; line-height:1.5; color:var(--muted); }
.sretx > b { color:var(--fg); white-space:nowrap; }
.fctop > .sctx { margin-bottom:14px; align-items:baseline; }
.fctop > .sctx > .smode { align-self:center; }
.fctop .fcn { flex:none; margin:0 0 0 auto; font-size:13px; }
.fcbar > button { display:inline-flex; align-items:center; gap:6px; }
.fcbar > button[aria-pressed="true"] { background:var(--pri); color:var(--pri-fg); border-color:var(--pri); }
@media (max-width:699px) { .fcbar { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); } .fcbar > button { justify-content:center; padding:0 6px; font-size:13px; } }
@media (max-width:359px) { .fcbar > button { gap:3px; padding:0 2px; } }
.fchide :is(.ucstage, .ucbody > p, .wnote, .exbox) { display:none !important; }
.fcshow { display:flex; justify-content:center; margin:12px 0 0; }
.kbseg { display:inline-flex; margin-left:auto; padding:3px; gap:2px; border:1px solid var(--line); border-radius:12px; background:var(--soft); }
.kbseg > button { display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:0 12px; border:0; border-radius:9px; background:transparent; color:var(--muted); font-size:14px; font-weight:600; box-shadow:none; }
.kbseg > button > .ico { width:18px; height:18px; }
.kbseg > button[aria-pressed="true"] { background:var(--pri); color:var(--pri-fg); }
.qhint { background:var(--tt); color:var(--td); border-color:transparent; }
.qhint:hover:not(:disabled) { filter:brightness(.97); }
.auds { justify-content:center; }
.qtitle { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:40px; margin:-14px 0 -8px; text-align:left;
  font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }
.qplant { flex:none; line-height:1; color:var(--muted); }
.pico { width:1.4em; height:1.4em; vertical-align:-.35em; }
.wst .pico { width:26px; height:26px; margin:-5px 0; }
.plant .pico { width:25px; height:25px; vertical-align:-7px; }
.qplant .pico { display:block; width:40px; height:40px; }
.qplant.grow { animation:qplant-grow .3s ease-out; }
@keyframes qplant-grow { 0% { transform:scale(1); } 45% { transform:scale(1.45); } 100% { transform:scale(1); } }
@media (prefers-reduced-motion:reduce) { .qplant.grow { animation:none; } }
.qtools { margin:-2px 0 14px; }
.qacts { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0, 1fr); gap:8px; }
.qact { flex-direction:column; justify-content:center; gap:4px; min-height:58px; padding:6px 4px; border:0; border-radius:14px;
  background:var(--card); color:var(--fg); box-shadow:var(--shadow); font-size:13px; font-weight:600; text-align:center; }
.qact:hover:not(:disabled) { background:var(--pri-soft); filter:none; }
.qact > .ico { width:20px; height:20px; }
.qact[aria-pressed="true"] { --star:#facc15; }
.qacts > .hint-b, .qtools .qact > kbd { display:none; }
.qopts { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px 18px; margin-top:12px; font-size:14px; color:var(--muted); }
.qchk { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 22px; }
.qchk label { display:inline-flex; align-items:center; gap:8px; }
.qchk input[type=checkbox] { width:20px; height:20px; margin:0; flex:none; accent-color:var(--pri); }
.qlinks { display:inline-flex; align-items:center; gap:4px; }
.qlinks > .link { min-height:36px; padding:0 8px; font-size:14px; font-weight:600; }
.qbug { color:var(--muted); }
body.no-fab .qbug { display:none; }
@media (min-width:700px) {
  .qsub > .hint-a { display:none; }
  .qsub:not(.has-kb) { display:none; }
  .qacts { display:flex; gap:6px; padding:8px; border-radius:16px; background:var(--card); box-shadow:var(--shadow); }
  .qacts > button { flex:1; flex-direction:row; justify-content:center; gap:8px; min-height:44px; border-radius:10px; box-shadow:none; font-size:14px; }
  .qacts > .qact { background:transparent; }
  .qacts > .hint-b { display:inline-flex; }
  .qtools .qact > kbd { display:inline-block; }
  .qopts { justify-content:space-between; padding:0 6px; }
}
.nav2 > button { flex:1; justify-content:center; }
@media (max-width:430px) { .nav2:not(.navw) > button.known { flex-basis:100%; order:1; } }
body.in-sess .card > .nav2.navw { box-shadow:none; }
.navw > button { min-height:50px; border-radius:14px; }
.navw > .navprev { flex:none; width:52px; padding:0; font-size:20px; }
.navw > .known { flex:none; padding:0 14px; }
.navw > .navnext { flex:1; font-size:16px; font-weight:700; }
.nav2.big > button { min-height:52px; }
body.in-sess footer.site { display:none; }
body.in-sess.focus { --tabh:env(safe-area-inset-bottom, 0px); padding:0 0 var(--tabh); }
body.in-sess.focus .top, body.in-sess.focus .tabs.mini, body.in-sess.focus .fabs, body.in-sess.focus .bug-nudge { display:none; }
body.in-sess.focus main { padding-top:max(10px, env(safe-area-inset-top, 0px)); }
body.in-sess.focus .sbar > .back-src, body.in-sess.focus .shead > .back-src { display:inline-flex; }
.sctx { display:flex; align-items:center; gap:10px; margin:0 0 12px; padding:10px 12px; border-radius:14px; background:var(--card); box-shadow:var(--shadow); font-size:13px; line-height:1.35; }
.sctx > .smode { flex:none; display:inline-flex; align-items:center; gap:4px; padding:5px 11px; border-radius:99px; background:var(--tt); color:var(--td); font-weight:700; white-space:nowrap; }
.swhere { min-width:0; display:flex; flex-direction:column; gap:2px; }
.swhere > b { font-weight:600; color:var(--fg); }
.swhere > span { font-size:12px; color:var(--muted); }
@media (min-width:700px) { .swhere { flex-direction:row; flex-wrap:wrap; align-items:baseline; gap:2px 12px; } .swhere > b { font-size:14px; } .swhere > span { font-size:13px; } }
.sctx.shead { flex-wrap:wrap; row-gap:12px; padding:12px; margin-bottom:14px; }
@media (min-width:431px) and (max-width:1099px) { body.in-sess:not(.focus) #app:is(:has(> .shead:first-child), :has(> .sbar:first-child + .done-pg)) { padding-top:3px; } }
.shead > .swhere { flex:1 1 0; }
.shead > button { flex:none; width:38px; height:38px; min-height:0; padding:0; justify-content:center; border:0; border-radius:10px; background:var(--soft); color:var(--fg); box-shadow:none; font-size:18px; }
.shead > .fsb { margin-left:auto; }
.shead > .fsb .ico { width:20px; height:20px; }
.shead > .sback > span { display:none; }
.sprog { flex:1 1 100%; height:8px; display:flex; align-items:center; gap:10px; }
.sprog > .meter { flex:1; min-width:60px; margin:0; }
.sprog > .muted { flex:none; margin:0; white-space:nowrap; font-weight:600; }
@media (max-width:519px) { .shead > .swhere { flex-basis:100%; order:1; } .shead > .sprog { order:2; } }
.spk { background:transparent; border:none; color:var(--pri); padding:2px 6px; font-size:22px; vertical-align:middle; }
.spk.big { font-size:56px; }
.spk .ico { display:inline-block; vertical-align:-.2em; margin:0; }
.spks { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 14px; }
.spks .spk { font-size:14px; font-weight:600; padding:6px 12px; border:1px solid var(--line); border-radius:99px; background:var(--card); }
.spks .spk:hover { border-color:var(--pri); filter:none; }
.ucbody { position:relative; }
.ucfav { position:absolute; top:0; left:0; width:44px; height:44px; padding:0; justify-content:center; border:1px solid color-mix(in srgb, var(--hard) 30%, var(--line)); border-radius:12px; background:var(--card); color:var(--hard); font-size:20px; }
.ucfav:hover:not(:disabled) { border-color:var(--hard); filter:none; }
.uchero { margin:0 0 14px; }
.uchero { container-type:inline-size; }
@media (max-width:430px) { .uchero .word:not(.wl):not(.wxl) { font-size:max(18px, min(32px, (100cqi - 8px) / (var(--n, 1) * .62))); }
  .uchero .word.wl { font-size:max(16px, min(25px, (100cqi - 8px) / (var(--n, 1) * .62))); } }
.uchero .wtag { background:var(--card); box-shadow:inset 0 0 0 1px var(--line); }
[data-pal="0"] { --tt:#ffe3c4; --tm:#f4c692; --td:#7f3800; --ts:#904100; }
[data-pal="1"] { --tt:#dde8ff; --tm:#bad0f9; --td:#1e3a8a; --ts:#1e3a8a; }
[data-pal="2"] { --tt:#d8f9dd; --tm:#aee7b9; --td:#006034; --ts:#006d3c; }
[data-pal="3"] { --tt:#fdedb9; --tm:#e8d494; --td:#6b4800; --ts:#795200; }
[data-pal="4"] { --tt:#ebe3ff; --tm:#d6c5f9; --td:#5b3c89; --ts:#6941a1; }
[data-pal="5"] { --tt:#d6f0fc; --tm:#a9dbf3; --td:#005778; --ts:#006387; }
[data-pal="6"] { --tt:#feddf0; --tm:#f6bbdf; --td:#812b53; --ts:#972b5f; }
[data-pal="7"] { --tt:#e5f1c0; --tm:#ccda9a; --td:#465800; --ts:#506400; }
[data-pal="8"] { --tt:#c1f3f5; --tm:#89e1e5; --td:#005c5c; --ts:#006969; }
[data-pal="9"] { --tt:#fee1de; --tm:#f6c2bc; --td:#872d26; --ts:#9e2d26; }
[data-pal="ok"] { --tt:#d8f9dd; --tm:#aee7b9; --td:#006034; --ts:#006d3c; }
[data-pal="bad"] { --tt:#fee1de; --tm:#f6c2bc; --td:#872d26; --ts:#9e2d26; }
:root[data-theme="dark"] [data-pal="0"] { --tt:#362512; --tm:#5f3f14; --td:#fbca93; --ts:#a85419; }
:root[data-theme="dark"] [data-pal="1"] { --tt:#1e293d; --tm:#31466d; --td:#bed5ff; --ts:#4c6aba; }
:root[data-theme="dark"] [data-pal="2"] { --tt:#1a2e1e; --tm:#275131; --td:#aae5b5; --ts:#0d844c; }
:root[data-theme="dark"] [data-pal="3"] { --tt:#302810; --tm:#544510; --td:#e8d38f; --ts:#926500; }
:root[data-theme="dark"] [data-pal="4"] { --tt:#2c243a; --tm:#4c3d68; --td:#dacaff; --ts:#7b5aae; }
:root[data-theme="dark"] [data-pal="5"] { --tt:#112d38; --tm:#0c4d65; --td:#9ae0ff; --ts:#0079a3; }
:root[data-theme="dark"] [data-pal="6"] { --tt:#37212e; --tm:#603651; --td:#febde5; --ts:#a74a72; }
:root[data-theme="dark"] [data-pal="7"] { --tt:#272c14; --tm:#434b1a; --td:#cfdd99; --ts:#627a03; }
:root[data-theme="dark"] [data-pal="8"] { --tt:#0b2f31; --tm:#005155; --td:#88e7ec; --ts:#007f7f; }
:root[data-theme="dark"] [data-pal="9"] { --tt:#3a211e; --tm:#683632; --td:#ffc3bd; --ts:#ad4c42; }
:root[data-theme="dark"] [data-pal="ok"] { --tt:#1a2e1e; --tm:#275131; --td:#aae5b5; --ts:#0d844c; }
:root[data-theme="dark"] [data-pal="bad"] { --tt:#3a211e; --tm:#683632; --td:#ffc3bd; --ts:#ad4c42; }
.ucstage { position:relative; display:flex; align-items:center; justify-content:center; height:220px; margin:-16px -16px 14px; overflow:hidden; border-radius:13px 13px 0 0; background:var(--tt); container-type:inline-size; }
.ucstage::before { content:""; position:absolute; width:150px; height:150px; right:-40px; top:-50px; border-radius:50%; background:var(--tm); animation:ucdrift 5s ease-in-out infinite; }
.ucstage::after { content:""; position:absolute; width:64px; height:64px; left:-26px; bottom:-30px; border-radius:50%; border:14px solid var(--tm); animation:ucdriftx 5s ease-in-out infinite; }
.ucstick { position:relative; z-index:1; display:flex; margin:0; padding:8px; border-radius:24px; background:#fff; rotate:-3deg; box-shadow:5px 5px 0 var(--tm); animation:ucpop .5s cubic-bezier(.2, .8, .3, 1) both; }
.ucstick img { display:block; width:auto; height:176px; max-width:min(280px, 72cqi); object-fit:contain; border-radius:16px; }
.ucstick.emoji { width:132px; height:132px; box-sizing:border-box; align-items:center; justify-content:center; font-size:84px; line-height:1; }
.lettiles { --s:min(44px, (100cqi - 32px) / var(--n) - 4px); position:relative; z-index:1; display:flex; justify-content:center; gap:4px; }
.lettiles.big { --s:104px; gap:10px; }
.lettile { display:flex; align-items:center; justify-content:center; width:var(--s); height:calc(var(--s) * 1.18); border-radius:calc(var(--s) * .26); background:var(--card); color:var(--td); font-size:calc(var(--s) * .62); font-weight:700; line-height:1; box-shadow:0 4px 0 var(--tm); animation:ucpop .45s cubic-bezier(.2, .8, .3, 1) calc(var(--i) * 60ms) both; }
.lettile:first-child { background:var(--ts); color:#fff; }
.lettile:nth-child(odd) { rotate:-5deg; translate:0 5px; }
.lettile:nth-child(even) { rotate:4deg; translate:0 -5px; }
@keyframes ucpop { 0% { scale:.6; opacity:0; } 70% { scale:1.05; opacity:1; } 100% { scale:1; opacity:1; } }
@keyframes ucdrift { 0%, 100% { translate:0 0; } 50% { translate:0 -8px; } }
@keyframes ucdriftx { 0%, 100% { translate:0 0; } 50% { translate:10px 0; } }
@media (prefers-reduced-motion:reduce) { .ucstage::before, .ucstage::after, .ucstick, .lettile { animation:none; } }
.ucbody > .ucfav { top:-8px; left:-8px; z-index:1; }
.ucard .wnote .nen { color:var(--td); }
.ucard .exbox { position:relative; margin-top:14px; border-radius:14px; background:var(--tt); }
.ucard .exbox::before { content:""; position:absolute; left:22px; top:-7px; width:14px; height:14px; rotate:45deg; background:var(--tt); }
.ucard .exbox > * { position:relative; }
.exhl { padding:0 3px; border-radius:4px; background:var(--tm); color:var(--td, inherit); font-weight:600; }
.lcard > .ucstage { height:96px; margin:-16px -16px 0; pointer-events:none; }
.card.phead > .ucstage { flex:0 0 calc(100% + 36px); height:112px; margin:-18px -18px 0; border-radius:15px 15px 0 0; }
.lcard > .ucstage::before, .lcard > .ucstage::after, .phead > .ucstage::before, .phead > .ucstage::after, .kcard > .ucstage::before, .kcard > .ucstage::after, .lcard .ucstick, .phead .ucstick, .kcard .ucstick, .lcard .lettile, .phead .lettile, .kcard .lettile { animation:none; }
.lcard .ucstick, .phead .ucstick, .kcard .ucstick { padding:6px; border-radius:14px; box-shadow:4px 4px 0 var(--tm); }
.lcard > .ucstage::before, .kcard > .ucstage::before, .phead > .ucstage::before { left:0; right:auto; top:0; bottom:0; width:50%; height:auto; border:0; border-radius:0; background:var(--td); opacity:.38; transition:background-color .4s; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20400%2096%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20stroke-dasharray%3D%271%208%27%20d%3D%27M-4%2074C30%2074%2044%2048%2076%2052C104%2056%20112%2080%20140%2070C170%2059%20190%2050%20220%2052C260%2055%20280%2066%20320%2062C350%2059%20370%2052%20400%2052%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") left center / auto 100% no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20400%2096%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20stroke-dasharray%3D%271%208%27%20d%3D%27M-4%2074C30%2074%2044%2048%2076%2052C104%2056%20112%2080%20140%2070C170%2059%20190%2050%20220%2052C260%2055%20280%2066%20320%2062C350%2059%20370%2052%20400%2052%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") left center / auto 100% no-repeat; }
.lcard > .ucstage::after, .kcard > .ucstage::after, .phead > .ucstage::after { left:auto; right:0; top:0; bottom:0; width:50%; height:auto; border:0; border-radius:0; background:var(--td); opacity:.38; transition:background-color .4s; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20400%2096%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20stroke-dasharray%3D%271%208%27%20d%3D%27M0%2058C60%2060%20120%2078%20200%2070C240%2056%20260%2040%20290%2048C318%2056%20322%2072%20346%2062C356%2057%20360%2052%20362%2048%27%2F%3E%3Cpath%20d%3D%27M366%2050L366%2020M366%2021L382%2026L366%2032%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right center / auto 100% no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20400%2096%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20stroke-dasharray%3D%271%208%27%20d%3D%27M0%2058C60%2060%20120%2078%20200%2070C240%2056%20260%2040%20290%2048C318%2056%20322%2072%20346%2062C356%2057%20360%2052%20362%2048%27%2F%3E%3Cpath%20d%3D%27M366%2050L366%2020M366%2021L382%2026L366%2032%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right center / auto 100% no-repeat; }
.ucstick .flag { width:64px; height:auto; margin:0; border-radius:6px; }
.ucstick:has(> .flag), .ltile .ltf, .sugg-tx > .sfl:has(> .flag) { rotate:none; }
.ucstick:has(img[src*="images/vector/"]), .wth:has(img[src*="images/vector/"]), .wrow:nth-child(even) .wth:has(img[src*="images/vector/"]), .fbpic:has(img[src*="images/vector/"]) { rotate:none; }
.lcard .lettiles.big, .phead .lettiles.big, .kcard .lettiles.big { --s:56px; }
.lcard.soon > .ucstage { filter:grayscale(.7); }
.lcard .lsrc, .phead .cref { background:var(--tt); }
[data-pal] .gbar > i { background:var(--ts); }
.fb .ucstage { height:132px; }
.fb .ucstage::before, .fb .ucstage::after, .fb .ucstick, .fb .lettile { animation:none; }
.fb .ucstick img { height:100px; }
.fb .ucstick.emoji { width:92px; height:92px; font-size:56px; }
.fb .lettiles.big { --s:72px; }
.ucbody > .ex:not(.exw) { margin:0 0 14px; padding:10px 12px; border-radius:10px; background:var(--soft); }
.ucword { display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; }
.ucword > .word { margin:0; }
.ucword + .ipa { margin-top:4px; }
.uchero > :last-child { margin-bottom:0; }
.sround { width:46px; height:46px; padding:0; justify-content:center; border-radius:50%; background:var(--pri-soft); color:var(--pri); font-size:20px; border:1px solid color-mix(in srgb, var(--pri) 45%, var(--line)); flex:none; }
.sround:hover:not(:disabled) { filter:none; border-color:var(--pri); }
.srow { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.schip { height:38px; padding:0 14px 0 11px; gap:6px; border:1px solid var(--line); border-radius:99px; background:var(--card); color:var(--fg); font-size:14px; font-weight:600; }
.schip:hover:not(:disabled) { filter:none; border-color:var(--pri); color:var(--pri); }
.schip .ico { font-size:19px; }
.schip.on { background:var(--pri); border-color:var(--pri); color:var(--pri-fg); }
.schip.on:hover:not(:disabled) { color:var(--pri-fg); filter:brightness(1.12); }
.schip.on svg.ico:has(> use[href="#i-spk"]) { color:inherit; }
@media (max-width:430px) { .srow { gap:6px; } .schip { padding:0 10px 0 8px; gap:4px; font-size:13.5px; } .schip .ico { font-size:18px; } }
.spk svg.ico:has(> use[href="#i-spk"]) { color:var(--pri); }
.exbox.exi { display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; }
.exbox.exi > .exlab { flex-basis:100%; margin:0; }
.exbox.exi > .ex { flex:1 1 auto; }
.exrow { display:flex; align-items:center; gap:8px; }
.exrow > .ex { flex:1; min-width:0; }
.exrow + .exrow { margin-top:10px; padding-top:10px; border-top:1px solid color-mix(in srgb, var(--pri) 12%, transparent); }
@media (max-width:430px) { .exrow { flex-wrap:wrap; gap:2px 8px; } .exrow > .ex { flex-basis:100%; } }
.sico { display:flex; flex:none; margin-left:auto; }
.sico > .spk { width:36px; height:36px; padding:0; justify-content:center; border-radius:50%; font-size:19px; }
.sico > .spk:hover:not(:disabled) { filter:none; background:var(--card); }
.exbox { margin-top:10px; padding:12px; border-radius:12px; background:color-mix(in srgb, var(--pri) 7%, var(--card)); }
.exbox .exlab { display:block; font-size:12px; font-weight:700; text-transform:uppercase; color:var(--pri); margin-bottom:4px; }
.exbox .ex { margin:0; }
.ex .exvi { display:block; margin-top:4px; font-size:14px; font-style:normal; font-weight:400; color:var(--muted); }
.ex .exvi:not(:last-child) { margin-bottom:8px; }
.mpos { display:flex; flex-direction:column; gap:4px; }
.mline { display:flex; align-items:baseline; gap:8px; }
.mline > .wtag { margin:0; flex:none; min-width:48px; text-align:center; }
.mline > .wtag + .wtag { min-width:0; margin-left:-4px; }
.word.vi .mpos { display:inline-flex; align-items:flex-start; text-align:left; }  .word.vi .mline > .wtag { font-size:13px; }
.msep { color:var(--muted); font-weight:400; }
.mtg { white-space:nowrap; }
.wtag.tip { cursor:help; }
.tipbox { position:fixed; z-index:10000; max-width:260px; padding:6px 10px; border-radius:8px; background:var(--fg); color:var(--bg); font-size:13px; font-weight:500; line-height:1.4; box-shadow:0 4px 14px rgba(0,0,0,.18); pointer-events:none; }
.ucbody > .srow, .ucbody > p, .ucbody > .pic { margin:0 0 14px; }
.exbox > .sround { margin-top:8px; }
.ucflip { display:inline-flex; align-items:center; gap:6px; }
.spkex { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.spkex > .muted { font-size:13px; margin:0 0 0 4px; }
.spkx { display:flex; flex-wrap:wrap; gap:6px; margin-left:auto; }
.ucbody .wdesc { font-weight:400; }
.ex.exw { font-style:normal; font-weight:600; color:var(--fg); }
[hidden] { display:none !important; }
.ucard { display:grid; perspective:1000px; margin-bottom:12px; }
.ucfront, .ucback { grid-area:1 / 1; display:flex; flex-direction:column; min-width:0; border:1px solid color-mix(in srgb, var(--pri) 30%, var(--line));
  border-radius:14px; background:var(--card); padding:16px 16px 12px; cursor:pointer; transition:transform .5s ease-in-out, visibility 0s .25s; }
.ucfront { text-align:left; color:inherit; }
.ucback { transform:rotateY(180deg); visibility:hidden; }
.ucard.on .ucfront { transform:rotateY(-180deg); visibility:hidden; }
.ucard.on .ucback { transform:none; visibility:visible; }
.ucfront:focus-visible { outline:2px solid var(--pri); outline-offset:2px; }
.ucbody { flex:1; padding-bottom:14px; }
.ucbody > :last-child { margin-bottom:0; }
.ucback .ucbody { display:flex; flex-direction:column; justify-content:center; padding-top:10px; }
.ucback .slider { margin:0; }
.ucback .uc { padding:14px 22px; border:1px solid var(--line); border-radius:12px; background:var(--card); box-shadow:none; margin:0; }
.ucback .uc p { margin:0; font-size:16px; }
.ucback .uc small { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:4px 10px; margin-top:8px; }
.uc small .link { padding:2px 0; margin-left:auto; }
.ucfoot { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:4px 10px; padding-top:12px; border-top:1px dashed var(--line); font-size:13px; color:var(--muted); }
.ucfoot > :nth-child(2) { margin-left:auto; }
.uctitle { display:block; text-align:center; padding:4px 0 10px; border-bottom:1px dashed var(--line); }
.ucfoot .link { font-size:13px; padding:2px 0; }
.ucback button, .ucback textarea, .ucback .slider { cursor:auto; }
@media (prefers-reduced-motion:reduce) { .ucfront, .ucback { transition:none; } }
.prof input { margin:0; }
.prof small { display:block; margin:6px 0 0; font-size:13px; }
.prof .wide { margin-top:18px; }
.prof .pnick { margin:14px 0 0; }
#mailpart .mcode { margin:12px 0 0; padding:12px 14px; border-radius:12px; background:var(--soft); }
#mailpart .mcode p { margin:0; }
#mailpart .mcode input { background:var(--card); }
#mailpart .kv + form, #mailpart .mcode + form { margin-top:14px; border-top:1px solid var(--line); }
#nameNote p.muted { margin:6px 0 0; }
#nameNote .row { margin-top:14px; }
.slider .track > #nameNote p.muted { margin:2px 0 0; } .slider .track > #nameNote .row { margin-top:0; }
@container notes (max-width:600px) { .slider .track > #nameNote .row { margin-top:8px; } }
.uc { padding:8px 0; border-bottom:1px solid var(--line); }
.uc p { margin:0 0 2px; white-space:pre-line; overflow-wrap:anywhere; }
.ucback textarea { font-size:15px; margin:10px 0 8px; }
.opt.aud .atx { font-size:16px; }
.opts.grid { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
@media (min-width:640px) { .opts.grid { grid-template-columns:repeat(var(--n, 4), minmax(0, 1fr)); } }
.opts.grid .opt { position:relative; justify-content:center; text-align:center; min-height:84px; padding:26px 10px 14px; font-size:17px; overflow-wrap:anywhere; }
.opts.grid .opt kbd { position:absolute; top:8px; left:8px; margin:0; }
.opts.grid.col1 { grid-template-columns:minmax(0, 1fr); }
.opts.pics { grid-template-columns:1fr 1fr; gap:12px; }
.opt.pic { position:relative; justify-content:center; min-height:120px; padding:18px 8px; font-size:52px; line-height:1.15; }
.opt.pic kbd { position:absolute; top:8px; left:8px; margin:0; }
.opt.pic { flex-direction:column; gap:6px; margin:0; }
.opt.pic .picvi { font-size:15px; font-weight:600; line-height:1.3; color:var(--td); text-align:center; }
.kidimg { display:block; width:100px; height:100px; object-fit:contain; background:#fff; border-radius:10px; }
.opt.pic img.kidimg { width:100px; height:100px; max-width:100%; background:#fff; }
@media (max-width:600px) and (max-height:660px) { .opt.pic { min-height:96px; padding:10px 8px; gap:4px; font-size:42px; } .opt.pic img.kidimg { width:80px; height:80px; } .opt.pic kbd { top:6px; left:6px; } }
.wico { display:inline-block; min-width:32px; font-size:24px; line-height:32px; text-align:center; vertical-align:middle; }
.wico img { width:26px; height:26px; vertical-align:middle; }
.word.say { font-size:24px; font-weight:600; }
.word.say b { font-weight:800; color:var(--pri); }
.cd { text-align:center; }
.cd .big { font-size:80px; margin:16px 0 24px; }
body.t-g .cd .big { color:var(--ok); } body.t-y .cd .big { color:#ca8a04; } body.t-r .cd .big { color:var(--bad); }
body { transition:background-color .3s; }
body.t-g { background:color-mix(in srgb, var(--ok) 22%, var(--bg)); }
body.t-y { background:color-mix(in srgb, #eab308 28%, var(--bg)); }
body.t-r { background:color-mix(in srgb, var(--bad) 24%, var(--bg)); }
body.t-y .meter span { background:#eab308; }
body.t-r .meter span { background:var(--bad); }
.today { margin:8px 0 16px; font-size:15px; }
.today > span { display:inline-block; }
.hi { margin:0 0 8px; font-size:16px; overflow-wrap:anywhere; }
.set { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px 0; border-top:1px solid var(--line); }
.setpg .card > .set:last-child { padding-bottom:0; }
.set span { flex:1; font-weight:600; }
.set small { display:block; font-weight:400; margin:2px 0 0; font-size:13px; }
.set input[type=number] { width:96px; margin:0; flex:none; }
.set.stack input { width:min(220px, 50%); margin:0; }
@media (max-width:480px) { .set.stack { flex-wrap:wrap; } .set.stack > span { flex-basis:100%; } .set.stack input { width:100%; } }
.card.note { position:relative; }
.slider .track > .card, .card.note { padding:12px 14px; font-size:14px; }
.slider .track > .card .muted, .card.note .muted { font-size:13px; margin:4px 0 8px; }
.slider .track > .card .row, .card.note .row { gap:6px; }
.slider .track > .card .row :is(button, .btn), .card.note .row :is(button, .btn) { padding:6px 12px; font-size:13.5px; min-height:0; }
.hero .empty-hint { margin:0; text-align:center; font-size:14px; font-style:italic; }
.sugg { display:grid; gap:17px; container:sugg / inline-size; }
@container sugg (max-width:360px) { .sugg-it { flex-wrap:wrap; } .sugg-it > .sugg-tx { flex-basis:100%; } .sugg > .sugg-it > button { flex:1 1 100%; justify-content:center; } }
.hmain > h3, .hside > h3 { margin:14px 2px; }
.sugg + .more-lib { margin-top:17px; }
.sugg-it { display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:14px; background:var(--tt); box-shadow:0 3px 0 var(--tm); cursor:pointer; }
.sugg-it:hover { translate:0 -2px; }
.sugg-it button { flex:none; border:0; background:var(--card); box-shadow:0 2px 0 var(--tm); color:var(--td); }
.sugg-it button:hover:not(:disabled) { filter:none; background:var(--card); }
.lcard.open, .sugg-it { position:relative; }
.lk { color:inherit; text-decoration:none; }
.cname { color:inherit; text-decoration:none; }
.cname:hover { color:var(--pri); }
.lk::after { content:''; position:absolute; inset:0; border-radius:inherit; }
.lcard.open button, .sugg-it button { position:relative; z-index:1; }
.sugg-tx { flex:1; min-width:0; display:grid; grid-template-columns:auto minmax(0, 1fr); column-gap:10px; align-items:center; font-size:14px; line-height:1.35; color:var(--td); }
.sugg-tx small { grid-column:2; margin:0; font-size:12px; }
.sugg-tx b { overflow-wrap:break-word; }
.sugg-tx > .sfl { grid-row:1 / span 2; display:grid; place-items:center; width:38px; height:38px; border-radius:11px; background:#fff; rotate:-3deg; box-shadow:2px 2px 0 var(--tm); font-weight:800; color:#161a22; }
.sfl > .flag { width:26px; height:auto; margin:0; border-radius:3px; }
.pulse { --pc:var(--pri); animation:pulse 1.6s ease-in-out infinite; }
@keyframes pulse { 0%,100% { box-shadow:0 0 0 0 color-mix(in srgb, var(--pc) 55%, transparent); } 60% { box-shadow:0 0 0 9px transparent; } }
.shine { position:relative; overflow:hidden; isolation:isolate; }
.shine::after { content:''; position:absolute; inset:0; background:linear-gradient(100deg, transparent 22%, rgba(255,255,255,var(--sa, .7)) 50%, transparent 78%); transform:translateX(-100%); animation:shine 5s ease-in-out infinite; pointer-events:none; }
.shine::after { z-index:-1; }
.go-start.shine { --sa:1; }
@keyframes shine { 36%, 100% { transform:translateX(100%); } }
@media (prefers-reduced-motion: reduce) { .pulse, .shine::after { animation:none; } .shine::after { display:none; } }
.card.note > b:first-of-type { display:block; padding-right:22px; }
.slider .track > .card.ntc, .card.ntc { display:flex; align-items:center; gap:12px; padding:12px 40px 12px 14px; font-size:14px; }
.ntc > .ni { flex:none; display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:var(--tt); box-shadow:2px 2px 0 var(--tm); rotate:-3deg; font-size:21px; }
.ntc > .nb { flex:1; min-width:0; }
.ntc .nb > b { display:block; line-height:1.35; }
.slider .track > .card.ntc .nb > .muted, .card.ntc .nb > .muted { margin:2px 0 0; font-size:13px; }
.ntc .nb > .row { margin-top:8px; gap:6px; }
.card.ntc .row :is(button, .btn) { padding:6px 12px; font-size:13.5px; min-height:0; }
.slider .track > .card.ntc .row :is(button, .btn):not(.ghost), .card.ntc .row :is(button, .btn):not(.ghost) { background:var(--tt); color:var(--td); border-color:transparent; box-shadow:0 2px 0 var(--tm); }
@media (min-width:640px) {
  .ntc > .nb:has(> .row) { display:grid; grid-template-columns:minmax(0, 1fr) auto; grid-template-rows:minmax(0, 1fr) repeat(4, auto) minmax(0, 1fr); column-gap:14px; align-items:center; }
  .ntc > .nb > :not(.row) { grid-column:1; }
  .ntc > .nb > :nth-child(1):not(.row) { grid-row:2; } .ntc > .nb > :nth-child(2):not(.row) { grid-row:3; }
  .ntc > .nb > :nth-child(3):not(.row) { grid-row:4; } .ntc > .nb > :nth-child(4):not(.row) { grid-row:5; }
  .ntc > .nb > .row { grid-column:2; grid-row:1 / -1; margin:0; justify-content:flex-end; }
  .ntc > .nb > .row:has(> :nth-child(2)) { flex-direction:column; align-items:stretch; }
  .ntc > .nb > .row:has(> :nth-child(2)) > :is(button, .btn) { justify-content:center; }
}
.slider .track > .card.ntc:not(:has(> .hide-x)), .card.ntc:not(:has(> .hide-x)) { padding-right:14px; }
@media (max-width:639px) {
  .slider .track > .card.ntc, .card.ntc { display:grid; grid-template-columns:auto minmax(0, 1fr); gap:4px 10px; align-items:center; align-content:center; padding-right:14px; }
  .ntc > .nb { display:contents; }
  .ntc > .ni { width:28px; height:28px; margin-block:-5px; border-radius:9px; font-size:15px; }
  .ntc:has(> .hide-x) .nb > b { padding-right:22px; }
  .ntc .nb > :not(b) { grid-column:1 / -1; }
  .ntc .nb > .row > :is(button, .btn) { flex:1 1 auto; justify-content:center; }
}
.slider .track > .card:has(> .row):not(.social-mini) { display:grid; grid-template-columns:minmax(0, 1fr) auto; column-gap:12px; align-items:center; padding:10px 40px 10px 14px; }
.slider .track > .card:has(> .row):not(.social-mini) > :not(.row):not(.hide-x) { grid-column:1; }
.slider .track > .card:has(> .row):not(.social-mini) > .row { grid-column:2; grid-row:1 / span 2; margin:0; flex-wrap:nowrap; align-items:center; }
.slider .track > .card:not(.social-mini) .muted { margin:2px 0 0; font-size:12.5px; display:block; }
.slider .track > .card:not(.social-mini) > b :is(button, .btn) { min-height:0; padding:2px 8px; }
.slider > .track { container:notes / inline-size; }
@container notes (max-width:600px) { .slider .track > .card:has(> .row):not(.social-mini) { grid-template-columns:minmax(0, 1fr); } .slider .track > .card:has(> .row):not(.social-mini) > .row { grid-column:1; grid-row:auto; flex-direction:row; flex-wrap:wrap; margin-top:8px; } .slider .track > .card:has(> .row):not(.social-mini) > .row > :is(button, .btn) { flex:0 1 auto; padding:6px 8px; font-size:12.5px; white-space:nowrap; } }
.hide-x { position:absolute; top:6px; right:6px; padding:3px 7px; font-size:12px; font-weight:400; background:transparent; border-color:transparent; color:var(--muted); overflow:visible; }
.hide-x::before { content:""; position:absolute; inset:calc(50% - 16px); }
.hide-x:hover { opacity:1; background:var(--soft); filter:none; }
.setpg h3 { margin:0 0 4px; font-size:16px; text-transform:none; letter-spacing:0; color:var(--fg); }
.setpg h3 + p { margin:0 0 12px; font-size:13px; }
.setpg h3 + .set { border-top:0; }
.seg { display:grid; grid-template-columns:repeat(var(--cols, 3), 1fr); margin:0; }
.seg button { flex-direction:column; justify-content:center; gap:2px; padding:10px 4px; }
.seg small { font-weight:400; font-size:12.5px; opacity:.85; }
.wk-key { margin:8px 0 4px; font-size:12.5px; display:flex; flex-wrap:wrap; align-items:center; gap:4px 6px; }
.wk-key i { width:12px; height:12px; border-radius:50%; display:inline-block; margin-left:6px; }
.wk-key i:first-child { margin-left:0; }
.wk-key .ok { background:color-mix(in srgb, var(--warn) 35%, var(--card)); }
.wk-key .fz { background:var(--pri-soft); border:1px solid var(--pri); }
.wk-key .td { position:relative; --ring:var(--muted); }
.savebar { position:sticky; bottom:12px; z-index:5;  background:var(--card); border:1px solid var(--line); border-radius:14px; padding:10px; box-shadow:0 6px 20px rgb(0 0 0 / .12); }
.savebar button:first-child { flex:1; justify-content:center; }
.set input[type=checkbox], .tools input[type=checkbox] { width:22px; height:22px; margin:0; flex:none; }
.tools label { display:inline-flex; align-items:center; gap:6px; }
.done-pg { text-align:center; }
.dring { position:relative; width:148px; height:148px; margin:6px auto 12px; border-radius:50%; background:conic-gradient(var(--ts) 0 var(--p), var(--tm) var(--p) 100%); animation:pop .6s ease-out; }
.dring b { position:absolute; inset:16px; display:grid; place-items:center; border-radius:50%; background:var(--card); font-size:34px; font-weight:800; color:var(--td); }
.dstat { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; max-width:420px; margin:14px auto 0; }
.dstat > div { padding:10px 6px; border-radius:13px; background:var(--tt); box-shadow:0 3px 0 var(--tm); }
.dstat b { display:block; font-size:22px; line-height:1.2; color:var(--td); }
.dstat small { font-size:12px; color:var(--fg); }
.done-ic { font-size:64px; line-height:1.1; animation:pop .6s ease-out; }
.done-pg .lead { font-size:17px; }
.dacts { justify-content:center; }
.done-pg > .dring { margin:0 auto 14px; }
.done-pg > .lead { margin:-3px 0 0; }
.done-pg > .dstat { margin-top:16px; }
.done-pg > .done-list { margin-top:18px; }
.done-pg > p.dnote { margin:17px 0 0; }
.done-pg > .today { margin-top:12px; }
@media (max-width:519px) { .dacts { flex-direction:column; align-items:stretch; max-width:360px; margin-inline:auto; } .dacts > button { justify-content:center; } .dacts > button > .ico { margin:0; } }
.done-pg .don { margin:16px 0 0; padding-top:12px; border-top:1px dashed var(--line); }
.done-list { margin:16px 0 0; }
.done-list h3 { margin:0 0 8px; }
.done-list + .muted { margin-top:14px; }
.dpills { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.dpill { flex-direction:column; align-items:center; gap:3px; max-width:100%; padding:7px 12px; border:0; border-radius:12px; background:var(--tt); box-shadow:0 2px 0 var(--tm); color:var(--td); text-align:center; overflow-wrap:anywhere; }
button.dpill:hover:not(:disabled) { filter:none; box-shadow:0 2px 0 var(--ts); }
.dpill small { font-size:13px; font-weight:400; color:var(--fg); line-height:21px; }
.dpill .wtag { vertical-align:1px; }
@keyframes pop { 0% { transform:scale(.3); opacity:0; } 70% { transform:scale(1.15); opacity:1; } 100% { transform:scale(1); } }
@media (prefers-reduced-motion:reduce) { .done-ic, .dring { animation:none; } }
.cheer { position:fixed; left:50%; top:42%; z-index:50; pointer-events:none; }
.cheer span { position:absolute; transform:translate(-50%, -50%); line-height:1; }
.cheer .big { font-size:64px; animation:cheer-pop 1.1s ease-out forwards; }
.cheer .big.sad { animation-name:cheer-sad; }
.cheer .bit { font-size:22px; animation:cheer-fly 1.2s ease-out forwards; }
.cheer .msg { transform:translate(-50%, 44px); white-space:nowrap; font-size:20px; font-weight:800; color:var(--warn); animation:cheer-fade 1.2s forwards; }
@keyframes cheer-pop { 0% { transform:translate(-50%, -50%) scale(.3); opacity:0; } 25% { transform:translate(-50%, -50%) scale(1.2); opacity:1; } 75% { opacity:1; } 100% { transform:translate(-50%, -70%) scale(1); opacity:0; } }
@keyframes cheer-sad { 0% { transform:translate(-50%, -50%) scale(.6); opacity:0; } 15% { transform:translate(-50%, -50%) scale(1); opacity:1; }
  25% { transform:translate(-50%, -50%) rotate(-14deg); } 35% { transform:translate(-50%, -50%) rotate(14deg); } 45% { transform:translate(-50%, -50%) rotate(-10deg); }
  55% { transform:translate(-50%, -50%) rotate(10deg); } 65% { transform:translate(-50%, -50%) rotate(0); } 85% { opacity:1; } 100% { transform:translate(-50%, -50%); opacity:0; } }
@keyframes cheer-fly { 0% { transform:translate(-50%, -50%) scale(.4); opacity:1; } 65% { opacity:1; } 100% { transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) rotate(var(--r)); opacity:0; } }
@keyframes cheer-fade { 0%, 70% { opacity:1; } 100% { opacity:0; } }
@media (prefers-reduced-motion:reduce) { .cheer .bit { display:none; } .cheer .big, .cheer .big.sad { animation:cheer-fade 1.2s forwards; } }
.guide li { margin:0 0 6px; }
.guide kbd, .gkeys kbd { font:600 12px/1 system-ui, sans-serif; background:var(--card); border:1px solid var(--line); border-bottom-width:3px; border-radius:6px; padding:3px 6px; }
.gsteps { display:grid; grid-template-columns:repeat(3, 1fr); gap:13px 10px; margin:14px 0 4px; counter-reset:st; }
.gsteps div { position:relative; background:var(--pri-soft); border-radius:14px; padding:16px 12px 12px; text-align:center; }
.gsteps div::before { counter-increment:st; content:counter(st); position:absolute; top:8px; left:8px; width:22px; height:22px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; box-sizing:border-box; padding:0; text-align:center;
  background:var(--pri); color:var(--pri-fg); font:700 12px/1 system-ui, sans-serif; }
.gsteps .ic, .gtile .ic { display:block; font-size:30px; line-height:1.2; margin-bottom:4px; }
.gsteps small, .gtile small, .gsec summary small, .gcap { display:block; color:var(--muted); font-size:13px; font-weight:400; margin-top:2px; }
.guide > h3 { margin:14px 2px; }
.gsec { border:1px solid var(--line); border-radius:16px; margin-bottom:14px; padding:0 14px; background:var(--card); box-shadow:var(--shadow); }
.gsec[open] { padding-bottom:14px; }
.gsec summary { display:flex; align-items:center; gap:12px; padding:12px 0; cursor:pointer; list-style:none; }
.gsec summary::-webkit-details-marker { display:none; }
.gsec summary::after { content:'▾'; margin-left:auto; color:var(--muted); transition:transform .2s; }
.gsec[open] summary::after { transform:rotate(180deg); }
.gsec summary .ic { flex:none; display:grid; place-items:center; width:44px; height:44px; font-size:24px; background:var(--soft); border-radius:12px; }
.gtiles { display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); gap:10px; }
.gtile, .gfig { background:var(--soft); border-radius:12px; padding:12px; }
.gtile .ic { font-size:24px; }
.gtile .ic > .ico { margin:0; }
.gsec summary .pico, .gtile .ic .pico { width:1.3em; height:1.3em; vertical-align:middle; }
.gicons { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; color:var(--muted); } .gicons .pico { width:44px; height:44px; }
.gfig { margin:10px 0; }
.gnote { font-size:13px; line-height:1.5; }
.gcap { text-align:center; margin-top:8px; }
.gline { display:flex; align-items:flex-end; gap:6px; height:120px; }
.gline span { flex:1; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; height:100%; font-size:11px; line-height:1.2; text-align:center; color:var(--muted); }
.gline i { flex:none; width:100%; height:calc(var(--h) * .74); margin-bottom:4px; background:var(--pri); border-radius:6px 6px 0 0; }
@media (max-width:340px) { .gline { gap:2px; } .gline span { font-size:10px; } }
.gq { text-align:center; font-size:22px; font-weight:700; margin-bottom:10px; }
.gopts { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.gopts span { background:var(--card); border:1px solid var(--line); border-radius:10px; padding:10px; font-size:14px; }
.gopts .ok { border-color:var(--ok); color:var(--ok); font-weight:600; }
.gspeed { height:12px; border-radius:6px; background:linear-gradient(90deg, #22c55e, #eab308, #ef4444); }
.gkeys { display:grid; grid-template-columns:repeat(auto-fit, minmax(120px, 1fr)); gap:10px; text-align:center; }
.gkeys .gtile { line-height:34px; }
.gkeys .gtile small { line-height:1.4; margin-top:4px; }
.gkeys .gtile kbd { font-size:13px; padding:4px 7px; }
.gbadge { display:inline-block; vertical-align:middle; margin-left:6px; padding:2px 8px; border-radius:999px; background:var(--ok); color:var(--pri-fg); font-size:11px; }
@media (max-width:680px) { .gsteps { grid-template-columns:1fr; } .gtiles { grid-template-columns:1fr 1fr; } .gsteps div { display:flex; align-items:center; gap:12px; text-align:left; padding:12px 12px 12px 40px; } .gsteps .ic { flex:none; width:42px; margin:0; text-align:center; } .gsteps div::before { top:50%; transform:translateY(-50%); left:10px; } }
@media (max-width:480px) { .gtiles { grid-template-columns:1fr; } }
.no { font-size:inherit; font-weight:700; color:var(--muted); margin-right:6px; }
.card h2 + .tags { margin-top:8px; }
.tags { display:flex; flex-wrap:wrap; gap:4px; margin:4px 0 0; }
.tag { font-size:12px; font-weight:600; padding:5px 10px; border:0; border-radius:99px; background:var(--soft); color:var(--fg); }
.tag[aria-pressed="true"] { background:var(--pri); color:var(--pri-fg); }
.tag { gap:0; } .tag .flag { margin-right:4px; }
.flag { width:1.25em; height:auto; margin-right:4px; vertical-align:-.12em; border-radius:2px; box-shadow:0 0 0 1px rgba(0,0,0,.15); }
.filter { gap:6px; margin-bottom:14px; }
.card > .filter:last-child, .card > .filter:has(+ .sret) { margin-bottom:0; }
.row.filter > * { flex:none; }
.row.filter.tagf > .muted { margin:0; }
.row.filter.tagf > button { border-radius:99px; justify-content:center; padding:0 14px; }
.filter button[aria-pressed="true"] { background:var(--pri); color:var(--pri-fg); border-color:var(--pri); }
form > .wide { margin-top:10px; }
form > .muted + .wide { margin-top:0; }
h2 + form > .fl:first-child { margin-top:4px; }
form { display:flex; gap:8px; flex-wrap:wrap; } form input { margin:0; flex:1 1 200px; } form button { white-space:nowrap; }
code { background:var(--soft); padding:1px 5px; border-radius:5px; font-size:.92em; }
.card.phead[data-pal]:not(.cta) { position:relative; overflow:hidden; isolation:isolate; background:var(--tt); border-color:transparent; box-shadow:0 3px 0 var(--tm); margin-bottom:17px; }
.card.phead[data-pal]:not(.cta) > .pwm { position:absolute; z-index:-1; right:-22px; top:50%; translate:0 -50%; rotate:14deg; font-size:110px; line-height:1; opacity:.16; pointer-events:none; }
.card.phead[data-pal]:not(.cta) > .pwm .ico { width:1em; height:1em; }
.card.phead[data-pal]:not(.cta) .pi { background:#fff; border:0; rotate:-3deg; box-shadow:3px 3px 0 var(--tm); }
.card.phead[data-pal]:not(.cta) h2 { color:var(--td); }
.card.phead:not(.cta, .thx-head) h2 { font-size:20px; }
.card.phead[data-pal]:not(.cta) .muted, .card.phead[data-pal]:not(.cta).thx-head p { color:var(--fg); }
.si { flex:none; display:inline-grid; place-items:center; width:36px; height:36px; border-radius:11px; background:var(--tt); box-shadow:0 2px 0 var(--tm); font-size:19px; font-weight:700; color:var(--td); rotate:-3deg; }
.si .ico { width:22px; height:22px; margin:0; }
.card[data-pal] h2:has(> .si), .card[data-pal] h3:has(> .si) { display:flex; align-items:center; gap:10px; margin-bottom:10px; color:var(--td); }
.card[data-pal] .sbar h2:has(> .si) { margin-bottom:0; }
.card[data-pal] .mi .ic { width:36px; height:36px; display:grid; place-items:center; border-radius:11px; background:var(--tt); box-shadow:0 2px 0 var(--tm); font-size:19px; }
.card[data-pal] .seg button[aria-pressed="true"] { background:var(--tt); color:var(--td); border-color:var(--ts); box-shadow:0 2px 0 var(--tm); }
.card[data-pal] .pick:has(input:checked) { background:var(--tt); color:var(--td); border-color:var(--ts); }
.card[data-pal] .code { background:var(--tt); border-color:var(--tm); color:var(--td); }
.set input[type=checkbox] { appearance:none; -webkit-appearance:none; position:relative; width:46px; height:26px; padding:0; border:0; border-radius:999px; background:var(--line); cursor:pointer; transition:background-color .15s; }
.set input[type=checkbox]::after { content:''; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 1px 2px rgb(0 0 0 / .3); transition:translate .15s; }
.set input[type=checkbox]:checked { background:var(--ts, var(--pri)); }
.set input[type=checkbox]:checked::after { translate:20px 0; }
.set input[type=checkbox]:focus-visible { outline:2px solid var(--pri); outline-offset:2px; box-shadow:none; }
.sgrp { margin:18px 2px 10px; }
.phead + .sgrp { margin-top:6px; }
.stiles { display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:17px 14px; margin-bottom:17px; }
.stile { display:flex; align-items:center; gap:12px; width:100%; min-height:70px; padding:12px 14px; border:0; border-radius:16px; background:var(--tt); color:var(--td); text-align:left; box-shadow:0 3px 0 var(--tm); transition:translate .15s, scale .1s; }
button.stile:hover:not(:disabled) { filter:none; background:var(--tt); translate:0 -2px; }
.stile .ic { flex:none; display:grid; place-items:center; width:46px; height:46px; border-radius:13px; background:#fff; rotate:-3deg; box-shadow:2px 2px 0 var(--tm); font-size:24px; }
.stile .ic .ico { width:28px; height:28px; margin:0; }
.stile .tx { flex:1; min-width:0; }
.stile b { display:block; font-size:15.5px; line-height:1.3; }
.stile small { display:block; margin-top:2px; font-size:13px; font-weight:400; color:var(--fg); }
.stile .go { flex:none; font-size:20px; }
a.stile { text-decoration:none; }
a.stile:hover { translate:0 -2px; }
.thx-foot { margin:0 0 17px; }
.gsteps div[data-pal] { background:var(--tt); box-shadow:0 3px 0 var(--tm); }
.gsteps div[data-pal]::before { background:var(--td); color:var(--tt); }
.gsteps div[data-pal] b { color:var(--td); }
.gsec[data-pal] summary .ic { background:var(--tt); box-shadow:0 2px 0 var(--tm); rotate:-3deg; }
.gsec[data-pal] summary b { color:var(--td); }
.gsec[data-pal][open] { border-color:var(--tm); }
.gsec[data-pal] .gtile, .gsec[data-pal] .gfig { background:var(--tt); }
.gsec[data-pal] .gtile small, .gsec[data-pal] .gcap { color:var(--fg); }
.gsec[data-pal] .gline i { background:var(--ts); }
.actstreak[data-pal] { background:var(--tt); border-color:transparent; box-shadow:0 3px 0 var(--tm); }
.actstreak[data-pal] b { color:var(--td); }
.actstreak[data-pal] small { color:var(--fg); }
.acttile[data-pal] { background:var(--tt); box-shadow:0 2px 0 var(--tm); }
.acttile[data-pal] > b { color:var(--td); }
.acttile[data-pal] small, .acttile[data-pal] .cmp { color:var(--fg); }
.actcourse [data-pal] .bar > i { background:var(--ts); }
details.thx[data-pal] > summary { color:var(--td); }
details.thx[data-pal] > summary small { padding:2px 9px; border-radius:99px; background:var(--tt); color:var(--td); }