:root{--background:#1e1e1e;--title:rgba(255,255,255,.92);--text:rgba(255,255,255,.68);--strong:rgba(255,255,255,.88);--tint:#4a90e2;--card:rgba(255,255,255,.07);--border:rgba(255,255,255,.12)}
*{box-sizing:border-box}html,body{margin:0;background:var(--background);color:var(--text);font-family:ui-rounded,system-ui,-apple-system,sans-serif;line-height:1.55}a{color:var(--tint);text-decoration:none}a:hover{text-decoration:underline}
.topbar{max-width:38rem;margin:0 auto;padding:1.1rem 1.5rem .5rem}
.nav-row{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.45rem;min-height:2.15rem;padding-right:2.6rem}
.nav-main{display:flex;flex:none;gap:.45rem;margin-left:auto;order:-1}
.more-apps{display:none}
#more-toggle{position:absolute;opacity:0;pointer-events:none}
#more-toggle:checked~.topbar .nav-main{margin-left:0}
#more-toggle:checked~.topbar .more-apps{display:contents}
.app-link{width:2.1rem;height:2.1rem;border-radius:18%;display:flex;align-items:center;justify-content:center;color:white;font-size:.7rem;font-weight:700;box-shadow:0 3px 10px rgba(0,0,0,.35);overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.more-apps .app-link{width:2rem;height:2rem;flex:none;animation:menu-in .22s ease backwards}.app-link img{width:100%;height:100%;object-fit:cover}.app-link.has-icon,.app-link:has(> img){background:transparent!important;box-shadow:none!important}.app-link:hover{text-decoration:none;transform:scale(1.08)}
.more-apps .app-link:is([title="IPTVapp"],[title="harena"],[title="TvApp"]){display:none}
.more-trigger{position:absolute;right:0;top:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;width:2.15rem;height:2.15rem;cursor:pointer;padding:2px;border-radius:5px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.more-trigger:hover{background:rgba(255,255,255,.08)}.more-dot{display:grid;place-items:center;min-width:0;min-height:0;border-radius:2.5px}.more-dot:nth-child(1){background:#f39c12}.more-dot:nth-child(2){background:#9b59b6}.more-dot:nth-child(3){background:#1abc9c}.more-dot:nth-child(4){background:#e67e22}.more-letter{display:grid;place-items:center;width:100%;height:100%;color:#fff;font-family:ui-rounded,system-ui,-apple-system,sans-serif;line-height:1;font-weight:800}.more-dot:nth-child(1) .more-letter{font-size:.59rem;transform:rotate(-8deg)}.more-dot:nth-child(2) .more-letter{font-size:.64rem;transform:rotate(6deg)}.more-dot:nth-child(3) .more-letter{font-size:.62rem;transform:rotate(9deg)}.more-dot:nth-child(4) .more-letter{font-size:.6rem;transform:rotate(-6deg)}.more-open{display:none}#more-toggle:checked~.topbar .more-closed{display:none}#more-toggle:checked~.topbar .more-open{display:grid}
@keyframes menu-in{from{opacity:0;transform:translateY(-.3rem)}to{opacity:1;transform:translateY(0)}}
.hero{max-width:38rem;margin:0 auto;padding:1.8rem 1.5rem 2rem;text-align:center}.app-icon{width:5.8rem;height:5.8rem;margin:0 auto 1.1rem;border-radius:22%;display:flex;align-items:center;justify-content:center;background:transparent;box-shadow:none;font-size:1.7rem;font-weight:800;color:white;overflow:hidden}.app-icon.has-icon,.app-icon:has(> img){background:transparent!important;box-shadow:none!important}.app-icon img{width:100%;height:100%;object-fit:contain}h1{font-family:inherit;font-size:2.15rem;font-weight:800;color:var(--title);margin:0 0 .35rem}.tagline{font-size:.95rem;color:var(--text);max-width:34rem;margin:0 auto}.hero .coming{margin:1.2rem auto 0;opacity:.7}
.store-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.45rem;margin:1.2rem auto 0}.store-links a{display:inline-flex;align-items:center;justify-content:center}.store-badge{display:block;width:auto;height:42px}.store-badge.google-play{height:62px;margin:-10px 0}
main{max-width:38rem;margin:0 auto;padding:0 1.5rem 4rem}section{margin-bottom:2.6rem;padding-bottom:2rem;border-bottom:2px solid var(--tint)}section:last-of-type{border-bottom:none}h2{font-size:1.08rem;font-weight:700;color:var(--title);margin:1.3rem 0 1rem}h3{font-size:.95rem;font-weight:700;color:var(--title);margin:1.35rem 0 .3rem}p{margin:0 0 .8rem;font-size:.95rem}strong{color:var(--strong);font-weight:600}.muted{opacity:.65;font-size:.84rem}.source-list{list-style:none;padding:0;margin:0 0 1rem}.source-list li{margin:.25rem 0}.gallery{display:flex;gap:.75rem;overflow-x:auto;padding:.3rem 0 1rem;scroll-snap-type:x mandatory}.gallery img{flex:0 0 auto;max-height:28rem;width:auto;max-width:min(70vw,18rem);border-radius:1rem;background:var(--card);border:1px solid var(--border);scroll-snap-align:start;object-fit:contain;box-shadow:0 8px 24px rgba(0,0,0,.35)}.footer{text-align:center;font-size:.75rem;opacity:.55;padding:2rem 1rem 3rem}
.gallery{scrollbar-width:none;-ms-overflow-style:none}.gallery::-webkit-scrollbar{display:none}
.feature-list{padding-left:1.4rem;margin:0 0 1rem;font-size:.95rem}.feature-list li{margin:.25rem 0}.gallery-section{border-bottom:0;padding-bottom:0}.gallery img:first-child{margin-left:auto}.gallery img:last-child{margin-right:auto}
@media(min-width:800px){.gallery-section{position:relative;left:50%;width:min(72rem,calc(100vw - 3rem));transform:translateX(-50%)}.gallery{gap:1.25rem;padding:.5rem 1rem 1.5rem}.gallery img{height:clamp(30rem,58vw,42rem);max-height:none;max-width:none}}
@media(prefers-reduced-motion:reduce){.more-apps .app-link{animation:none}}