:root{--bg:#f3f6fb;--card:#fff;--ink:#10213b;--muted:#65748b;--line:#e5ebf3;--navy:#07172c;--blue:#2868e8;--cyan:#34c7d5;--shadow:0 12px 36px #10213b0c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Noto Sans Arabic,Inter,sans-serif;padding-bottom:88px}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:76px;padding:12px clamp(16px,4vw,42px);display:flex;align-items:center;justify-content:space-between;background:var(--card);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:44px;height:44px;border-radius:15px;background:linear-gradient(140deg,#2b72f0,#22c8ce);display:grid;place-items:center;color:#fff;font-weight:800;letter-spacing:-2px;box-shadow:0 7px 18px #2868e83a}.brand strong{display:block;font-size:16px}.brand small{color:var(--muted);font-size:11px}.top-actions{display:flex;align-items:center;gap:8px}.top-actions select,.icon-btn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:9px 10px}.icon-btn{font-size:18px}.hero{margin:20px auto 0;width:min(1200px,calc(100% - 32px));min-height:220px;border-radius:26px;padding:28px clamp(20px,5vw,54px);background:radial-gradient(circle at 82% 20%,#1b6487 0,transparent 33%),linear-gradient(120deg,#07172c,#102c51 68%,#0c4560);color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero-copy{position:relative;z-index:2;max-width:610px}.eyebrow{font-size:10px;letter-spacing:1.4px;color:#43cbd4;font-weight:800}.hero h1{font-size:clamp(26px,4vw,42px);margin:8px 0}.hero p{margin:0 0 18px;color:#d2deef;font-size:13px}.search-wrap{width:min(440px,100%);height:44px;border-radius:14px;background:#fff;color:#10213b;display:flex;align-items:center;padding:0 14px;gap:10px}.search-wrap span{font-size:25px;color:#2868e8}.search-wrap input{border:0;outline:0;width:100%;background:transparent;color:#10213b;font-size:13px}.globe{width:180px;height:180px;flex:none;border:1px solid #6ccee45c;border-radius:50%;display:grid;place-items:center;position:relative;margin-inline:20px;background:radial-gradient(circle,#1b7e9c70,#0a284700 68%);box-shadow:0 0 55px #21bdd42a}.globe-core{font-size:82px;filter:drop-shadow(0 8px 18px #0006)}.globe i,.globe b{position:absolute;inset:18px;border:1px solid #6ccee477;border-radius:50%;transform:rotate(35deg) scaleX(.38)}.globe b{transform:rotate(-35deg) scaleX(.38)}main{width:min(1200px,calc(100% - 32px));margin:30px auto}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 16px}.section-heading h2{font-size:21px;margin:4px 0 0}.live-pill{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.live-pill i{width:7px;height:7px;border-radius:50%;background:#20b77a;box-shadow:0 0 0 4px #20b77a20}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.category{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:17px 14px;text-align:start;min-height:108px;box-shadow:var(--shadow);transition:.18s}.category:active{transform:scale(.98)}.cat-icon{width:42px;height:42px;border-radius:14px;background:var(--tint);display:grid;place-items:center;font-size:21px;margin-bottom:10px}.category strong{display:block;font-size:13px}.category small{color:var(--muted);font-size:10px}.content-heading{margin-top:34px}.text-btn{border:0;background:transparent;color:var(--blue);font-weight:700;font-size:12px}.content-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.content-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;min-width:0}.content-card .meta{font-size:10px;color:var(--muted);margin-bottom:8px}.content-card h3{font-size:14px;margin:0 0 8px}.content-card p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 12px}.content-card a{color:var(--blue);font-size:12px;text-decoration:none;font-weight:700}.empty{grid-column:1/-1;padding:25px;text-align:center;color:var(--muted);background:var(--card);border:1px dashed var(--line);border-radius:16px;font-size:12px}.source-note{font-size:10px;color:var(--muted);text-align:center;margin:24px 0}.bottom-nav{position:fixed;z-index:5;bottom:0;left:0;right:0;height:72px;background:var(--card);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.nav-item{border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:62px}.nav-item span{font-size:22px}.nav-item small{font-size:10px}.nav-item.active{color:var(--blue)}dialog{border:0;border-radius:20px;padding:25px;max-width:min(520px,calc(100% - 30px));width:100%;color:var(--ink);background:var(--card);box-shadow:0 25px 80px #0004}dialog::backdrop{background:#061326a8}.dialog-close{float:left;border:0;background:var(--bg);border-radius:50%;width:32px;height:32px;font-size:20px}.source-link{display:inline-block;margin-top:12px;color:var(--blue);font-weight:700}body.dark{--bg:#081426;--card:#10213a;--ink:#edf4ff;--muted:#9aabc2;--line:#233853;--shadow:0 12px 36px #0002}@media(max-width:650px){.hero{min-height:210px}.globe{width:100px;height:100px;margin:0 0 0 4px}.globe-core{font-size:48px}.globe i,.globe b{inset:10px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category{min-height:100px;padding:13px}.content-list{grid-template-columns:1fr}.hero{padding:22px 18px}.hero p{max-width:245px}.topbar{height:68px}.brand-mark{width:40px;height:40px}}.card-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.card-actions button{border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:6px 9px;border-radius:9px;font-size:11px}.source-list{display:grid;gap:9px;margin-top:15px}.auth-form{display:grid;gap:8px}.auth-form input{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}.auth-form .card-actions button{flex:1}.google-btn{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:9px;border-radius:10px;font-weight:700}.auth-form small{color:var(--muted);line-height:1.6}.player-h{margin:16px 0 8px;font-size:14px;color:var(--ink)}.player-wrap{width:100%;border-radius:14px;overflow:hidden;background:#000;margin-bottom:10px}.player-wrap video{width:100%;max-height:260px;display:block;background:#000}.player-wrap.audio{background:var(--bg);border:1px solid var(--line);padding:12px}.player-wrap audio{width:100%}.player-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;max-height:200px;overflow:auto;margin-bottom:4px}.channel-btn{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:9px;font-size:12px;display:flex;align-items:center;gap:7px;text-align:start}.channel-btn span{font-size:17px}.player-note{font-size:10px;color:var(--muted);margin:6px 0 0}.module-loading{font-size:11px;color:var(--muted);padding:6px 0}@media(max-width:650px){.player-list{grid-template-columns:1fr}}