*{box-sizing:border-box;margin:0;padding:0}
:root{--paper:#F2F5F9;--slate:#1F2A44;--slate2:#2C3A5C;--ink:#17202E;--mute:#4A5568;--line:#D3DAE5;--ok:#0F8F50;--okT:#E2F4EA;--warn:#E8A400;--warnT:#FFF3D1;--bad:#D93025;--badT:#FDE9E7;--acc:#2563EB;--accT:#E6EEFF;--hi:#FFE75A}
html,body{background:var(--paper)}
body{font-family:"Noto Sans Devanagari","Mukta","Kohinoor Devanagari",system-ui,sans-serif;color:var(--ink);line-height:1.55;-webkit-text-size-adjust:100%}
.local{background:#b91c1c;color:#fff;font:700 14px/1.4 system-ui;padding:6px 12px;text-align:center}
.wrap{max-width:560px;margin:0 auto;padding:0 16px}
.top{padding-top:14px}
.bar{background:var(--slate);color:#fff;border-radius:16px;padding:14px 16px 16px}
.bar .type{display:inline-block;font-size:13px;font-weight:700;color:#fff;border:2px solid #fff;border-radius:999px;padding:0 10px;line-height:1.5}
.bar .ch{font-size:13.5px;color:#D5DCEA;margin-top:8px}
.bar h1{font-size:24px;line-height:1.3;margin-top:4px;color:#fff}
.bar .book{font-size:13px;font-weight:700;color:var(--hi);margin-top:10px}
.pg{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:14px;font-weight:700;color:#fff}
.keys{display:inline-flex;gap:4px}
.keys i{font:700 17px/1 ui-monospace,Menlo,monospace;color:var(--slate);background:#fff;border:2px solid #fff;border-bottom-width:4px;border-radius:6px;padding:4px 7px}
.lead{margin-top:12px;font-size:16px;font-weight:700;color:var(--hi)}
main{padding-bottom:28px}
.card{margin-top:14px;border-radius:14px;padding:14px 14px 16px 18px;background:#fff;border:1px solid var(--line);border-left:8px solid var(--c,var(--line))}
.card h2{display:flex;align-items:center;gap:8px;font-size:20px;line-height:1.3;color:var(--slate)}
.card h2 svg{flex:none;color:var(--slate)}
.card h2 small{margin-left:auto;font-size:14px;font-weight:700;color:var(--mute);white-space:nowrap}
.card p{margin-top:6px;font-size:15.5px}
.watch{--c:var(--ok)}.listen{--c:var(--warn)}.change{--c:var(--acc)}.more{--c:var(--acc)}
.coming{--c:var(--warn);background:var(--warnT)}
.coming .big{font-size:18px;font-weight:700;color:var(--slate)}
.tag{display:inline-block;margin-left:auto;font-size:13px;font-weight:700;color:var(--slate);background:var(--warn);border-radius:6px;padding:1px 8px;white-space:nowrap}
.lname{font-weight:700;color:var(--slate)}
.lname span{background:linear-gradient(transparent 52%,var(--hi) 52%);padding:0 2px}
.soon{font-size:14.5px!important;color:var(--mute);font-weight:600}
.vid{position:relative;margin-top:12px;border-radius:10px;overflow:hidden;background:var(--slate);aspect-ratio:16/9}
.vid iframe,.vid video{position:absolute;inset:0;width:100%;height:100%;border:0}
.more h2{font-size:18px}
.more a{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--accT);border:1px solid var(--line);color:var(--slate);text-decoration:none;font-weight:700;font-size:15.5px;line-height:1.4}
.more a svg{flex:none;color:var(--acc)}
.more a small{display:block;font-weight:600;font-size:13px;color:var(--mute)}
.btn{display:block;margin-top:18px;text-align:center;background:var(--acc);color:#fff;font-weight:700;font-size:17px;padding:13px 14px;border-radius:12px;border-bottom:4px solid var(--slate);text-decoration:none}
.chg{margin-top:10px;font-size:15px}.chg small{display:block;color:var(--mute);font-size:13px}
.upd{margin-top:16px;font-size:14px;font-weight:600;color:var(--mute)}
.trap{--c:var(--bad);background:var(--badT)}
.trap h2 svg{color:var(--bad)}
.legal{margin-top:22px;border-top:2px solid var(--slate);padding-top:12px;font-size:12.5px;color:#2A3447;overflow-wrap:anywhere}
.legal h3{font-size:14px;margin-bottom:4px;color:var(--slate)}
.legal p{margin-top:5px}.legal .en{font-size:12px;color:var(--mute)}
footer{margin-top:18px;font-size:12px;color:var(--mute);text-align:center}