/* ── Page Home Runtime ── */

/* Blur background */
.home-blur-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(40px) brightness(0.4) saturate(1.5);transform:scale(1.2);z-index:0;}
.home-blur-mask{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,0.8) 100%);z-index:1;}
#page-home{position:relative;background:#000;}
#page-home > *{position:relative;z-index:2;}

/* ── App Carousel ── */
.app-carousel{position:relative;margin:10px 14px 0;border-radius:16px;overflow:hidden;aspect-ratio:16/8;}
.app-carousel-vp{overflow:hidden;height:100%;border-radius:16px;}
.app-carousel-track{display:flex;height:100%;transition:transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94);}
.app-c-card{flex-shrink:0;width:100%;height:100%;position:relative;overflow:hidden;}
.acc-artwork{position:absolute;inset:0;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.acc-artwork img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.acc-artwork-emoji{position:absolute;font-size:42px;z-index:2;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.4));letter-spacing:6px;}
.acc-infobar{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(to top,rgba(0,0,0,0.85) 0%,transparent 100%);}
.acc-appicon{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.4);}
.acc-apptext{flex:1;min-width:0;}
.acc-cat-badge{font-size:9px;color:rgba(255,255,255,0.5);letter-spacing:0.5px;}
.acc-appname{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.acc-appdesc{font-size:11px;color:rgba(255,255,255,0.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.acc-getbtn .acc-get{background:linear-gradient(135deg,#007AFF,#0055DD);color:#fff;font-size:12px;font-weight:700;padding:5px 16px;border-radius:99px;}

.acc-dots{position:absolute;bottom:8px;right:14px;display:flex;gap:4px;z-index:4;}
.acd{width:5px;height:5px;border-radius:99px;background:rgba(255,255,255,0.35);transition:all 0.3s;}
.acd.active{width:16px;background:#fff;}

/* ── Notify bar ── */
.app-notify{display:flex;align-items:center;gap:8px;margin:8px 14px;padding:8px 12px;background:rgba(255,255,255,0.06);border-radius:10px;font-size:11px;color:rgba(255,255,255,0.55);}
.notify-icon::before{content:'📢';font-size:14px;}
.notify-text{flex:1;overflow:hidden;white-space:nowrap;}
.notify-text span{display:inline-block;animation:notifyScroll 15s linear infinite;}
@keyframes notifyScroll{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}

/* ── Category bar ── */
.app-cat-bar{display:flex;gap:0;padding:8px 14px;overflow-x:auto;scrollbar-width:none;position:relative;-webkit-overflow-scrolling:touch;}
.app-cat-bar::-webkit-scrollbar{display:none;}
.app-cat-pill{flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.45);cursor:pointer;white-space:nowrap;border-radius:99px;transition:all 0.2s;}
.app-cat-pill.active{color:#fff;font-weight:700;background:rgba(255,255,255,0.1);}

/* ── App grid (6-col style) ── */
.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 8px;padding:8px 14px 80px;}
.ag-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:6px 0;}
.ag-item:active{transform:scale(0.93);}
.ag-ico{width:56px;height:56px;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.3);}
.ag-ico img{width:100%;height:100%;object-fit:cover;}
.ag-name{font-size:11px;color:rgba(255,255,255,0.75);font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}