@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:100 900;src:url(../fonts/noto-sans-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:100 900;src:url(../fonts/noto-sans-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:100 900;src:url(../fonts/noto-sans-vietnamese.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;src:url(../fonts/noto-sans-thai.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}:root{--bg:#0a0a0f;--surface:#14141c;--surface-2:#1d1d27;--surface-3:#262634;--surface-4:#1d1d2740;--text:#f5f5f7;--text-muted:#8f8fa1;--text-dark:#1d1d27;--bg-light:#f5f5f7;--accent:#8b5cf6;--accent-2:#b66cff;--gradient:linear-gradient(135deg,#6d28d9,#b66cff);--gold:#ffc94d;--green:#2fd07a;--blue:#3d8bff;--border:hsla(0,0%,100%,.08);--radius:16px;--radius-sm:10px;--radius-lg:22px;--nav-h:62px;--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}#__nuxt,body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:Noto Sans,Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit}h1,h2,h3,h4,p{margin:0}::-webkit-scrollbar{height:0;width:0}.page,.shell,.shell__content{min-height:100dvh}.page{margin:0 auto;max-width:720px;padding-bottom:calc(var(--nav-h) + var(--safe-b) + 16px)}.appbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0fd9;border-bottom:1px solid var(--border);gap:12px;height:var(--nav-h);padding:0 16px;position:sticky;top:0;z-index:30}.appbar,.brand{align-items:center;display:flex}.brand{font-size:20px;font-weight:800;gap:8px;letter-spacing:-.02em}.brand__dot{background:var(--gradient);border-radius:3px;box-shadow:0 0 12px var(--accent);height:10px;width:10px}.btn{align-items:center;border-radius:999px;display:inline-flex;font-weight:700;gap:8px;justify-content:center;padding:12px 22px;transition:transform .1s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn--primary{background:var(--gradient);box-shadow:0 8px 24px #8b5cf659;color:#fff}.btn--ghost{background:#ffffff14;color:var(--text)}.btn--block{width:100%}.chip{align-items:center;background:var(--surface-2);border-radius:999px;color:var(--text-muted);display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;white-space:nowrap}.chip--active{background:var(--gradient);color:#fff}.badge{border-radius:8px;color:#fff;font-size:11px;font-weight:800;left:8px;letter-spacing:.03em;padding:3px 8px;position:absolute;top:8px}.badge--free{background:#2fd07ae6}.section{margin-top:26px}.section__head{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.section__title{font-size:18px;font-weight:800}.section__more{align-items:center;color:var(--accent-2);display:inline-flex;font-size:13px;font-weight:700;gap:2px}.scroll-x{display:flex;gap:12px;overflow-x:auto;padding:0 16px 6px;scroll-snap-type:x mandatory}.scroll-x>*{scroll-snap-align:start}.hcard{flex:0 0 auto;width:150px}.muted{color:var(--text-muted)}.fade-enter-active,.fade-leave-active{transition:opacity .18s ease}.fade-enter-from,.fade-leave-to{opacity:0}