.up{color:#2fbf71}.dn{color:#e5484d}
.x-sec .note,.note{color:var(--mut);font-size:var(--fs-s);margin:.4rem 0 1rem}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.chip,.stabs button,.ranges button,.blt button,.atabs button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 14px;cursor:pointer;font-size:var(--fs-s)}
:is(.chip,.stabs button,.ranges button,.blt button,.atabs button,.tvlist button)[aria-pressed=true]{border-color:var(--gold);background:linear-gradient(135deg,var(--gold),var(--gold3));color:#111;font-weight:700}
.btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;border:0;border-radius:10px;padding:9px 16px;font-weight:700;cursor:pointer}.btn.ghost{background:transparent;color:var(--txt);border:1px solid var(--gold)}
/* stocks */
.stabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.upd{margin-inline-start:auto;color:var(--mut);font-size:var(--fs-xs)}
.stmain{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:16px}.sthd{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}.sthd b{font-size:var(--fs-xl);font-family:Inter,sans-serif}
.ranges{display:flex;gap:6px;margin:10px 0}.chart{width:100%;height:auto;display:block}.chart.empty{padding:40px;text-align:center;color:var(--mut)}.chart .gl{stroke:var(--line);stroke-dasharray:3 4}.chart .ax{fill:var(--mut);font:11px Inter,sans-serif}
.src{color:var(--mut);font-size:var(--fs-xs)}.stgrid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}@media(max-width:900px){.stgrid{grid-template-columns:1fr}}
.sttable{width:100%;border-collapse:collapse;font-family:Inter,sans-serif;font-size:var(--fs-s)}.sttable th{color:var(--mut);font-weight:500;text-align:start;padding:6px}.sttable td{padding:8px 6px;border-top:1px solid var(--line);white-space:nowrap}
.sttable td small{display:block;color:var(--mut);font-size:11px}.sttable tr[data-stsel]{cursor:pointer}.sttable tr[data-stsel]:hover,.sttable tr.sel{background:rgba(212,175,106,.08)}.sttable tr.na td{color:var(--mut)}.spark{width:90px;height:28px}
.gl-box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px}.bars{display:grid;gap:6px;margin-top:10px}.brow{display:grid;grid-template-columns:56px 1fr 64px;gap:8px;align-items:center;font:12px Inter,sans-serif}
.btrack{position:relative;height:12px;background:var(--bg2);border-radius:6px}.btrack b{position:absolute;top:0;bottom:0;border-radius:6px}.btrack b.up{background:#2fbf71}.btrack b.dn{background:#e5484d}
.stmini{display:flex;gap:22px;overflow-x:auto;padding:10px 4px;cursor:pointer;font:13px Inter,sans-serif;scrollbar-width:none}.stmini span{white-space:nowrap}
/* videos */
.shorts{height:min(80vh,760px);overflow-y:auto;scroll-snap-type:y mandatory;border-radius:18px;background:#000;max-width:460px;margin:auto;scrollbar-width:none}
.short{position:relative;height:min(80vh,760px);scroll-snap-align:start;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sframe{position:absolute;inset:0}.sframe iframe,.sframe img{width:100%;height:100%;border:0;object-fit:cover}
.sinfo{position:absolute;inset-inline:0;bottom:0;padding:60px 70px 18px 16px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;pointer-events:none}.sinfo h3{font-size:1rem;margin:4px 0}.sinfo b{color:var(--gold)}.slink{pointer-events:auto;color:var(--gold2);font-size:13px}
.sacts{position:absolute;inset-inline-end:10px;bottom:90px;display:grid;gap:10px}.sacts>*{width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.55);border:1px solid var(--gold);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:18px}
.vstrip{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.vthumb{flex:0 0 220px;scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0;text-align:start;cursor:pointer;overflow:hidden}
.vthumb img{aspect-ratio:16/9;object-fit:cover;width:100%}.vthumb span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:8px 10px 0;font-size:13px}.vthumb small{display:block;padding:2px 10px 10px;color:var(--gold)}
/* live tv */
.tvmain{aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden;border:1px solid var(--gold3)}.tvmain iframe{width:100%;height:100%;border:0}.tvoff{height:100%;display:grid;place-content:center;gap:12px;text-align:center;color:#ccc}
.tvbar{display:flex;gap:12px;align-items:center;margin:10px 0 14px}.tvbar a{margin-inline-start:auto;color:var(--gold)}
.livebadge{background:var(--red);color:#fff;border-radius:4px;padding:1px 7px;font:700 11px Inter,sans-serif;animation:lb 1.6s infinite}@keyframes lb{50%{opacity:.6}}.offb{color:var(--mut);font-size:11px}
.tvlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.tvlist button{position:relative;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px;cursor:pointer;display:grid;gap:6px;text-align:start}.tvlist img{border-radius:8px;aspect-ratio:16/9;object-fit:cover}
.tvlist .livebadge{position:absolute;top:12px;inset-inline-start:12px}
/* books */
.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px;padding:18px;border-radius:16px;background:linear-gradient(180deg,transparent 92%,rgba(212,175,106,.25) 92%,transparent 96%) 0 0/100% 290px}
.book{cursor:pointer;perspective:800px}.bcover{aspect-ratio:2/3;border-radius:4px 10px 10px 4px;background:linear-gradient(135deg,hsl(var(--h) 45% 18%),#0a0a0a);border:1px solid var(--gold3);box-shadow:inset 6px 0 10px rgba(0,0,0,.6),0 10px 24px rgba(0,0,0,.4);display:flex;flex-direction:column;justify-content:center;padding:14px;text-align:center;transition:transform .4s var(--ease)}
.book:hover .bcover{transform:rotateY(-14deg) translateY(-4px)}.foil{font-family:'Playfair Display','Noto Nastaliq Urdu',serif;font-weight:800;font-size:1.05rem;background:linear-gradient(120deg,#9c7a3c,#f3dca4 45%,#d4af6a 55%,#9c7a3c);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.5}
.bcover small{color:#cdbb92;margin-top:8px;font-size:11px}.bmeta{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.blt{display:flex;gap:4px}.blt button{padding:3px 9px;font-size:12px}.bpct{color:var(--gold);font-size:12px}
.bookr{position:fixed;inset:0;z-index:300;display:grid;place-items:center}.bookr[hidden]{display:none}.bookr .rback{position:absolute;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(6px)}
.bwrap{position:relative;display:grid;gap:10px;justify-items:center}.btool{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#eee;background:rgba(15,13,10,.9);border:1px solid var(--gold3);border-radius:12px;padding:6px 12px;max-width:96vw}.btool a{color:var(--gold)}.btool small{color:#aaa}
.bstage{display:flex;align-items:center;gap:8px}.bnav{width:44px;height:44px;border-radius:50%;border:1px solid var(--gold);background:#111;color:var(--gold);font-size:26px;cursor:pointer}
.pg{background:#f6efdf;color:#2a2318;overflow:hidden;box-shadow:inset 0 0 30px rgba(120,90,40,.25)}.pin{padding:28px 30px;font:15px/1.65 Georgia,serif;height:100%}.pg[dir=rtl] .pin{font:17px/2.1 'Noto Nastaliq Urdu','Noto Naskh Arabic',serif}.pin h4{text-align:center;color:#7a5a22;margin:6px 0 10px}.pin p{margin:0 0 .7em;text-align:justify}
.pno{position:absolute;bottom:8px;inset-inline:0;text-align:center;font:11px Inter,sans-serif;color:#8a7a5a}.pg.cover{background:radial-gradient(circle at 30% 20%,#2a2116,#0a0806);color:#e8d9b5}.cin{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px;text-align:center;border:2px solid #9c7a3c;margin:12px;height:calc(100% - 24px)}.cin img{width:90px}.cin .foil{font-size:1.8rem}.cin a{color:var(--gold);word-break:break-all;font-size:12px}
.mtb{background:var(--red);color:#fff;font:600 11px Inter,'Noto Naskh Arabic',sans-serif;padding:2px 8px;border-radius:4px;font-style:normal}
.pg.scan{background:#ddd}.pg.scan img{width:100%;height:100%;object-fit:contain;cursor:zoom-in}
@media(max-width:820px){.bnav{position:absolute;bottom:-56px}.bnav.prev{inset-inline-start:30%}.bnav.next{inset-inline-end:30%}}
.npshelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}.npi{cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px}.npi img{width:100%;border-radius:4px;background:#ccc;box-shadow:0 8px 20px rgba(0,0,0,.35)}.npi h3{font-size:1rem;margin:8px 0 2px}.npi p,.npi small{color:var(--mut);font-size:12px;margin:0}
.zoomv{position:fixed;inset:0;z-index:400;background:#000;overflow:hidden;touch-action:none}.zoomv .zin{width:100%;height:100%;display:grid;place-items:center}.zoomv img{max-width:100%;max-height:100%;transform-origin:center;user-select:none;-webkit-user-drag:none}.zoomv [data-zclose]{position:absolute;top:14px;inset-inline-end:14px;z-index:2}.zh{position:absolute;bottom:10px;width:100%;text-align:center;color:#888;font-size:12px}
/* podcast */
.pod{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}.podtop{display:flex;gap:14px;align-items:center}.podtop img{width:70px}.podctl{display:flex;gap:10px;align-items:center;margin:14px 0}.podctl input{flex:1;accent-color:var(--gold)}
.podch{padding-inline-start:20px}.podch button{background:none;border:0;cursor:pointer;text-align:start;padding:4px 0;color:var(--txt)}.podch button:hover{color:var(--gold)}.podch a{color:var(--gold)}.podtx p{margin:.3em 0}.rsslink{color:var(--gold)}
/* traffic */
.tmap{height:420px;border-radius:16px;border:1px solid var(--gold3);z-index:0}.tgrid{display:grid;grid-template-columns:1fr 1.4fr;gap:18px;margin-top:14px}@media(max-width:900px){.tgrid{grid-template-columns:1fr}}
.routes{list-style:none;padding:0;margin:0}.routes li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}.tdot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:6px}.tdot.ok{background:#2fbf71}.tdot.slow{background:#f5a524}.tdot.jam{background:#e5484d}.tdot.closed{background:#000;border:2px solid var(--red)}
.tnews{display:grid;gap:8px}.tnews a{display:block;padding:8px 10px;background:var(--card);border:1px solid var(--line);border-radius:10px;font-size:var(--fs-s)}.tnews b{color:var(--gold);margin-inline-end:6px}
/* alerts + offline */
.abanner,.offb{position:sticky;top:0;z-index:250;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;padding:8px 14px;background:linear-gradient(90deg,#5c0716,var(--red));color:#fff;border-bottom:2px solid var(--gold);font-size:14px}.abanner a{color:var(--gold2)}.abanner button{background:none;border:0;color:#fff;cursor:pointer}
.offb{background:#1b1710;color:var(--gold2)}
.amodal{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.75);display:grid;place-items:center;padding:16px}.abox{max-width:480px;background:#0d0b08;border:2px solid var(--red);outline:1px solid var(--gold);outline-offset:4px;border-radius:16px;padding:22px;color:#eee;display:grid;gap:12px}.atag{color:var(--red);font-weight:800}.abox div{display:flex;gap:10px;flex-wrap:wrap}
/* account */
.acct{position:fixed;inset:0;z-index:450;display:grid;place-items:center}.acct[hidden]{display:none}.acct .rback{position:absolute;inset:0;background:rgba(0,0,0,.7)}.abox2{position:relative;width:min(380px,92vw);background:var(--card);border:1px solid var(--gold);border-radius:18px;padding:24px;display:grid;gap:12px;text-align:center}.abox2>.ibtn{position:absolute;top:10px;inset-inline-end:10px}.alogo{width:120px;margin:auto}
.atabs{display:flex;gap:6px;justify-content:center}#aform{display:grid;gap:10px}#aform input{padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--txt)}.aerr{color:var(--red);min-height:1em;margin:0;font-size:13px}
.qchips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.qchips button{border:1px solid var(--gold3);background:transparent;border-radius:999px;padding:4px 10px;cursor:pointer;font-size:13px}.qchips small{color:var(--mut)}
.flinks a{color:var(--gold)}
/* chat */
.chatfab{position:fixed;bottom:20px;inset-inline-end:20px;z-index:220;width:66px;height:66px;border-radius:50%;border:0;padding:0;background:none;cursor:pointer;filter:drop-shadow(0 8px 18px rgba(0,0,0,.5));animation:bob 3s ease-in-out infinite}.chatfab .mascot{width:100%;height:100%}@keyframes bob{50%{transform:translateY(-5px)}}
.chatp{position:fixed;bottom:96px;inset-inline-end:20px;z-index:230;width:min(400px,calc(100vw - 24px));height:min(620px,calc(100vh - 120px));background:#0a0907;border:1px solid var(--gold);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.6);color:#eee}
.chatp[hidden]{display:none}@media(max-width:600px){.chatp{inset:0;width:auto;height:auto;border-radius:0}}
.chhd{display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(135deg,#17130c,#0a0907);border-bottom:1px solid var(--gold3)}.chhd .mascot{width:44px;height:44px}.chhd div{display:grid;flex:1}.chhd img{height:22px;width:auto}.chhd b{color:var(--gold);font-size:14px}.chhd .ibtn{color:#eee}
.chlog{flex:1;overflow-y:auto;padding:14px;display:grid;gap:12px;align-content:start}
.bub{display:flex;gap:8px;align-items:flex-end;max-width:92%}.bub .mascot{width:28px;height:28px;flex:0 0 28px}.bub .bt{border:1px solid var(--gold);border-radius:16px;padding:9px 13px;background:#14110c;font-size:14px;line-height:1.7}
.bub.user{margin-inline-start:auto}.bub.user .bt{background:linear-gradient(135deg,#3a2c12,#1d170c);border-color:var(--gold2)}.bub.bot .bt{border-end-start-radius:4px}
.bsrc{margin:8px 0 0;padding-inline-start:18px;font-size:12px}.bsrc a{color:var(--gold2)}.bsrc small{color:#999}.bnote{display:block;color:#888;font-size:11px;margin-top:6px}
.chform{display:flex;gap:8px;padding:10px;border-top:1px solid var(--gold3)}.chform input{flex:1;background:#14110c;border:1px solid var(--gold3);border-radius:12px;color:#eee;padding:10px 12px}
.dots i{display:inline-block;width:6px;height:6px;margin:0 2px;border-radius:50%;background:var(--gold);animation:dt 1s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dt{50%{opacity:.2;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.chatfab{animation:none}}

.layout.nolside{grid-template-columns:1fr}
.chmic{min-width:40px}.chmic.on{background:var(--red);color:#fff;animation:mp 1.2s infinite}
@keyframes mp{0%,100%{box-shadow:0 0 0 0 rgba(200,16,46,.6)}50%{box-shadow:0 0 0 8px rgba(200,16,46,0)}}
.chvs{font-size:.8rem;color:var(--gold);text-align:center;padding:4px 0 8px}

.ytsmall{font-size:.78rem;opacity:.75}
.tvmain iframe{width:100%;aspect-ratio:16/9;border:0}
.tvoff small{opacity:.7;font-size:.85em}
.tvlist{display:block}.tvgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.tvgrp{color:var(--gold);margin:16px 0 8px;font-size:1.05em;border-bottom:1px solid var(--gold3);padding-bottom:4px}
.tvlist .tvc{color:var(--gold);opacity:.85;font-size:.78em}