:root{--gray-50: #f4f4f4;--gray-100: #e0e0e0;--gray-300: #a1a1a1;--gray-400: #858585;--gray-500: #666666;--gray-700: #242424;--gray-800: #1a1a1a;--gray-900: #0a0a0a;--white: #ffffff;--blue-500: #0061ff;--blue-900: #3e2eff;--red-700: #ff6174;--spinner-blue: #2196f3;--toast-success-bg: #e6fbee;--toast-warning-bg: #fef1e8;--toast-info-bg: var(--white);--green-500: #00c443;--orange-500: #f97316;--icon-mark: var(--white);--press: rgb(0 0 0 / .06);--font-sans: "Inter", "Inter Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "PingFang TC", "Apple SD Gothic Neo", "Noto Sans CJK SC", "Noto Sans Thai", Thonburi, system-ui, sans-serif;--fs-20: 20px;--fs-18: 18px;--fs-16: 16px;--fs-14: 14px;--fs-12: 12px;--fs-10: 10px;--fw-400: 400;--fw-500: 500;--fw-600: 600;--fw-700: 700;--sp-2: 2px;--sp-3: 3px;--sp-4: 4px;--sp-5: 5px;--sp-6: 6px;--sp-8: 8px;--sp-12: 12px;--sp-16: 16px;--sp-36: 36px;--r-4: 4px;--r-8: 8px;--r-12: 12px;--r-16: 16px;--r-pill: 999px;--w-shell: 500px;--h-search: 44px;--h-chip: 36px;--h-strip: 60px;--h-carousel: 338px;--h-campaign-card: 280px;--h-campaign-foot: 80px;--h-screenshot: 348px;--w-screenshot: 160px;--h-detail-head: 106px;--sz-icon-detail: 106px;--sz-icon-row: 64px;--sz-icon-chip: 20px;--h-rail-row: 90px;--w-rail-page: min(337px, 90vw);--h-footer: 160px;--inset-divider: 76px;--sz-radio: 24px;--sz-hit: 44px;--z-sticky: 10;--z-toast: 200}@font-face{font-family:Inter;src:url(../fonts/inter-latin-vi-var.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0100-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+2000-206F,U+2074,U+20A0-20CF,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local("Helvetica Neue"),local("Roboto"),local("Arial");size-adjust:107%;ascent-override:90%;descent-override:22.4%;line-gap-override:0%}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;height:100%;overflow:hidden}body{margin:0;height:100%;background:var(--gray-50);color:var(--gray-900);font-family:var(--font-sans);font-size:var(--fs-14);font-weight:var(--fw-400);line-height:1.35;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}input,textarea{-webkit-user-select:text;user-select:text;font-size:var(--fs-16);font-family:inherit}button{font:inherit;color:inherit;background:none;border:0;padding:0}button,a,[role=button]{touch-action:manipulation;cursor:pointer}a{color:var(--blue-500);text-decoration:none}img{max-width:100%;display:block}#app{height:100dvh;height:var(--app-vh, 100dvh);max-width:var(--w-shell);margin:0 auto;position:relative;overflow:hidden;background:var(--gray-50)}.scroller{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:env(safe-area-inset-bottom,0px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.t-20-600{font-size:var(--fs-20);font-weight:var(--fw-600);line-height:1.21}.t-18-500{font-size:var(--fs-18);font-weight:var(--fw-500);line-height:1.21}.t-16-600{font-size:var(--fs-16);font-weight:var(--fw-600);line-height:1.25}.t-16-500{font-size:var(--fs-16);font-weight:var(--fw-500);line-height:1.25}.t-16-400{font-size:var(--fs-16);font-weight:var(--fw-400);line-height:1.25}.t-14-600{font-size:var(--fs-14);font-weight:var(--fw-600);line-height:1.3}.t-14-500{font-size:var(--fs-14);font-weight:var(--fw-500);line-height:1.3}.t-14-400{font-size:var(--fs-14);font-weight:var(--fw-400);line-height:1.35}.t-12-500{font-size:var(--fs-12);font-weight:var(--fw-500);line-height:1.3}.t-12-400{font-size:var(--fs-12);font-weight:var(--fw-400);line-height:1.35}.t-10-600{font-size:var(--fs-10);font-weight:var(--fw-600);line-height:1.2}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;position:relative;border-radius:var(--r-pill);white-space:nowrap;flex:none;-webkit-user-select:none;user-select:none}.btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:var(--sz-hit);min-height:var(--sz-hit);width:100%;height:100%}.btn:active{background-color:var(--press)}.btn-primary{background:var(--blue-500);color:var(--white);padding:var(--sp-4) var(--sp-12);font-size:var(--fs-14);font-weight:var(--fw-500)}.btn-primary:active{background:#0055e0}.btn-secondary{background:var(--white);color:var(--blue-500);padding:var(--sp-4) var(--sp-12);font-size:var(--fs-14);font-weight:var(--fw-500)}.btn-secondary:active{background:#ebebeb}.btn-tinted{background:#0061ff1e;color:var(--blue-500);padding:var(--sp-4) var(--sp-12);font-size:var(--fs-14);font-weight:var(--fw-500)}.btn-tinted:active{background:#0061ff38}.btn-link{color:var(--blue-500);font-size:var(--fs-14);font-weight:var(--fw-500);padding:0}.btn-link:active{background:transparent;opacity:.6}.spinner{display:inline-block;border-style:solid;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-host{display:flex;position:absolute;top:0;left:0;right:0;z-index:var(--z-toast);padding:0 var(--sp-12) var(--sp-12);flex-direction:column;gap:var(--sp-8);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--sp-12);padding:var(--sp-12);border-radius:var(--r-12);box-shadow:0 4px 16px #0000001f;pointer-events:auto;cursor:pointer;animation:toast-in .3s cubic-bezier(.2,0,.2,1);touch-action:pan-y}.toast[data-leaving=true]{animation:toast-out .2s ease-in forwards}.toast-success{background:var(--toast-success-bg)}.toast-error{background:var(--toast-warning-bg)}.toast-info{background:var(--toast-info-bg)}.toast-text{color:var(--gray-900);flex:1;min-width:0;white-space:pre-line}@keyframes toast-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-out{to{transform:translateY(-100%);opacity:0}}.toast-icon-success{color:var(--green-500)}.toast-icon-error{color:var(--orange-500)}.toast-icon-info{color:var(--gray-500)}.nav-host{position:absolute;inset:0;overflow:hidden}.nav-page{position:absolute;inset:0;background:var(--gray-50);transition:transform .25s cubic-bezier(.4,0,.2,1);will-change:transform}.nav-page:after{content:"";position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.nav-enter,.nav-leave-back{transform:translate3d(100%,0,0)}.nav-behind{transform:translate3d(-30%,0,0)}.nav-behind{--nav-dim: .16}.nav-behind,.nav-leave-back{pointer-events:none}.nav-dragging .nav-page:after{transition:none}@media(prefers-reduced-motion:reduce){.nav-page,.nav-page:after{transition:none}}.app-row{position:relative;background:var(--gray-50);padding:var(--sp-12) 0;display:flex;align-items:center;gap:var(--sp-12)}.app-row-padded{padding-left:var(--sp-12);padding-right:var(--sp-12)}.app-row-hit{flex:1;min-width:0;display:flex;align-items:center;gap:var(--sp-12);text-align:left}.app-row-hit:active{background:var(--press)}.app-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-2)}.app-row-title{display:flex;align-items:center;gap:var(--sp-6);min-width:0}.app-row-name{color:var(--gray-900)}.app-row-sub{color:var(--gray-500)}.badge-new{flex:none;background:var(--red-700);color:var(--white);border-radius:var(--r-4);padding:var(--sp-2) var(--sp-4)}.app-row-open{flex:none}.app-row-divider{position:absolute;bottom:0;left:var(--inset-divider);right:0;height:1px;background:var(--gray-100)}.app-row-padded>.app-row-divider{left:calc(var(--sp-12) + var(--inset-divider));right:var(--sp-12)}.sk{display:block;flex:none;background-image:linear-gradient(90deg,var(--gray-100) 0%,#efefef 45%,#f7f7f7 50%,#efefef 55%,var(--gray-100) 100%);background-color:var(--gray-100);background-size:220% 100%;background-repeat:no-repeat;animation:sk-sweep 1.4s linear infinite}@keyframes sk-sweep{0%{background-position:120% 0}to{background-position:-120% 0}}.sk-strip .sk{animation-delay:.06s}.sk-section .sk{animation-delay:.12s}.sk-campaign .sk{animation-delay:.18s}.sk-rail .sk{animation-delay:.24s}@media(prefers-reduced-motion:reduce){.sk{animation:none;background-image:none}}.sk-home,.sk-list{padding-bottom:var(--sp-16)}.sk-search{margin:var(--sp-12) var(--sp-12) 0;height:var(--h-search)}.sk-strip{height:var(--h-strip);padding:var(--sp-12) var(--sp-12);display:flex;align-items:center;gap:var(--sp-8);overflow:hidden}.sk-section{padding:0 var(--sp-12)}.sk-section>.sk:first-child{margin-bottom:var(--sp-16)}.sk-recent{display:flex;gap:var(--sp-16)}.sk-recent-item{width:var(--sz-icon-row);display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.sk-campaign{margin-top:var(--sp-16);padding:0 var(--sp-12);display:flex;flex-direction:column;gap:var(--sp-4)}.sk-campaign-card{margin-top:var(--sp-8)}.sk-rail{margin-top:var(--sp-16)}.sk-rule{display:block;height:1px;background:var(--gray-100)}.sk-rail-head{height:28px;margin-top:var(--sp-16);padding:0 var(--sp-12);display:flex;align-items:center;justify-content:space-between}.sk-rail-page{padding:0 var(--sp-12)}.sk-row{position:relative;display:flex;align-items:center;gap:var(--sp-12);padding:var(--sp-12) 0}.sk-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-6)}.sk-row-divider:after{content:"";position:absolute;bottom:0;left:var(--inset-divider);right:0;height:1px;background:var(--gray-100)}.sk-list-title{padding:var(--sp-12)}.sk-list>.sk-row{padding-left:var(--sp-12);padding-right:var(--sp-12)}.sk-list>.sk-row-divider:after{left:calc(var(--sp-12) + var(--inset-divider));right:var(--sp-12)}.screen{position:relative;height:100%;background:var(--gray-50)}.search-bar{display:flex;align-items:center;height:var(--h-search);margin:var(--sp-12) var(--sp-12) 0}.search-field{flex:1;min-width:0;height:var(--h-search);background:var(--white);border-radius:var(--r-8);display:flex;align-items:center;padding:0 var(--sp-12);gap:var(--sp-8)}.search-icon{color:var(--gray-500);flex:none}.search-input{flex:1;min-width:0;border:0;outline:none;background:none;color:var(--gray-900);padding:0;-webkit-appearance:none;appearance:none}.search-input::placeholder{color:var(--gray-300)}.search-input::-webkit-search-cancel-button,.search-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search-suffix{flex:none;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.search-clear{position:relative;display:flex;color:var(--gray-400)}.search-clear:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--sz-hit);height:var(--sz-hit)}.cat-strip{position:sticky;top:0;z-index:var(--z-sticky);height:var(--h-strip);padding:var(--sp-12) 0;background:var(--gray-50)}.cat-scroller{height:var(--h-chip);display:flex;align-items:center;gap:var(--sp-8);padding:0 var(--sp-12);scroll-padding:0 var(--sp-12);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.cat-scroller::-webkit-scrollbar{display:none}.cat-chip{flex:none;height:var(--h-chip);background:var(--white);border-radius:var(--r-12);display:flex;align-items:center;padding:var(--sp-8) 11px var(--sp-8) var(--sp-8);gap:var(--sp-5)}.cat-chip:active{background:#f0f0f0}.cat-chip-label{color:var(--gray-900);white-space:nowrap}.recent{padding:0 var(--sp-12)}.recent-title{color:var(--gray-700);margin:0 0 var(--sp-16)}.recent-wrap{display:flex;flex-wrap:wrap;gap:var(--sp-12) var(--sp-16)}.recent-item{width:var(--sz-icon-row);display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.recent-name{color:var(--gray-500);text-align:center}.carousel{margin-top:var(--sp-16)}.carousel-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start}.campaign{padding:0 var(--sp-12);display:flex;flex-direction:column}.campaign-name{color:var(--gray-700);margin:0;min-height:22px}.campaign-desc{color:var(--gray-500);margin:0 0 var(--sp-12);min-height:19px}.campaign-card{height:var(--h-campaign-card);background:var(--white);border-radius:var(--r-12);overflow:hidden;display:flex;flex-direction:column}.campaign-banner{flex:1;min-height:0;display:block}.campaign-banner>div{width:100%;height:100%;border-radius:0}.campaign-foot{height:var(--h-campaign-foot);flex:none;display:flex;align-items:center;gap:var(--sp-12);padding:0 var(--sp-12)}.campaign-foot-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-2)}.campaign-app-name{color:var(--gray-900)}.campaign-app-sub{color:var(--gray-500)}.rail{margin-top:var(--sp-16)}.rail-rule{display:block;height:1px;background:var(--gray-100)}.rail-head{height:28px;display:flex;align-items:center;gap:var(--sp-8);padding:0 var(--sp-12);margin-top:var(--sp-16)}.rail-title{flex:1;min-width:0;color:var(--gray-700);margin:0}.rail-scroller{display:flex;gap:var(--sp-16);padding:0 var(--sp-12);scroll-padding:0 var(--sp-12);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.rail-scroller::-webkit-scrollbar{display:none}.rail-page{flex:none;width:var(--w-rail-page);scroll-snap-align:start;position:relative}.single-collection{margin-top:var(--sp-16)}.single-collection-rule{display:block;height:1px;background:var(--gray-100);margin:var(--sp-6) 0}.search-results{padding-bottom:var(--sp-16)}.empty{padding:var(--sp-12);text-align:center}.empty-title{margin:79px 0 var(--sp-6);font-size:var(--fs-16);font-weight:var(--fw-700);color:var(--gray-800)}.empty-body{margin:0;color:var(--gray-500);white-space:pre-line}.footer{height:var(--h-footer);margin-bottom:var(--sp-16);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-16)}.footer-row{display:flex;align-items:center;gap:var(--sp-36)}.footer-link{display:inline-flex;align-items:center;gap:var(--sp-4)}.footer-legal{color:var(--gray-500);margin:0}.footer-legal+.footer-legal{margin-top:calc(var(--sp-4) - var(--sp-16))}.card{background:var(--white);border-radius:var(--r-12);margin:var(--sp-12);overflow:hidden}.list-title{color:var(--gray-900);padding:var(--sp-12);margin:0}.list-sentinel{height:var(--sp-16)}.ptr{position:relative;height:100%}.ptr-indicator{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;transition:opacity .15s linear}.ptr-puck{width:32px;height:32px;border-radius:50%;background:var(--white);box-shadow:0 2px 8px #0000001f;display:flex;align-items:center;justify-content:center;flex:none}.ptr-content{transition:transform .2s cubic-bezier(.4,0,.2,1);will-change:transform}.detail{padding-top:var(--sp-16)}.detail-head{height:var(--h-detail-head);padding:0 var(--sp-12);display:flex;gap:var(--sp-12)}.detail-head-body{flex:1;min-width:0;display:flex;flex-direction:column}.detail-name{color:var(--gray-900);margin:0 0 var(--sp-4)}.detail-sub{color:var(--gray-500);margin:0}.detail-actions{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.detail-share{color:var(--blue-500);padding:var(--sp-4)}.detail-section{color:var(--gray-700);padding:var(--sp-12);margin:var(--sp-4) 0 0}.detail-section-related{padding-bottom:0;margin-top:0}.shots{height:var(--h-screenshot);display:flex;gap:var(--sp-12);padding:0 var(--sp-12);scroll-padding:0 var(--sp-12);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.shots::-webkit-scrollbar{display:none}.shots>div{scroll-snap-align:start}.detail-rule{display:block;height:1px;background:var(--gray-100);margin:var(--sp-16) var(--sp-12)}.detail-desc{color:var(--gray-900);padding:0 var(--sp-12);margin:0;white-space:pre-line}.detail-tail{height:var(--sp-16)}.linked{background:var(--white);border-radius:var(--r-12);margin:var(--sp-16) var(--sp-12) 0;padding:var(--sp-12);display:flex;flex-direction:column;align-items:center;text-align:center}.linked-icon{color:var(--blue-500);margin-top:var(--sp-12)}.linked-title{color:var(--gray-900);margin:var(--sp-12) 0 0;max-width:100%}.linked-body{color:var(--gray-500);margin:var(--sp-12) 0 0}.linked-grid{margin-top:var(--sp-12);width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-8) var(--sp-12)}.linked-grid:only-child{margin-top:0}.linked-chip{background:var(--gray-50);color:var(--gray-800);border-radius:var(--r-pill);padding:var(--sp-4) var(--sp-8);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linked-grid>.linked-chip:only-child{grid-column:1 / -1}.lang-card{margin:var(--sp-12)}.lang-row{position:relative;width:100%;display:flex;align-items:center;gap:var(--sp-12);padding:var(--sp-12);text-align:left}.lang-row:active{background:var(--gray-50)}.lang-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-3)}.lang-title{color:var(--gray-900)}.lang-native{color:var(--gray-500)}.lang-radio-on{color:var(--blue-500)}.lang-radio-off{color:var(--gray-500)}.lang-divider{position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--gray-50)}