:root{--bg:#08101d;--bg-2:#0c1527;--surface:#0f1b31;--surface-2:#13203a;--stroke:rgba(255,255,255,.08);--text:#f8fbff;--muted:#9eb0c9;--blue:#2f76ff;--blue-2:#1d5ee0;--shadow:0 18px 44px rgba(0,0,0,.30);--radius:24px}
*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top,#11203d 0%,var(--bg) 34%,#060b14 100%);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Arabic","Tajawal",sans-serif;padding-bottom:24px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:contain}button,input{font:inherit}
.safe-top{padding-top:max(18px,env(safe-area-inset-top))}.safe-bottom{padding-bottom:max(18px,env(safe-area-inset-bottom))}
.hidden{display:none!important}.highlight-word{color:#5aaeff;font-weight:800}
.app-shell{width:min(1120px,100%);margin:0 auto;padding:18px 14px 28px;position:relative}.app-shell>*{position:relative;z-index:1}.app-shell::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.025),transparent 26%),radial-gradient(circle at 0% 100%,rgba(37,99,235,.05),transparent 22%),radial-gradient(circle at 100% 84%,rgba(37,99,235,.05),transparent 20%)}
.top{display:grid;gap:10px;margin-bottom:12px}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand-text{min-width:0}.eyebrow{color:#8fb4ff;font-size:13px;font-weight:800}.app-title{font-size:clamp(28px,7vw,44px);font-weight:900;line-height:1.05;margin:0}.app-subtitle{margin:0;color:var(--muted);font-size:14px;line-height:1.8;max-width:720px}.brand-logo-wrap{width:84px;height:84px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px rgba(0,0,0,.18)}.brand-logo{display:block;width:68px;height:68px;object-fit:contain}
.featured-strip{margin:8px 0 18px;padding:0 2px}.featured-strip-head,.section-head-featured{padding:0 8px 10px}.featured-strip-frame{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(11,22,42,.96),rgba(6,11,21,.92));box-shadow:0 18px 46px rgba(0,0,0,.28)}.section-title{font-size:clamp(24px,6vw,38px);font-weight:900;line-height:1.05;margin:0}.section-meta,.section-sub{font-size:13px;color:var(--muted);margin-top:4px}.featured-strip-list{display:flex;gap:12px;overflow:auto;padding:6px 4px 8px;scrollbar-width:none}.featured-strip-list::-webkit-scrollbar{display:none}
.tabs-wrap{position:sticky;top:0;z-index:40;padding:8px 8px 10px;margin:6px 0 10px;border-radius:26px;background:linear-gradient(180deg,rgba(8,18,40,.96),rgba(5,11,24,.88));border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 34px rgba(0,0,0,.24),0 0 0 1px rgba(255,255,255,.03) inset;backdrop-filter:blur(14px)}.tabs{display:flex;gap:12px;overflow:auto;padding:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;min-width:max-content;padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.04);color:#c7d7ee;white-space:nowrap;cursor:pointer;font-weight:700;box-shadow:0 8px 18px rgba(0,0,0,.10)}.tab.active{background:linear-gradient(180deg,var(--blue),var(--blue-2));color:#fff;border-color:transparent;box-shadow:0 16px 30px rgba(37,99,235,.26)}
.content{display:grid;gap:14px;content-visibility:auto;contain-intrinsic-size:1200px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.search-wrap.hidden{display:none!important}.search,.compact-search{display:flex;align-items:center;gap:8px;height:52px;padding:0 12px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 18px rgba(0,0,0,.12)}.search input,.compact-search input{width:100%;background:transparent;border:0;outline:0;color:var(--text);font-size:14px;direction:rtl}
.list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.card{position:relative;min-height:240px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(8,16,34,.95),rgba(5,10,24,.96));box-shadow:var(--shadow)}.skeleton-card{padding:0;overflow:hidden}.skeleton-media{height:58%;background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.09),rgba(255,255,255,.03));background-size:200% 100%;animation:skeletonShimmer 1.2s linear infinite}.skeleton-content{padding:16px}.skeleton-line{height:12px;border-radius:999px;background:rgba(255,255,255,.08);margin-bottom:10px}.skeleton-line.lg{width:70%}.skeleton-line.md{width:48%}.skeleton-actions{height:38px;width:62%;border-radius:14px;background:rgba(255,255,255,.07);margin-top:18px;margin-inline:auto}@keyframes skeletonShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.site-footer{margin-top:18px;content-visibility:auto;contain-intrinsic-size:120px}.site-footer-inner{padding:12px 16px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.site-footer-copy{color:var(--muted);font-size:13px;text-align:center}
.install-prompt{position:fixed;top:max(8px,env(safe-area-inset-top));left:50%;transform:translateX(-50%) translateY(-4px);width:min(calc(100% - 38px),340px);z-index:60;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:14px;background:linear-gradient(90deg,rgba(11,20,38,.98),rgba(17,35,68,.98));border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 24px rgba(0,0,0,.22);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}.install-prompt.show{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.install-prompt.hidden{display:none!important}.install-prompt-icon{width:22px;height:22px;border-radius:7px;flex:0 0 22px}.install-prompt-copy{min-width:0;flex:1 1 auto}.install-prompt-title{font-size:11px;font-weight:900;line-height:1.1;white-space:nowrap}.install-prompt-sub{margin-top:1px;font-size:9px;line-height:1.2;color:#d6e4ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.install-prompt-actions{display:flex;gap:6px;flex:0 0 auto}.install-prompt-btn{border:0;border-radius:9px;padding:6px 8px;cursor:pointer;font-size:10px;min-width:52px}.install-prompt-btn.primary{background:linear-gradient(180deg,#4f8fff 0%,#2c71ff 56%,#1b5be0 100%);color:#fff;font-weight:800}.install-prompt-btn.secondary{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.08)}
.app-splash{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:radial-gradient(circle at top,#11203d 0%,#08101d 40%,#060b14 100%);transition:opacity .18s ease,visibility .18s ease}.app-splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.app-splash-inner{position:relative;display:grid;justify-items:center;gap:8px;padding:22px 26px;border-radius:30px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));box-shadow:0 24px 60px rgba(0,0,0,.38);overflow:hidden}.app-splash-logo{display:block;width:120px;height:120px;object-fit:contain}.app-splash-brand{font-size:28px;font-weight:900}.app-splash-line{font-size:16px;font-weight:800}.app-splash-sub{font-size:13px;color:var(--muted)}.app-splash-loader{width:84px;height:4px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.app-splash-loader::before{content:"";display:block;width:45%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7eb3ff,#2f76ff);animation:splashPulse 1s ease-in-out infinite}@keyframes splashPulse{0%{transform:translateX(-120%)}100%{transform:translateX(220%)}}
 .rnini-install-banner{position:fixed;top:10px;right:14px;left:14px;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border-radius:12px;background:rgba(11,18,32,.95);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.08);transform:translateY(-18px);opacity:0;transition:all .22s ease;direction:rtl}.rnini-install-banner.show{transform:translateY(0);opacity:1}.rnini-install-banner__text{display:flex;flex-direction:column;gap:2px;min-width:0}.rnini-install-banner__text strong{font-size:12px;line-height:1.1}.rnini-install-banner__text span{font-size:10px;line-height:1.1;opacity:.82}.rnini-install-banner__actions{display:flex;gap:6px;flex-shrink:0}.rnini-install-banner__actions button{border:0;border-radius:9px;padding:6px 8px;cursor:pointer;font:inherit;font-size:11px}.rnini-install-banner__later{background:rgba(255,255,255,.08);color:#fff}.rnini-install-banner__install{background:#5aaeff;color:#07111f;font-weight:700}
@media (min-width:768px){.app-shell{padding:22px 18px 32px}.list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1100px){.list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:640px){.app-shell{padding:18px 12px 28px}.brand-logo-wrap{width:72px;height:72px;border-radius:22px}.brand-logo{width:58px;height:58px}.featured-strip-frame{padding:16px 18px;border-radius:24px}.tabs-wrap{border-radius:22px;padding:7px 7px 9px}.tab{padding:11px 16px;font-size:14px}.install-prompt{padding:7px 8px;gap:6px;width:min(calc(100% - 34px),320px)}.install-prompt-icon{width:20px;height:20px;flex-basis:20px}.install-prompt-title{font-size:10px}.install-prompt-sub{font-size:8px}.install-prompt-btn{padding:5px 7px;font-size:9px;min-width:48px}.rnini-install-banner{top:8px;right:12px;left:12px;padding:7px 8px;gap:6px}.rnini-install-banner__text strong{font-size:11px}.rnini-install-banner__text span{font-size:9px}.rnini-install-banner__actions button{padding:5px 7px;font-size:10px}}