@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:300;src:url(/_astro/anuphan-thai-300-normal.CxGVVtXP.woff2)format("woff2"),url(/_astro/anuphan-thai-300-normal.C0Mbdy4J.woff)format("woff")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/anuphan-thai-400-normal.CYPG-7cc.woff2)format("woff2"),url(/_astro/anuphan-thai-400-normal.B8wWdyvX.woff)format("woff")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/anuphan-thai-500-normal.CZoh8WWr.woff2)format("woff2"),url(/_astro/anuphan-thai-500-normal.DOsDZgfO.woff)format("woff")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/anuphan-thai-600-normal.Co7SjXAc.woff2)format("woff2"),url(/_astro/anuphan-thai-600-normal.CeOd1Bty.woff)format("woff")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/anuphan-thai-700-normal.rOsLv-jZ.woff2)format("woff2"),url(/_astro/anuphan-thai-700-normal.B9xfo8qq.woff)format("woff")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:300;src:url(/_astro/anuphan-latin-300-normal.Cyqgi-f8.woff2)format("woff2"),url(/_astro/anuphan-latin-300-normal.D6mVNBOL.woff)format("woff")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/anuphan-latin-400-normal.BQH10Ma6.woff2)format("woff2"),url(/_astro/anuphan-latin-400-normal.BDYevJ6X.woff)format("woff")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/anuphan-latin-500-normal.DE4mzdQz.woff2)format("woff2"),url(/_astro/anuphan-latin-500-normal.B9L7_HnD.woff)format("woff")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/anuphan-latin-600-normal.C3byZ5Vp.woff2)format("woff2"),url(/_astro/anuphan-latin-600-normal.DSdXqWS_.woff)format("woff")}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/anuphan-latin-700-normal.WxQNlaBM.woff2)format("woff2"),url(/_astro/anuphan-latin-700-normal.D1LjmPNx.woff)format("woff")}:root{--ink:#2e3a6e;--ink-2:#3a3f60;--muted:#50557a;--muted-2:#6b7088;--page:#f6f7fd;--tint:#eef1fb;--line:#daddea;--primary:#b9c4f6;--sky:#a9def9;--accent:#4a64c8;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--ink);background:var(--page);margin:0;font-family:Anuphan,system-ui,sans-serif;line-height:1.55}img{max-width:100%}a{color:inherit}:focus-visible{outline-offset:2px;outline:3px solid #4a64c8}button,input,textarea{font:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.only-narrow{display:none!important}@media (width<=759px){.only-wide{display:none!important}.only-narrow{display:revert!important}.only-narrow.flex{display:flex!important}}details summary::-webkit-details-marker{display:none}details[open] summary svg{transform:rotate(180deg)}.hscroll{scrollbar-width:none}.hscroll::-webkit-scrollbar{display:none}.cat-bar{z-index:6;background:var(--page);margin:-8px -16px;padding:8px 16px;position:sticky;top:0}.cat-chips{scroll-snap-type:x proximity;gap:8px;display:flex;overflow-x:auto}.cat-chips>*{scroll-snap-align:start}@media (width>=760px){.cat-bar{margin:-8px;padding:8px}}.cards{grid-template-columns:repeat(auto-fill,minmax(min(160px,50% - 6px),1fr));gap:12px;display:grid}.card{background:#fff;border-radius:24px;flex-direction:column;gap:12px;min-width:0;padding:10px 10px 16px;display:flex}.card-top{position:relative}.card-img{aspect-ratio:1;background:var(--tint);border-radius:18px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.card-img img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%}.card-tags{pointer-events:none;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:10px;left:10px;right:10px}.tag-best{background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:4px;padding:4px 10px 4px 8px;font-size:12px;font-weight:700;display:inline-flex}.tag{color:var(--ink-2);background:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.card-add{min-width:48px;height:48px;color:var(--ink);background:var(--primary);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex;position:absolute;bottom:10px;right:10px}.card-add.on{background:var(--sky);padding:0 14px}.card-text{flex-direction:column;gap:2px;padding:0 6px;display:flex}.card-cat{color:var(--muted-2);font-size:13px}.card-name{margin:0;font-size:16px;font-weight:600;line-height:1.35}.card-name a{color:inherit;text-decoration:none}.card-link:hover .card-img img{transform:scale(1.03)}.card-img img{transition:transform .25s}@keyframes bumpA{0%{transform:scale(1)}35%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes bumpB{0%{transform:scale(1)}35%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}mark.todo{color:#9a3412;background:#fff1e8;border-radius:6px;padding:0 6px}.skip{z-index:50;color:var(--ink);background:#fff;border-radius:999px;padding:12px 20px;font-weight:700;text-decoration:none;position:absolute;top:-100px;left:16px}.skip:focus{top:16px}#main{scroll-margin-top:16px}#main:focus{outline:none}#menu[data-astro-cid-nen7h5rs]:not([hidden]){display:flex}#menu-btn[data-astro-cid-nen7h5rs],#menu-btn[data-astro-cid-nen7h5rs] [data-astro-cid-nen7h5rs][hidden]{display:none}.nav-wide[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{white-space:nowrap}@media (width<=999px){#menu-btn[data-astro-cid-nen7h5rs]{display:inline-flex}.nav-wide[data-astro-cid-nen7h5rs]{display:none!important}}@media (width>=1000px){#menu[data-astro-cid-nen7h5rs]{display:none!important}}