*{box-sizing:border-box;margin:0;padding:0}
:root{--paper:#F2E5C4;--card:#FFFDF7;--pri:#1B2A49;--priT:#E6E9F2;--ink:#1B1F2E;--mute:#4A4637;--line:#D9C79E;--tape:#E9D9A8;--ok:#1F7A4D;--okT:#E1F1E8;--warn:#D98E04;--warnT:#FFF1CC;--bad:#C6372D;--badInk:#A52A20;--badT:#FBE6E3;--info:#2457A6;--infoT:#E3ECFA;--hi:#FFE98A}
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:16px}
.tab{display:table;max-width:92%;margin-left:4px;background:var(--pri);color:#fff;font-size:13.5px;font-weight:700;line-height:1.4;padding:6px 30px 5px 14px;border-radius:10px 10px 0 0;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 100%,0 100%)}
.bar{background:var(--pri);color:#fff;border-radius:4px 16px 16px 16px;padding:14px 16px 16px}
.bar h1{font-size:24px;line-height:1.3;color:#fff}
.bar .row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin-top:12px}
.flag{display:inline-block;background:var(--bad);color:#fff;font-size:13.5px;font-weight:700;line-height:1.5;padding:1px 18px 1px 10px;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%)}
.bar .book{font-size:13px;font-weight:700;color:var(--hi);margin-top:10px}
.pg{display:flex;align-items:center;gap:8px;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(--pri);background:#fff;border:2px solid #fff;border-bottom-width:4px;border-radius:4px;padding:4px 7px}
.lead{margin-top:12px;font-size:16px;font-weight:700;color:var(--hi)}
main{padding-bottom:28px}
.card{position:relative;margin-top:18px;border-radius:8px;padding:14px 14px 16px 18px;background:var(--card);border:1px solid var(--line);border-left:8px solid var(--c,var(--line));box-shadow:0 2px 0 var(--line)}
.card::before{content:"";position:absolute;top:-9px;right:24px;width:58px;height:16px;background:var(--tape);opacity:.92;transform:rotate(2deg)}
.card h2{display:flex;align-items:center;gap:8px;font-size:20px;line-height:1.3;color:var(--pri)}
.card h2 svg{flex:none;color:var(--pri)}
.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(--info)}.more{--c:var(--info)}
.coming{--c:var(--warn);background:var(--warnT)}
.coming .big{font-size:18px;font-weight:700;color:var(--pri)}
.tag{display:inline-block;margin-left:auto;font-size:13px;font-weight:700;color:var(--pri);background:var(--warn);border-radius:4px;padding:1px 8px;white-space:nowrap}
.lname{font-weight:700;color:var(--pri)}
.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:6px;overflow:hidden;background:var(--pri);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:6px;background:var(--priT);border:1px solid var(--line);color:var(--pri);text-decoration:none;font-weight:700;font-size:15.5px;line-height:1.4}
.more a svg{flex:none;color:var(--info)}
.more a small{display:block;font-weight:600;font-size:13px;color:var(--mute)}
.btn{display:block;margin-top:20px;text-align:center;background:var(--pri);color:#fff;font-weight:700;font-size:17px;padding:13px 14px;border-radius:8px;border-bottom:5px solid var(--bad);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);border-color:var(--bad)}
.trap h2{color:var(--badInk)}.trap h2 svg{color:var(--bad)}
.legal{margin-top:22px;border-top:2px solid var(--pri);padding-top:12px;font-size:12.5px;color:#2A3447;overflow-wrap:anywhere}
.legal h3{font-size:14px;margin-bottom:4px;color:var(--pri)}
.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}
