@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{direction:rtl;width:100%;height:100%;font-family:Cairo,sans-serif;overflow:hidden}html{height:100dvh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{color:#fff;background:linear-gradient(135deg,#8b0000 0%,#a31010 30%,#c0392b 60%,#8b0000 100%);grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;font-family:Cairo,sans-serif;display:grid;position:relative;overflow:hidden}.bg-blobs{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bg-blob{background:radial-gradient(circle,#ffffff1f 0%,#0000 70%);border-radius:50%;animation:linear infinite blobDrift;position:absolute}.bg-blob:first-child{width:55vw;height:55vw;animation-duration:25s;top:-10%;left:-10%}.bg-blob:nth-child(2){width:45vw;height:45vw;animation-duration:30s;animation-delay:-5s;top:25%;right:-12%}.bg-blob:nth-child(3){width:65vw;height:65vw;animation-duration:35s;animation-delay:-10s;bottom:-15%;left:15%}.bg-blob:nth-child(4){width:38vw;height:38vw;animation-duration:20s;animation-delay:-3s;top:55%;left:-5%}@keyframes blobDrift{0%{opacity:.5;transform:translate(0)scale(1)}25%{opacity:.7;transform:translate(80px,120px)scale(1.1)}50%{opacity:.5;transform:translate(-60px,200px)scale(.9)}75%{opacity:.65;transform:translate(100px,-80px)scale(1.05)}to{opacity:.5;transform:translate(0)scale(1)}}.header{z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;padding:2vh 3vw 1vh;display:flex;position:relative}.header-logo{object-fit:contain;width:auto;height:9vh}.header-logo.white-tint{filter:brightness(0)invert();opacity:.95}.header-qr{width:13vh;height:13vh}.header-qr img{object-fit:contain;width:100%;height:100%}.connection-indicator{z-index:100;border-radius:50%;width:16px;height:16px;transition:background-color .3s;position:absolute;top:16px;left:16px}.connection-indicator.online{background-color:#2ecc40;box-shadow:0 0 8px #2ecc4099}.connection-indicator.offline{background-color:#111;box-shadow:0 0 8px #0006}.feeds{z-index:1;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;height:100%;min-height:0;padding:10px 0;display:grid;position:relative}.feed-section{flex-direction:column;display:flex;position:relative;overflow:hidden}.feed-track-wrap{flex:1;min-height:0;overflow:hidden}.alternating-marquee{grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;height:100%;display:grid}.marquee-row{white-space:nowrap;align-items:center;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.marquee-measure{visibility:hidden;pointer-events:none;gap:16px;display:flex;position:absolute;top:0;left:-99999px}.marquee-measure-item{align-items:center;display:inline-flex}.marquee-item{will-change:transform;position:absolute;top:50%;left:0}.vip-card{background:linear-gradient(135deg,#6a1010 0%,#8b1a1a 100%);border:2px solid #ffffff2e;border-radius:18px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-width:320px;max-width:460px;padding:16px 24px;display:inline-flex;box-shadow:0 8px 24px #00000073,inset 0 1px #ffffff14}.vip-ink{object-fit:contain;filter:brightness(0)invert();opacity:.9;border-radius:8px;width:clamp(190px,27vh,300px);height:clamp(108px,16vh,180px)}.vip-signature{color:#ffffffd9;margin-top:6px;font-size:17px;font-weight:700}.vip-session{color:#fff6;font-size:13px}.sticker-img{object-fit:contain;flex-shrink:0;width:clamp(96px,14vh,190px);height:clamp(96px,14vh,190px);display:inline-block}.support-card{-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0a 100%);border:2px solid #ffffff80;border-radius:18px;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:stretch;gap:10px;min-width:250px;max-width:380px;min-height:clamp(128px,18vh,172px);padding:12px 18px 16px;display:inline-flex;position:relative;box-shadow:0 4px 20px #0000004d,inset 0 1px #fff3}.support-card-header{direction:ltr;align-self:flex-start;align-items:center;gap:8px;display:flex}.wa-icon{opacity:.95;flex-shrink:0;width:20px;height:20px}.support-phone{color:#ffffffe0;direction:ltr;unicode-bidi:plaintext;font-size:13px;font-weight:700}.support-card-body{flex:1;align-items:center;display:flex}.support-text{color:#fff;white-space:normal;text-align:right;-webkit-line-clamp:4;text-overflow:ellipsis;direction:rtl;-webkit-box-orient:vertical;font-size:20px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.popup-overlay{z-index:999;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-item{transform-origin:50%;position:absolute;top:50%;left:50%}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.1)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}80%{transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes popHold{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes popOutTop{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-200%)scale(.05)}}@keyframes popOutMid{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,50%)scale(.05)}}@keyframes popOutBot{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,200%)scale(.05)}}.popup-item.phase-in{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards popIn}.popup-item.phase-hold{animation:2s linear forwards popHold}.popup-item.phase-out-top{animation:.5s ease-in forwards popOutTop}.popup-item.phase-out-mid{animation:.5s ease-in forwards popOutMid}.popup-item.phase-out-bot{animation:.5s ease-in forwards popOutBot}.popup-vip-card{background:linear-gradient(135deg,#6a1010 0%,#8b1a1a 100%);border:2px solid #ffffff2e;border-radius:28px;flex-direction:column;align-items:center;gap:10px;max-width:420px;padding:20px 24px;display:flex;box-shadow:0 20px 60px #00000080}.popup-vip-card img{object-fit:contain;filter:brightness(0)invert();opacity:1;border-radius:12px;width:min(320px,80vw);height:min(180px,45vw)}.popup-vip-card .sig{color:#fff;opacity:1;font-size:20px;font-weight:800}.popup-vip-card .sess{color:#ffffffd9;font-size:14px}.popup-sticker-card{border-radius:24px;width:min(300px,40vw);height:min(300px,40vw);overflow:hidden;box-shadow:0 20px 60px #00000080}.popup-sticker-card img{object-fit:contain;width:100%;height:100%}.popup-support-card{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e1e3cd9,#141432bf);border:2px solid #fff9;border-radius:28px;flex-direction:column;gap:14px;max-width:420px;padding:20px 24px;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.popup-support-header{direction:ltr;align-self:flex-start;align-items:center;gap:10px;display:flex}.popup-support-phone{color:#ffffffe0;direction:ltr;unicode-bidi:plaintext;font-size:15px;font-weight:700}.popup-support-text{color:#fff;text-align:right;-webkit-line-clamp:4;text-overflow:ellipsis;direction:rtl;-webkit-box-orient:vertical;font-size:26px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.popup-support-card .wa-icon{opacity:.9;width:28px;height:28px}