*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue-ink:#093c63;--surface:#e8eef6;--surface-2:#f0f4fa;--neu-light:#fffffff2;--neu-dark:#7891b4bf;--neu-raised:-6px -6px 16px var(--neu-light), 7px 7px 16px var(--neu-dark);--neu-raised-sm:-3px -3px 7px var(--neu-light), 3px 3px 8px var(--neu-dark);--neu-pressed:inset 4px 4px 9px var(--neu-dark), inset -4px -4px 9px var(--neu-light);--neu-inset:inset 4px 4px 10px var(--neu-dark), inset -4px -4px 10px var(--neu-light);--neu-convex:linear-gradient(145deg, #f3f7fd, #dae3ef);--r-xs:6px;--r-s:8px;--r-ms:10px;--r-sm:12px;--r-m:14px;--r-lm:16px;--r-md:18px;--r-lg:24px;--r-xl:34px;--r-round:99px;--r-pill:999px;--sp-1:2px;--sp-2:4px;--sp-3:6px;--sp-4:8px;--sp-5:10px;--sp-6:12px;--sp-7:14px;--sp-8:16px;--sp-9:20px;--sp-10:24px;--sp-11:28px;--sp-12:32px;--lh-none:1;--lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.45;--lh-loose:1.7;--ls-tighter:-.03em;--ls-tight:-.02em;--ls-slight:-.01em;--ls-wide:.07em;--ring-sel:0 0 0 2px var(--accent);--ring-sel-lg:0 0 0 3px var(--accent);--hairline:0 0 0 1px var(--line);--hairline-b:0 1px 0 var(--line);--hairline-r:1px 0 0 var(--line);--lift-card:0 0 0 1px #fffc, 0 8px 24px #0f28501f;--lift-pop:0 10px 28px #0f285047;--lift-sheet:0 10px 40px #0f28502e;--lift-modal:0 0 0 10px var(--surface-2), 0 20px 50px #0f285038;--font-sans:"IBM Plex Sans Thai", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--tabbar-h:56px;--fab-size:56px;--fab-gap:12px;--f-xs:11px;--f-sm:13px;--f-md:15px;--f-lg:16px;--f-xl:18px;--accent:#1d7ffb;--accent-2:#0f4a96;--accent-text:#0464df;--accent-tint:#e8f1ff;--accent-rgb:29, 127, 251;--bg:var(--surface);--bg-2:var(--surface-2);--ink:#1a202c;--ink-soft:#486284;--ink-faint:#556a81;--line:#d5dde7;--danger:#d64545;--neu-focus:0 0 0 3px rgba(var(--accent-rgb), .26);--neu-pressed-accent:inset 4px 4px 9px rgba(var(--accent-rgb), .34), inset -4px -4px 9px var(--neu-light);--neu-raised-accent:-2px -2px 7px #ffffff8c, 3px 5px 12px rgba(var(--accent-rgb), .48)}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}#root{min-height:100svh}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--r-round)}.neu{background:var(--surface);box-shadow:var(--neu-raised);border-radius:var(--r-lg);border:none}.neu-sm{background:var(--surface);box-shadow:var(--neu-raised-sm);border-radius:var(--r-pill);border:none}.neu-inset{background:var(--surface);box-shadow:var(--neu-inset);border-radius:var(--r-pill);border:none}.neu-pressed{background:var(--surface);box-shadow:var(--neu-pressed);border-radius:var(--r-md);border:none}.neu-flat{background:var(--surface);box-shadow:none;border:none}.neu-on{background:var(--neu-convex);box-shadow:-4px -4px 10px var(--neu-light), 4px 5px 13px rgba(var(--accent-rgb), .38);border-radius:var(--r-md);color:var(--accent);border:none}.neu-card{background:linear-gradient(160deg,#f1f5fb,#e2e9f3);border:none;transition:box-shadow .22s,transform .22s;box-shadow:-7px -7px 18px #fff,8px 12px 28px #6c86acd9}.neu-card:hover{transform:translateY(-3px);box-shadow:-8px -8px 20px #fff,10px 18px 38px #607aa2eb}.neu-convex{background:var(--neu-convex);box-shadow:var(--neu-raised);border-radius:var(--r-md);border:none}.neu-well{box-shadow:var(--neu-inset);background:linear-gradient(145deg,#dde5f1,#f2f6fd);border:none}.neu-well-accent{color:#fff;background:linear-gradient(145deg,#1668d6,#4a95ff);border:none;box-shadow:inset 4px 4px 10px #0426588c,inset -4px -4px 10px #ffffff4d}.neu-track{box-shadow:none;background:0 0;padding:9px;position:relative}.neu-thumb{height:calc((100% - 18px) / var(--count,3));border-radius:calc(var(--r-md) - 6px);box-shadow:var(--neu-inset);transform:translateY(calc(var(--i,0) * 100%));pointer-events:none;background:linear-gradient(145deg,#dde5f1,#f2f6fd);transition:transform .4s cubic-bezier(.85,.05,.18,1.35);position:absolute;left:9px;right:9px}.neu-track-btn{z-index:1;box-shadow:none;background:0 0;border:none;transition:color .25s;position:relative}@media (prefers-reduced-motion:reduce){.neu-thumb{transition:none}}.neu-accent{color:#fff;box-shadow:inset 0 1px 0 #ffffff6b, -2px -2px 7px #ffffff80, 3px 6px 16px rgba(var(--accent-rgb), .55);background:linear-gradient(145deg,#4b96ff,#0f63d6);border:none;transition:box-shadow .18s,transform .18s,filter .18s}.neu-accent:hover{box-shadow:inset 0 1px 0 #ffffff75, -2px -2px 8px #ffffff8c, 4px 10px 22px rgba(var(--accent-rgb), .6);transform:translateY(-1px)}.neu-accent:active,.neu-accent.neu-press:active{filter:saturate(1.05);box-shadow:inset 2px 3px 7px #062c6073, inset -2px -2px 6px #ffffff38, 1px 1px 4px rgba(var(--accent-rgb), .18);transform:translateY(0)}.neu-accent:focus-visible{box-shadow:inset 0 1px 0 #ffffff61, 0 0 0 3px rgba(var(--accent-rgb), .28), 2px 4px 12px rgba(var(--accent-rgb), .3);outline:none}.neu-input{background:var(--surface);box-shadow:var(--neu-inset);border:none;border-radius:15px;font-weight:700;transition:box-shadow .18s}.neu-input:focus-within,.neu-field:focus-within{box-shadow:var(--neu-inset), var(--neu-focus)}.neu-panel{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--neu-raised), 0 22px 50px #091e4257;border:none}.neu-div-b{border-bottom:none;box-shadow:0 1px #ffffffe6,0 3px 6px -4px #5a749bcc}.neu-div-t{border-top:none;box-shadow:0 -1px #ffffffe6,0 -3px 6px -4px #5a749bcc}.neu-rule{background:linear-gradient(90deg,#0000,#7891b4cc,#0000);border:none;height:1px}.neu-float{background:var(--surface);border:none;box-shadow:-1px -1px 5px #fffc,3px 5px 14px #0c182a80}.neu-scrim{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e18289e}.on-photo{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059}.on-photo-accent{background:rgba(var(--accent-rgb), .85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.neu-sm:active,.neu-press:active{box-shadow:var(--neu-pressed)}.waterfall{column-count:2;column-gap:clamp(10px,2vw,21px);padding:clamp(10px,2.5vw,16px)}@media (max-width:359px){.waterfall{column-count:1}}@media (min-width:640px){.waterfall{column-count:3}}@media (min-width:900px){.waterfall{column-count:4}}@media (min-width:1400px){.waterfall{column-count:5}}.product-rooms{column-count:2;column-gap:var(--sp-5);padding:var(--sp-6)}.waterfall-item{break-inside:avoid;margin-bottom:clamp(10px,2vw,21px)}.clamp-1,.clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp-1{-webkit-line-clamp:1}.clamp-2{-webkit-line-clamp:2}.spinner{border:2.5px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes heartPop{0%{opacity:.9;transform:translate(-50%,-50%)scale(0)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.25)}35%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.1)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes markPulse{0%{box-shadow:0 0 0 0 rgba(var(--accent-rgb), .5)}70%{box-shadow:0 0 0 8px rgba(var(--accent-rgb), 0)}to{box-shadow:0 0 0 0 rgba(var(--accent-rgb), 0)}}@keyframes markPulseWhite{0%{box-shadow:0 0 #ffffffb3}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 #fff0}}.board-split{gap:var(--sp-12);grid-template-columns:1fr 1fr;align-items:start;display:grid}.board-split .board-grid{gap:var(--sp-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:820px){.board-split{gap:var(--sp-11);grid-template-columns:1fr}}.xhs-sidebar{display:none}.xhs-main{margin-left:0}@media (min-width:768px){.fab-mobile,.xhs-tabbar{display:none!important}.xhs-sidebar{display:flex}.xhs-main{margin-left:92px}.topbar-logo,.topbar-cart,.topbar-bell,.topbar-account{display:none!important}}.xhs-tabbar{z-index:140;background:var(--surface);padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:inset 0 1px #ffffffe6,0 -12px 26px -10px #4a648c8c}.xhs-tabbar-btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:56px;padding:var(--sp-4) var(--sp-2);cursor:pointer;color:var(--ink-soft);font:inherit;background:0 0;border:none;flex-direction:column;flex:1;font-size:11px;transition:color .18s;display:flex}.xhs-tabbar-btn.is-on{color:var(--accent-text);font-weight:600}.xhs-tabbar-btn:focus-visible{box-shadow:var(--neu-focus);border-radius:var(--r-sm);outline:none}@media (max-width:767.98px){.xhs-main{padding-bottom:calc(var(--tabbar-h) + var(--fab-gap) + var(--fab-size) + var(--fab-gap) + env(safe-area-inset-bottom,0px))}.fab-mobile{bottom:calc(var(--tabbar-h) + var(--fab-gap) + env(safe-area-inset-bottom,0px))!important}}@keyframes cardSwapIn{0%{opacity:.4;transform:translate(112%)}to{opacity:1;transform:translate(0)}}@keyframes bookmarkIn{0%{opacity:0}to{opacity:1}}:where(a[href],button,input,select,textarea,[role=button],[role=link],[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--accent-text)!important;outline-offset:2px!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.spinner{animation-duration:.7s!important;animation-iteration-count:infinite!important}}.pg-root{height:var(--pg-height,100%);width:100%;position:relative;overflow:hidden;container:pg/size}.pg-grid{--pg-gap:clamp(8px, 1.2cqmin, 14px);--pg-pad:clamp(10px, 2cqmin, 22px);grid-template-columns:repeat(var(--cols,12), minmax(0, 1fr));grid-template-rows:repeat(var(--rows,8), minmax(0, 1fr));gap:var(--pg-gap);padding:var(--pg-pad);width:100%;max-width:1400px;height:100%;margin:0 auto;display:grid}.pg-tile{grid-column:var(--x) / span var(--w);grid-row:var(--y) / span var(--h);isolation:isolate;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.pg-tile:before{content:"";z-index:-1;background:var(--tile-bg,var(--surface));opacity:var(--tile-bg-opacity,1);border-radius:inherit;position:absolute;inset:0}.pg-tile>*{flex:1;min-width:0;min-height:0}.pg-strip{scroll-snap-type:x mandatory;scrollbar-width:none;height:100%;display:flex;overflow:auto hidden}.pg-strip::-webkit-scrollbar{display:none}.pg-screen{scroll-snap-align:start;flex:0 0 100%;height:100%}.pg-dots{justify-content:center;gap:17px;display:flex;position:absolute;bottom:6px;left:0;right:0}.pg-dots button{border-radius:var(--r-round);cursor:pointer;background:var(--ink-faint);opacity:.35;border:none;width:7px;height:7px;padding:0;position:relative}.pg-dots button:after{content:"";position:absolute;inset:-8.5px}.pg-dots button.on{opacity:1;background:var(--pg-accent)}.pg-avatar{padding:var(--sp-3);place-items:center;display:grid}.pg-avatar img,.pg-avatar-blank{aspect-ratio:1;object-fit:cover;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%}.pg-avatar-blank{background:var(--pg-accent);color:#fff;border-radius:50%;place-items:center;height:100%;font-size:clamp(18px,3cqmin,40px);font-weight:700;display:grid}.pg-name{justify-content:center;gap:var(--sp-2);padding:var(--sp-5) var(--sp-7);flex-direction:column;display:flex;overflow:hidden}.pg-name b{letter-spacing:var(--ls-tight);font-size:clamp(16px,2.4cqmin,26px);font-weight:800}.pg-name span{color:currentColor;opacity:.68;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(11px,1.5cqmin,14px);display:-webkit-box;overflow:hidden}.pg-stats{padding:var(--sp-4);justify-content:space-around;align-items:center;gap:var(--sp-3);display:flex}.pg-stat{font:inherit;color:inherit;cursor:pointer;gap:var(--sp-1);text-align:center;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-sm);background:0 0;border:none;display:grid}.pg-stat:disabled{cursor:default}.pg-stat b{font-size:clamp(15px,2.2cqmin,24px);font-weight:800}.pg-stat span{color:currentColor;opacity:.68;font-size:clamp(11px,1.3cqmin,12px)}.pg-identity{min-width:0;height:100%;padding:0 var(--sp-2);align-items:center;gap:clamp(6px,1.2cqmin,16px);display:flex}.pg-identity .pg-avatar{aspect-ratio:1;max-width:24%;height:100%;padding:var(--sp-4);flex:none}.pg-identity-col{justify-content:center;gap:var(--sp-1);flex-direction:column;flex:auto;min-width:0;display:flex}.pg-identity .pg-name{min-width:0;padding:0 var(--sp-1);flex:none}.pg-identity .pg-stats{flex-wrap:wrap;flex:none;justify-content:flex-start;gap:clamp(2px,1cqmin,16px);padding:0}.pg-identity .pg-stat{padding:var(--sp-1) var(--sp-2);text-align:left}.pg-identity .pg-stat b,.pg-identity .pg-stat span{white-space:nowrap}.pg-identity .pg-name span{-webkit-line-clamp:3}.pg-identity-acts{justify-content:flex-end;align-self:center;gap:var(--sp-3);padding-right:var(--sp-2);flex-wrap:wrap;flex:none;display:flex}.pg-act{justify-content:center;align-items:center;gap:var(--sp-3);cursor:pointer;font:inherit;padding:7px var(--sp-7);border-radius:var(--r-round);white-space:nowrap;color:inherit;background:#7f94b22e;border:none;font-size:clamp(11px,1.4cqmin,13px);font-weight:700;display:flex}.pg-act-on{background:var(--pg-accent);color:#fff}.pg-act:disabled{cursor:default}.pg-act-icon{font-weight:800}.pg-act-icon-only{width:34px;padding:7px 0}@container pg (width<=900px){.pg-act-label{display:none}.pg-act{width:34px;padding:7px 0}}@container pg (width<=760px){.pg-identity{gap:var(--sp-4)}.pg-identity .pg-avatar{height:72%;padding:0}.pg-identity .pg-name b{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(13px,3.6cqw,18px);overflow:hidden}.pg-identity .pg-stats{gap:var(--sp-3)}.pg-identity .pg-stat{padding:1px var(--sp-1)}.pg-identity .pg-stat b{font-size:clamp(13px,3.4cqw,18px)}.pg-identity-acts{gap:var(--sp-2);flex-direction:column;padding-right:0}.pg-act{padding:var(--sp-3) 0;width:30px;font-size:12px}}.pg-panel{gap:var(--sp-3);padding:var(--sp-5) var(--sp-6);cursor:pointer;flex-direction:column;display:flex;overflow:hidden}.pg-head{justify-content:space-between;align-items:baseline;gap:var(--sp-4);flex-shrink:0;display:flex}.pg-head span{font-size:clamp(12px,1.7cqmin,16px);font-weight:700}.pg-head b{color:var(--pg-accent);white-space:nowrap;font-size:clamp(11px,1.3cqmin,12px);font-weight:600}.pg-thumbs{gap:var(--thumb-gap,6px);grid-template-columns:repeat(var(--n,3), min-content);flex:1;grid-auto-rows:min-content;place-content:start;place-items:start;min-height:0;display:grid;overflow:hidden;container-type:size}.pg-thumb{cursor:pointer;font:inherit;color:currentColor;--thumb-fit:min((100cqw - (var(--n,3) - 1) * var(--thumb-gap,6px)) / var(--n,3), (100cqh - (var(--rows,1) - 1) * var(--thumb-gap,6px)) / var(--rows,1));width:var(--thumb-cell,var(--thumb-fit));height:var(--thumb-cell,var(--thumb-fit));background:0 0;border:none;place-items:center;padding:0;font-size:10px;display:grid;position:relative;overflow:hidden}.pg-thumb img{object-fit:cover;object-position:center;border-radius:var(--r-sm);width:100%;height:100%;display:block;position:absolute;inset:0}.pg-thumb-contain{background:0 0}.pg-thumb-contain img{object-fit:contain}.pg-thumb i,.pg-thumb-label i{padding:var(--sp-6) var(--sp-3) var(--sp-2);color:var(--ink);border-radius:0 0 var(--r-sm) var(--r-sm);text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#fff0 0%,#ffffffe0 48%,#fffffff5 100%);font-size:11px;font-style:normal;font-weight:700;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.pg-thumb-name{width:100%;height:100%;padding:var(--sp-4);border-radius:var(--r-sm);text-align:center;color:currentColor;background:#7f94b229;place-items:center;font-size:11px;font-weight:600;display:grid}.pg-none{color:currentColor;opacity:.6;place-items:center;height:100%;font-size:12px;display:grid}.pg-thumbs .pg-none{grid-column:1/-1;justify-self:stretch;width:100cqw}.pg-links{align-content:center;gap:var(--sp-4);padding:var(--sp-5);flex-wrap:wrap;display:flex;overflow:hidden}.pg-link{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-6) var(--sp-3) var(--sp-3);border-radius:var(--r-round);color:inherit;background:#7f94b22e;font-size:clamp(11px,1.4cqmin,13px);font-weight:600;text-decoration:none;display:flex}.pg-link-badge{color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:grid}.pg-btn{background:var(--pg-accent);color:#fff;border-radius:inherit;place-items:center;width:100%;height:100%;font-size:clamp(12px,1.6cqmin,15px);font-weight:700;text-decoration:none;display:grid}.pg-text{padding:var(--sp-5) var(--sp-7);white-space:pre-wrap;line-height:var(--lh-normal);align-self:center;overflow:hidden}.pg-s-sm{font-size:clamp(11px,1.4cqmin,13px)}.pg-s-md{font-size:clamp(13px,1.7cqmin,16px)}.pg-s-lg{font-size:clamp(16px,2.2cqmin,22px)}.pg-s-xl{font-size:clamp(20px,3.2cqmin,34px);font-weight:800}.pg-img,.pg-img img{width:100%;height:100%;display:block}.pg-shape{border-radius:inherit;width:100%;height:100%}.pg-sticker{padding:var(--sp-2);place-items:center;display:grid}.pg-sticker svg{width:100%;height:100%}.pg-modal{z-index:400;padding:var(--sp-9);background:#0f192d73;place-items:center;display:grid;position:fixed;inset:0}.pg-modal-card{background:var(--surface);border-radius:var(--r-lg);flex-direction:column;width:min(900px,100%);max-height:86vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0f28504d}.pg-modal-head{align-items:center;gap:var(--sp-5);padding:var(--sp-7) 18px;box-shadow:var(--hairline-b);display:flex}.pg-modal-head b{font-size:16px}.pg-modal-body{padding:var(--sp-8) 18px 26px;overflow-y:auto}.pg-modal-grid{gap:var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.pg-modal-grid button,.pg-modal-grid .pg-modal-cell{border-radius:var(--r-m);cursor:pointer;background:var(--bg-2);aspect-ratio:3/4;font:inherit;text-align:left;border:none;padding:0;position:relative;overflow:hidden}.pg-modal-grid img{object-fit:cover;width:100%;height:100%;display:block}.pg-modal-grid .contain{background:#fff}.pg-modal-grid .contain img{object-fit:contain}.pg-modal-cap{padding:18px var(--sp-4) var(--sp-3);color:#fff;background:linear-gradient(#0000,#000000b3);font-size:12px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.pg-x{border-radius:var(--r-round);cursor:pointer;background:var(--surface-2);width:32px;height:32px;color:var(--ink-soft);border:none;font-size:15px}.up-screen{--pg-height:calc(100svh - 56px);height:var(--pg-height);flex-direction:column;display:flex;overflow:hidden}.up-bar{align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-7) 0;flex-shrink:0;display:flex}.up-chip{padding:7px var(--sp-7);border-radius:var(--r-round);cursor:pointer;background:var(--surface-2);box-shadow:none;font:inherit;color:var(--ink);white-space:nowrap;border:none;font-size:13px}.up-chip:hover{background:var(--surface)}.up-chip-on{background:var(--pg-accent,var(--accent));color:#fff;box-shadow:none;font-weight:600}.up-chip-on:hover{filter:brightness(1.06);background:var(--pg-accent,var(--accent))}.up-dark .up-chip{color:#fff;box-shadow:none;background:#ffffff29}.up-dark .up-chip:hover{background:#ffffff42}.up-dark .up-chip-on{background:var(--pg-accent,var(--accent));box-shadow:none}.up-screen{background:inherit}.up-screen .pg-root{--pg-height:100%;flex:1;min-height:0}