html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:#fbf8f3}body{color:#121212;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:#0000;background:#fbf8f3;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans Thai,sans-serif;font-size:14px;line-height:1.25}.gc{box-sizing:border-box;max-width:1024px;min-height:100vh;margin:0 auto;padding:18px 20px 28px}.gc *,.gc :before,.gc :after{box-sizing:border-box}.gc-head{justify-content:space-between;align-items:center;min-height:40px;display:flex}.gc-title{letter-spacing:-.6px;margin:0;font-size:30px;font-weight:800;line-height:1.1}.gc-icon-btn{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:20px;width:40px;height:40px;margin-right:-8px;padding:8px}.gc-icon-btn:active{background:#00000012}.gc-icon-btn svg{display:block}.gc-search{align-items:center;margin:12px 0 16px;display:flex}.gc-search-input{appearance:none;min-width:0;height:40px;color:inherit;background:#f2eee8;border:0;border-radius:20px;outline:none;flex:auto;padding:0 16px;font-family:inherit;font-size:16px;font-weight:500}.gc-search-input:focus{box-shadow:0 0 0 2px #ff5a45}.gc-search-input::-webkit-search-cancel-button{-webkit-appearance:none}.gc-search-cancel{appearance:none;color:#ff5a45;cursor:pointer;background:0 0;border:0;flex:none;height:40px;padding:0 0 0 14px;font-family:inherit;font-size:15px;font-weight:700}.gc-tabs{z-index:5;white-space:nowrap;-webkit-overflow-scrolling:touch;background:#fbf8f3;min-height:58px;margin:0 -20px;padding:12px 20px 10px;font-size:0;position:sticky;top:0;overflow-x:auto}.gc-tabs::-webkit-scrollbar{display:none}.gc-tab{appearance:none;vertical-align:top;color:#121212;cursor:pointer;background:#f2eee8;border:0;border-radius:18px;height:36px;margin-right:8px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;line-height:36px;transition:background-color .18s,color .18s;display:inline-block}.gc-tab:last-child{margin-right:0}.gc-tab.is-active{color:#fff;background:#ff5a45;font-weight:700}.gc-sub{margin:4px 0 12px;font-size:16px;font-weight:700;line-height:1.3}.gc-grid{flex-wrap:wrap;margin:0 -5px;display:flex}.gc-card{width:50%;color:inherit;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin-bottom:18px;padding:0 5px;text-decoration:none;display:block}.gc-card:link,.gc-card:visited,.gc-card:hover,.gc-card:active{color:inherit;text-decoration:none}.gc-thumb{-webkit-transition:-webkit-transform .15s;background:#ece7df;border-radius:14px;width:100%;padding-top:127.27%;transition:transform .15s;display:block;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 6px 14px #3c260e2e}.gc-thumb:before,.gc-thumb:after{content:"";pointer-events:none;position:absolute}.gc-thumb:before{z-index:1;background-image:linear-gradient(135deg,#ffffff57 0%,#ffffff1a 24%,#fff0 44%);border-radius:14px;inset:0;box-shadow:inset 0 1px #ffffff73,inset 0 0 0 1px #ffffff24}.gc-thumb:after{z-index:2;opacity:0;background-image:linear-gradient(90deg,#fff0 0%,#ffffffb8 50%,#fff0 100%);width:42%;top:-25%;bottom:-25%;left:0;transform:translate(-170%)skew(-20deg)}.gc-card.is-inview .gc-thumb:after{animation:4.6s ease-in-out infinite gc-shine}.gc-card.is-inview:nth-child(4n+2) .gc-thumb:after{animation-delay:.22s}.gc-card.is-inview:nth-child(4n+3) .gc-thumb:after{animation-delay:.44s}.gc-card.is-inview:nth-child(4n+4) .gc-thumb:after{animation-delay:.66s}@-webkit-keyframes gc-shine{0%{opacity:0;-webkit-transform:translate(-170%)skew(-20deg)}4%{opacity:1}20%{opacity:1;-webkit-transform:translate(340%)skew(-20deg)}22%,to{opacity:0;-webkit-transform:translate(340%)skew(-20deg)}}@keyframes gc-shine{0%{opacity:0;transform:translate(-170%)skew(-20deg)}4%{opacity:1}20%{opacity:1;transform:translate(340%)skew(-20deg)}22%,to{opacity:0;transform:translate(340%)skew(-20deg)}}.gc-skel .gc-thumb{-webkit-box-shadow:none;box-shadow:none}.gc-skel .gc-thumb:before,.gc-skel .gc-thumb:after{display:none}.gc-card:active .gc-thumb{transform:scale(.97)}.gc-img{object-fit:cover;object-position:center center;opacity:0;border:0;width:100%;height:100%;transition:opacity .25s;position:absolute;top:0;left:0}.gc-img.is-loaded{opacity:1}.gc-badge{z-index:3;color:#fff;letter-spacing:.4px;background:#ff5a45;border-radius:11px;height:22px;padding:0 9px;font-size:11px;font-weight:700;line-height:22px;position:absolute;top:8px;left:8px}.gc-meta{align-items:center;margin-top:8px;padding:0 2px;display:flex}.gc-name{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:14px;font-weight:700;line-height:24px;display:block;overflow:hidden}.gc-name-track{white-space:nowrap;display:inline-block}.gc-name-part{vertical-align:top;display:inline-block}.gc-name.gc-marquee .gc-name-track{animation:8s linear infinite gc-name-marquee}@keyframes gc-name-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.gc-play{background:#ff5a45;border-radius:7px;flex:none;width:28px;height:24px;margin-left:8px;display:block;position:relative}.gc-play:after{content:"";border:5px solid #0000;border-left:8px solid #fff;border-right-width:0;margin:-5px 0 0 -3px;position:absolute;top:50%;left:50%}.gc-skel .gc-thumb,.gc-skel .gc-name{background:#ece7df linear-gradient(90deg,#ece7df 0%,#f6f2ec 50%,#ece7df 100%) 0 0/200% 100%;animation:1.2s linear infinite gc-shimmer}.gc-skel .gc-name{border-radius:7px;height:14px;margin:5px 30% 5px 0}@keyframes gc-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.gc-state{text-align:center;color:#7a746b;padding:56px 12px;font-size:15px;font-weight:500}.gc-retry{appearance:none;color:#fff;cursor:pointer;background:#ff5a45;border:0;border-radius:20px;height:40px;margin-top:14px;padding:0 22px;font-family:inherit;font-size:14px;font-weight:700;display:inline-block}.gc-ad-row{text-align:center;width:100%;margin-bottom:18px;padding:0 5px}.gc-ad-row ins,.gc-ad-bottom ins{margin:0 auto}.gc-ad-bottom{text-align:center;margin-top:6px}.gc-toast{z-index:20;color:#fff;text-align:center;opacity:0;visibility:hidden;-webkit-transition:opacity .2s,-webkit-transform .2s,visibility .2s;background:#121212eb;border-radius:12px;max-width:80%;padding:10px 16px;font-size:13px;font-weight:500;transition:opacity .2s,transform .2s,visibility .2s;position:fixed;bottom:32px;left:50%;transform:translate(-50%,8px)}.gc-toast.is-show{opacity:1;visibility:visible;transform:translate(-50%)}@media screen and (min-width:600px){.gc-card{width:33.3333%}}@media screen and (min-width:900px){.gc-card{width:25%}}.gc-dark,.gc-dark body,.gc-dark .gc-tabs{background:#141414}.gc-dark body{color:#f5f5f5}.gc-dark .gc-tab,.gc-dark .gc-search-input{color:#f5f5f5;background:#262626}.gc-dark .gc-tab.is-active{color:#fff;background:#ff5a45}.gc-dark .gc-icon-btn:active{background:#ffffff1f}.gc-dark .gc-thumb{background:#222;box-shadow:0 6px 16px #0000008c}.gc-dark .gc-skel .gc-thumb,.gc-dark .gc-skel .gc-name{background:#222 linear-gradient(90deg,#222 0%,#2e2e2e 50%,#222 100%) 0 0/200% 100%}.gc-dark .gc-state{color:#9a9a9a}.gc-dark .gc-toast{color:#141414;background:#f5f5f5f2}@media (prefers-reduced-motion:reduce){.gc-thumb,.gc-img,.gc-name-track,.gc-tab,.gc-toast{transition:none}.gc-name.gc-marquee .gc-name-track{animation:none}.gc-name.gc-marquee .gc-name-part+.gc-name-part{display:none!important}.gc-skel .gc-thumb,.gc-skel .gc-name,.gc-card.is-inview .gc-thumb:after{animation:none}}