:root{--wa:#25D366;--wa-2:#1DAA61;--wa-ink:#0B5D47;--wa-soft:#D9FDD3;--chat:#EFEAE2;--out:#D9FDD3;--rule:rgba(17,18,20,.09);--rule-2:rgba(17,18,20,.16);--ink:#111214;--ink-3:#8C8E93;--sans:"Schibsted Grotesk",ui-sans-serif,system-ui,sans-serif;--serif:"Newsreader",Georgia,serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--si:"Noto Sans Sinhala",sans-serif;--ta:"Noto Sans Tamil",sans-serif;--ease:cubic-bezier(.2,.8,.2,1);--lift:0 18px 40px -18px rgba(17,18,20,.3)}
.ph{background:#FFE7A3;color:#7A4B00;font:500 .8em/1.4 var(--mono);padding:.1em .4em;border-radius:5px;white-space:nowrap}
img,svg{display:block;max-width:100%}
.it{font-family:var(--serif);font-style:italic;font-weight:400}
.wa-g{width:22px;height:22px;flex:none;color:var(--wa);overflow:visible}
.scr{position:absolute;left:0;top:0;width:390px;height:846px;transform-origin:0 0;border-radius:52px;overflow:hidden;background:#fff;z-index:2;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.isl2{position:absolute;top:12px;left:50%;width:118px;height:34px;margin-left:-59px;border-radius:20px;background:#000;z-index:20}
.scr::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.06) 26%,rgba(255,255,255,0) 42%),linear-gradient(0deg,rgba(0,0,0,.05),rgba(0,0,0,0) 30%);z-index:9}
.sbar{height:54px;display:flex;justify-content:space-between;align-items:center;padding:8px 34px 0 40px;font:600 16px/1 -apple-system,var(--sans);letter-spacing:-.01em}
.sbar svg{height:12px;width:auto}
.sbar span:last-child{display:flex;gap:6px;align-items:center}
.ui{height:100%;display:flex;flex-direction:column;font-family:-apple-system,'Helvetica Neue',var(--sans);color:#111B21;background:#fff;position:relative}
.wa-top{display:flex;justify-content:space-between;align-items:center;padding:6px 20px 0}
.wa-top b{font:600 13px/1 -apple-system,var(--sans);color:var(--wa-2);display:flex;gap:6px;align-items:center}
.wa-top b svg{width:16px;height:16px}
.wa-top i{display:flex;gap:16px}
.wa-top i svg{width:22px;height:22px}
.wa-title{font:700 33px/1.1 -apple-system,var(--sans);letter-spacing:-.03em;padding:6px 20px 12px}
.wa-search{margin:0 18px 12px;height:38px;border-radius:12px;background:#F0F2F1;color:#8A8F93;font-size:15px;display:flex;gap:8px;align-items:center;padding:0 12px}
.wa-search svg{width:16px;height:16px}
.wa-chips{display:flex;gap:8px;padding:0 18px 10px}
.wa-chips span{height:30px;padding:0 13px;border-radius:15px;background:#F0F2F1;font:500 13.5px/30px -apple-system,var(--sans);color:#54656F}
.wa-chips .on{background:#D8FDD2;color:#0A6B36}
.wa-list{flex:1;overflow:hidden}
.wa-row{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:12px;padding:10px 18px;align-items:center;position:relative}
.wa-row::after{content:"";position:absolute;left:80px;right:0;bottom:0;height:1px;background:#EEF0EF}
.wa-row.is-new{background:linear-gradient(90deg,rgba(37,211,102,.16),rgba(37,211,102,0) 85%)}
.is-live .wa-row.is-new{animation:arrive .8s var(--ease)}
@keyframes arrive{from{transform:translateY(-100%);opacity:0}to{transform:none;opacity:1}}
.av{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font:600 18px/1 -apple-system,var(--sans);color:#fff;background:var(--c,#7A8590)}
.wa-n{font:600 16.5px/1.25 -apple-system,var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}
.wa-m{font:400 15px/1.35 -apple-system,var(--sans);color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.wa-r{display:grid;justify-items:end;gap:6px;font:400 13px/1 -apple-system,var(--sans);color:#667781}
.wa-row.unread .wa-r{color:var(--wa)}
.badge{min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:var(--wa);color:#fff;font:600 12.5px/22px -apple-system,var(--sans);text-align:center}
.wa-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #EEF0EF;padding:9px 8px 30px;background:#FBFBFB}
.wa-tabs span{display:grid;justify-items:center;gap:5px;font:500 11px/1 -apple-system,var(--sans);color:#54656F}
.wa-tabs i{width:26px;height:20px;border-radius:7px;background:#E3E6E5;display:block}
.wa-tabs .on{color:#0A6B36}
.wa-tabs .on i{background:#D8FDD2}
.banner{position:absolute;left:10px;right:10px;top:58px;z-index:6;background:rgba(245,245,247,.86);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:22px;padding:13px 15px;display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;box-shadow:0 10px 30px -10px rgba(0,0,0,.25)}
.banner .app{width:38px;height:38px;border-radius:9px;background:var(--wa);display:grid;place-items:center}
.banner .app svg{width:24px;height:24px;color:#fff;overflow:visible}
.banner b{display:block;font:600 14.5px/1.25 -apple-system,var(--sans)}
.banner span{display:block;font:400 14px/1.3 -apple-system,var(--sans);color:#3C3C43}
.banner time{font:400 12.5px/1 -apple-system,var(--sans);color:#8A8A8E;align-self:start}
.feed{height:100%;display:flex;flex-direction:column;background:#F0F2F5}
.feed-top{display:flex;justify-content:space-between;align-items:center;padding:4px 18px 12px;background:#fff}
.feed-top b{font:700 25px/1 -apple-system,var(--sans);letter-spacing:-.03em}
.feed-top span{display:flex;gap:9px}
.feed-top i{width:34px;height:34px;border-radius:50%;background:#E4E6EB;display:block}
.feed-ghost{background:#fff;margin-top:8px;padding:14px 16px;display:flex;gap:12px;align-items:center}
.feed-ghost i{width:38px;height:38px;border-radius:50%;background:#E4E6EB;display:block;flex:none}
.feed-ghost span{display:grid;gap:7px;flex:1}
.feed-ghost em{display:block;height:9px;border-radius:5px;background:#E4E6EB}
.feed-ghost em+em{width:55%}
.feed .post{border-radius:0;box-shadow:none;margin-top:8px}
.chat{height:100%;display:flex;flex-direction:column;background:var(--chat)}
.chat-h{display:flex;align-items:center;gap:11px;padding:2px 16px 11px;background:#F6F6F4;border-bottom:1px solid #E4E2DE}
.chat-h .av{width:40px;height:40px;font-size:15px}
.chat-h b{display:block;font:600 16.5px/1.2 -apple-system,var(--sans)}
.chat-h small{font-size:12.5px;color:#667781}
.chat-h svg{width:13px;height:22px;color:#007AFF}
.chat-b{flex:1;padding:16px 14px;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.day{align-self:center;background:#fff;border-radius:9px;padding:5px 11px;font:500 12.5px/1.3 -apple-system,var(--sans);color:#54656F;box-shadow:0 1px 0 rgba(0,0,0,.05)}
.bub{max-width:84%;padding:8px 11px 20px;border-radius:13px;font:400 15px/1.42 -apple-system,var(--sans);position:relative;box-shadow:0 1px 0 rgba(0,0,0,.06);color:#111B21}
.bub.in{align-self:flex-start;background:#fff;border-top-left-radius:4px}
.bub.out{align-self:flex-end;background:var(--out);border-top-right-radius:4px}
.bub time{position:absolute;right:10px;bottom:5px;font-size:11px;color:#667781;display:flex;gap:3px;align-items:center}
.bub time svg{width:16px;height:10px;color:#53BDEB}
.bub b{font-weight:600}
.bub .auto{display:block;font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--wa-2);margin-bottom:6px}
.chat-in{display:flex;gap:9px;align-items:center;padding:9px 12px 30px;background:#F6F6F4}
.chat-in span{flex:1;height:38px;border-radius:19px;background:#fff;box-shadow:inset 0 0 0 1px #E4E2DE}
.chat-in i{width:38px;height:38px;border-radius:50%;background:var(--wa-2);display:block}
.post{background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--lift);font-family:-apple-system,var(--sans);color:#050505}
.post-h{display:flex;gap:10px;padding:12px 14px 9px;align-items:center}
.post-h i{width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:800 14px/1 var(--sans);font-style:normal}
.post-h b{display:block;font:600 15px/1.2 -apple-system,var(--sans)}
.post-h small{font-size:12.5px;color:#65676B}
.post-t{padding:0 14px 10px;font-size:14.5px;line-height:1.38}
.post-c{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;background:#F0F2F5}
.post-c small{display:block;font:500 10px/1.2 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#65676B}
.post-c b{display:block;font:600 14px/1.25 -apple-system,var(--sans);margin-top:2px}
.post-c span{flex:none;height:36px;padding:0 12px;border-radius:8px;background:#E4E6EB;font:600 14px/36px -apple-system,var(--sans);display:flex;gap:7px;align-items:center}
.post-c span .wa-g{width:17px;height:17px}
.poster{aspect-ratio:4/5;position:relative;overflow:hidden;container-type:inline-size;color:var(--pf,#111);background:var(--pb,#fff)}
.poster>.art,.poster>.art2,.poster>.p-cta{position:absolute}
.poster--sun{--pb:#FFB23F;--pf:#2A1300;--pc:#2A1300;--pcf:#FFB23F}
.poster--sun .art{right:-24cqw;top:-24cqw;width:80cqw;height:80cqw;border-radius:50%;background:radial-gradient(circle at 40% 60%,#FFF1C4 0 34%,#FFD36B 35% 60%,rgba(255,211,107,0) 61%)}
.poster--sun .art2{left:-10cqw;right:-10cqw;bottom:15cqw;height:30cqw;background:repeating-linear-gradient(90deg,#2A1300 0 .5cqw,transparent .5cqw 12cqw),linear-gradient(#31476E,#1B2A47);transform:perspective(60cqw) rotateX(52deg);transform-origin:bottom;border-top:1cqw solid #2A1300}
.poster--sky{--pb:#E7F2F7;--pf:#062A3A;--pc:#062A3A;--pcf:#E7F2F7}
.poster--sky .art{right:-18cqw;bottom:2cqw;width:76cqw;height:76cqw;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 18%,#CFE9F2 19% 46%,#9DD3E6 47% 62%,rgba(157,211,230,0) 63%)}
.poster--plot{--pb:#16205C;--pf:#fff;--pc:#FFAE46;--pcf:#16205C}
.poster--plot .art{left:0;right:0;bottom:15cqw;height:48cqw;background:linear-gradient(#16205C,rgba(22,32,92,0) 30%),repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 .4cqw,transparent .4cqw 16cqw),repeating-linear-gradient(0deg,rgba(255,255,255,.22) 0 .4cqw,transparent .4cqw 12cqw),linear-gradient(#2A3A8F,#3E8D5A);transform:perspective(50cqw) rotateX(58deg);transform-origin:bottom}
.poster--plot .art2{left:44cqw;bottom:30cqw;width:22cqw;height:12cqw;background:rgba(255,174,70,.85);transform:perspective(50cqw) rotateX(58deg) skewX(-8deg);transform-origin:bottom;box-shadow:0 0 0 .5cqw #FFAE46}
.poster--uni{--pb:#F1ECFF;--pf:#22075E;--pc:#5B1FD1;--pcf:#fff}
.poster--uni .art{right:-8cqw;bottom:19cqw;width:52cqw;height:52cqw;border-radius:50%;background:conic-gradient(from 200deg,#7A2BE0,#2F6CF6,#55DDEE,#7A2BE0)}
.poster--uni .art2{right:12cqw;bottom:33cqw;width:16cqw;height:16cqw;border-radius:50%;background:#F1ECFF}
.poster--road{--pb:#F6F1EA;--pf:#1A0B0D;--pc:#E5484D;--pcf:#fff}
.poster--road .art{left:4cqw;right:4cqw;bottom:16cqw}
.poster--road .art svg{width:100%;height:auto}
.lead{background:#fff;border-radius:24px;padding:20px 21px 16px;box-shadow:0 0 0 1px var(--rule),0 40px 70px -34px rgba(17,18,20,.5);width:330px}
.lead-h{display:flex;justify-content:space-between;align-items:center;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--wa-ink)}
.lead-h span{display:flex;gap:9px;align-items:center}
.lead-h span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--wa);box-shadow:0 0 0 4px var(--wa-soft)}
.lead-h time{color:var(--ink-3)}
.lead-n{font:720 23px/1.12 var(--sans);letter-spacing:-.03em;margin:14px 0 13px}
.lead-n .it{font-size:1.06em}
.lead dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0;font-size:14px;line-height:1.35}
.lead dt{color:var(--ink-3)}
.lead dd{margin:0;font-weight:600;text-align:right}
.lead-f{display:flex;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--rule-2);font-size:12.5px;color:var(--ink-3)}
.lead-f b{color:var(--ink);font-weight:600}
.mini{width:300px;height:630px;border-radius:46px;padding:9px;background:#0A0A0B;box-shadow:0 0 0 2px #BDB7AC,var(--lift);position:relative}
.mini>div{width:100%;height:100%;border-radius:38px;overflow:hidden;position:relative;background:#fff}
.mini .isl{position:absolute;top:10px;left:50%;width:92px;height:27px;margin-left:-46px;border-radius:16px;background:#000;z-index:8}
.mini>div>.ui,.mini>div>.feed,.mini>div>.chat{width:390px;height:846px;transform:scale(.7231);transform-origin:0 0}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.35)}70%,100%{box-shadow:0 0 0 26px rgba(37,211,102,0)}}
.oneph{position:relative;width:100%;height:100%;min-height:620px;align-self:stretch;justify-self:stretch}
.oneph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mini{transform:scale(.8)}
.ad{aspect-ratio:4/5;position:relative;overflow:hidden;container-type:inline-size;background:#111;color:#fff;isolation:isolate}
.ad>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.ad::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 38%,rgba(0,0,0,.55) 62%,rgba(0,0,0,.86) 100%)}
.ad--light{color:#111}
.ad--light::before{background:linear-gradient(180deg,rgba(255,250,240,0) 30%,rgba(255,250,240,.82) 52%,rgba(255,250,240,.97) 72%)}
.ad-top{position:absolute;left:6cqw;right:6cqw;top:6cqw;display:flex;justify-content:space-between;align-items:center}
.ad-mark{display:flex;align-items:center;gap:2.2cqw;font:700 3.9cqw/1 var(--sans);letter-spacing:-.02em}
.ad-mark i{width:7cqw;height:7cqw;border-radius:2cqw;background:conic-gradient(from 210deg,var(--acc),#fff,var(--acc));display:block;box-shadow:0 .5cqw 2cqw rgba(0,0,0,.25)}
.ad-tag{font:600 3.3cqw/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:2.2cqw 3cqw;border-radius:99cqw;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 .3cqw rgba(255,255,255,.35)}
.ad--light .ad-tag{background:rgba(17,18,20,.08);box-shadow:inset 0 0 0 .3cqw rgba(17,18,20,.25)}
.ad-b{position:absolute;left:6cqw;right:6cqw;bottom:19cqw}
.ad-k{font:500 3.2cqw/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:.8;margin-bottom:3cqw}
.ad-h{font:780 11.4cqw/.95 var(--sans);letter-spacing:-.05em;text-wrap:balance}
.ad-h.it{font:400 13cqw/.92 var(--serif);font-style:italic;letter-spacing:-.04em}
.ad-h.si{font:800 10cqw/1.22 var(--si);letter-spacing:-.01em}
.ad-h.ta{font:800 8.4cqw/1.28 var(--ta);letter-spacing:-.01em}
.ad-s{font:500 4.1cqw/1.4 var(--sans);margin-top:3cqw;opacity:.9;max-width:74cqw}
.ad-s.si{font:600 4.2cqw/1.5 var(--si)} .ad-s.ta{font:600 3.8cqw/1.5 var(--ta)}
.ad-p{display:flex;align-items:baseline;gap:1.6cqw;margin-top:4cqw}
.ad-p b{font:780 9cqw/1 var(--sans);letter-spacing:-.05em;color:var(--acc)}
.ad--light .ad-p b{color:#111}
.ad-p span{font:500 3.6cqw/1 var(--sans);opacity:.8}
.ad-cta{position:absolute;left:4cqw;right:4cqw;bottom:4cqw;height:12cqw;border-radius:3.2cqw;background:#fff;color:#111;display:flex;align-items:center;gap:2.6cqw;padding:0 4.4cqw;font:700 4.3cqw/1 var(--sans);box-shadow:0 2cqw 6cqw rgba(0,0,0,.3)}
.ad-cta.si{font:700 4.4cqw/1 var(--si)} .ad-cta.ta{font:700 3.9cqw/1 var(--ta)}
.ad-cta svg{width:5.6cqw;height:5.6cqw;flex:none}
.ad-cta svg:first-child{color:#25D366}
.ad-cta span{flex:1}
.ad--light .ad-cta{background:#111;color:#fff}
.post .ad{border-radius:0}
.ref{align-self:flex-end;max-width:84%;display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center;background:var(--out);border-radius:13px;padding:7px;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.ref img{width:64px;height:64px;border-radius:8px;object-fit:cover}
.ref small{display:block;font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--wa-2);margin-bottom:5px}
.ref b{display:block;font:600 14px/1.25 -apple-system,var(--sans)}
.ref span{display:block;font:400 13px/1.3 -apple-system,var(--sans);color:#54656F}
.oneph .scr{border-radius:50px}
.tap2{position:absolute;left:300px;top:700px;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:rgba(37,211,102,.24);box-shadow:0 0 0 16px rgba(37,211,102,.12);z-index:8}
.tap2::after{content:"";position:absolute;inset:28px;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.is-live .tap2{animation:pulse 2.4s var(--ease) infinite}
.feed{position:relative}
.stg{position:relative;overflow:hidden}
.stg>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
*{box-sizing:border-box}
body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
p,h1,h2,h3,h4{margin:0;font-weight:inherit}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit}
.si{font-family:var(--si)} .ta{font-family:var(--ta)}