@font-face{font-family:Scope;src:local("Arial");font-display:swap}
:root{color-scheme:light dark;--bg:light-dark(#faf9f6,#151916);--panel:light-dark(#fff,#202620);--text:light-dark(#19271e,#f0f2e9);--muted:light-dark(#68736a,#aab5ac);--line:light-dark(#e1e6dc,#394237);--wash:light-dark(#edf1e7,#2b3428);--accent:light-dark(#35532a,#c3e58d);--on:light-dark(#fff,#1d2916)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 Scope,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8bb765;outline-offset:3px}h1,h2,h3,p{margin:0}button svg, .world-mark svg{width:21px;height:21px;flex-shrink:0}svg{vertical-align:middle}input,select,textarea{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;padding:11px 12px;max-width:100%}input[type=checkbox]{width:auto}button{border:0;background:transparent}small,.muted{color:var(--muted)}[hidden]{display:none!important}.app-shell{max-width:1500px;margin:auto;display:grid;grid-template-columns:210px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:32px 20px;background:var(--panel);display:flex;flex-direction:column}.brand{font-size:34px;font-weight:800;letter-spacing:-2px;display:inline-flex;align-items:center;gap:10px;text-decoration:none;line-height:1.2}.mark{width:21px;height:21px;border:5px solid currentColor;border-radius:50%;position:relative;display:inline-block}.mark:after{content:'';position:absolute;background:#95bb65;width:8px;height:8px;border-radius:50%;top:-8px;right:-7px}.sidebar nav{display:grid;gap:8px;margin-top:35px}.nav-item{display:flex;align-items:center;gap:13px;text-align:left;border-radius:9px;padding:13px 12px;min-height:47px}.nav-item.active{background:var(--wash);font-weight:700}.side-note{font-size:13px;color:var(--muted);margin:32px 13px}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:15px}.sidebar-foot small{display:block;margin:10px 12px}.page-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:12px}.page-top h1{font-size:34px;letter-spacing:-1.5px;line-height:1.2;margin-bottom:6px}.page-top p{font-size:14px}#main{min-width:0;padding:38px 36px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;border-radius:50%}.icon-button:hover{background:var(--wash)}.tabs{display:flex;gap:27px;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs button{padding:0 0 12px;border-bottom:2px solid transparent;color:var(--muted)}.tabs button.active{color:var(--text);border-bottom-color:var(--text);font-weight:700}.feed-status{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);gap:8px;margin-bottom:14px}.live-dot{display:inline-block;width:6px;height:6px;background:#6c9749;border-radius:50%;margin-right:6px}.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row dense;gap:10px}.story-card{min-width:0;position:relative;border-radius:10px;overflow:hidden;aspect-ratio:4/5;padding:0;display:block;text-align:left;background:var(--wash);isolation:isolate}.story-card.large{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}.story-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.story-card:hover img{transform:scale(1.025)}.story-card .reason{position:absolute;left:12px;bottom:12px;right:12px;display:flex;justify-content:space-between;align-items:center;gap:4px;font-size:11px;color:#fff;text-shadow:0 1px 2px #0008}.reason span{background:#162920bd;border-radius:5px;padding:4px 6px}.reason svg{width:13px;height:13px}.story-card .page-count{position:absolute;top:12px;right:12px;border-radius:4px;background:#162920ba;color:#fff;padding:3px 6px;font-size:11px}.load-row{display:flex;justify-content:center;padding:24px}.secondary,.primary,.action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:8px;padding:9px 15px;font-weight:600}.secondary,.action{border:1px solid var(--line);background:var(--panel)}.primary{background:var(--accent);color:var(--on)}.quiet{color:var(--muted);padding:10px}.feed-foot{border-top:1px solid var(--line);display:flex;gap:14px;padding:20px 0;align-items:center}.feed-foot p{font-size:12px;color:var(--muted);margin-top:3px}.feed-foot strong{font-size:14px}.feed-foot .icon-button{margin-left:auto}.world-mark{width:42px;height:42px;border-radius:50%;background:var(--wash);display:grid;place-items:center;flex-shrink:0}.empty{grid-column:1/-1;padding:50px 15px;text-align:center;color:var(--muted)}.empty h2{color:var(--text);font-size:22px;margin-bottom:8px}#search{width:100%;margin-bottom:20px}.onboarding{border-radius:12px;padding:20px;background:var(--wash);margin-bottom:20px}.onboarding h2{font-size:20px;letter-spacing:-.4px}.onboarding p{color:var(--muted);font-size:13px;margin:7px 0 15px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.chips button{border:1px solid var(--line);padding:7px 12px;border-radius:25px;background:var(--panel);font-size:13px}.chips button[aria-pressed=true]{background:var(--accent);color:var(--on)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mobile-nav{display:none}dialog{border:1px solid var(--line);color:var(--text);background:var(--bg);padding:0;border-radius:16px;max-width:calc(100% - 24px)}dialog::backdrop{background:#07100dd4;backdrop-filter:blur(7px)}#reader{width:1100px;max-height:96dvh;overflow:auto}#reader-content{padding:18px 25px}.reader-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.reader-top strong{font-size:17px;letter-spacing:-.5px}.reader-top small{font-size:12px}.reader-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.8fr);gap:28px}.slides{min-width:0}.slide-viewport{display:flex;justify-content:center;touch-action:none;user-select:none}.slide-viewport img{display:block;width:100%;max-height:76dvh;object-fit:contain;border-radius:9px;aspect-ratio:4/5}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.dots{display:flex;gap:5px}.dots i{width:5px;height:5px;border-radius:5px;background:var(--line)}.dots i.active{width:18px;background:var(--text)}.reader-aside{padding:15px 0}.overline{text-transform:uppercase;letter-spacing:1.5px;font-size:11px;color:var(--muted)}.reader-aside h2{font-size:25px;line-height:1.25;letter-spacing:-.6px;margin:14px 0}.reader-aside p{font-size:13px;color:var(--muted)}.source-credit svg{width:18px;height:18px;flex-shrink:0}.source-credit{display:block;margin:16px 0;color:var(--muted);font-size:13px}.meta{padding:13px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;gap:10px}.reactions{display:flex;gap:7px;align-items:center;margin:15px 0;flex-wrap:wrap}.action{font-weight:400;padding:7px 10px;font-size:12px}.action svg{width:17px;height:17px}.action[aria-pressed=true]{background:var(--accent);color:var(--on)}.text-button{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;padding:9px 0}.text-button svg{width:18px}.reader-bottom{display:none}.reader-footer{border-top:1px solid var(--line);margin-top:10px;padding:14px 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.reader-footer span{font-size:12px;color:var(--muted)}.reader-footer svg{width:16px}.linked{margin-top:24px;border-top:1px solid var(--line);padding-top:15px}.linked button{display:block;text-align:left;font-size:13px;padding:10px 0}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.dialog-head h2{font-size:22px;letter-spacing:-.5px}#details{width:480px;padding:22px;max-height:86dvh}#details-body p{color:var(--muted);font-size:14px;margin:12px 0}#details-body a{word-break:break-word}#details-body .menu-row{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;width:100%;text-align:left;padding:14px 0;gap:12px}#details-body textarea{display:block;width:100%;margin:15px 0;min-height:100px}.microstats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.microstats div{background:var(--wash);padding:16px;border-radius:8px}.microstats strong{display:block;font-size:28px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--text);color:var(--bg);padding:12px 20px;border-radius:9px;z-index:1000;box-shadow:0 8px 35px #0002;max-width:calc(100% - 30px);font-size:13px}.error{color:light-dark(#9b3423,#ffad9c)}.loading{opacity:.6}a.external{display:flex;align-items:center;gap:8px;text-decoration:none}.external:hover{text-decoration:underline}
.tile-text{position:absolute;inset:14px 14px auto;color:#f2eee1;pointer-events:none}.tile-text small{display:block;color:inherit;text-transform:uppercase;font-size:10px;letter-spacing:1.1px;font-weight:700;margin-right:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tile-text h2{font-size:20px;letter-spacing:-.55px;line-height:1.12;margin-top:13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;overflow-wrap:anywhere}.story-card.large .tile-text{inset:26px 26px auto}.story-card.large .tile-text small{font-size:12px}.story-card.large .tile-text h2{font-size:40px;letter-spacing:-1.4px;margin-top:24px;-webkit-line-clamp:8}.story-card[data-topic=Science] .tile-text{color:#272c30}.story-card[data-topic=Technology] .tile-text{color:#23334c}.story-card[data-topic=Environment] .tile-text,.story-card[data-topic=Kerala] .tile-text,.story-card[data-topic=Punjab] .tile-text,.story-card[data-topic=Sport] .tile-text{color:#17392b}.story-card[data-topic=Finance] .tile-text{color:#edf3cf}
@media(min-width:1400px){.story-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1000px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:30px 12px}.sidebar .brand{font-size:0}.nav-item{font-size:0;justify-content:center;padding:13px}.nav-item svg{width:23px;height:23px}.side-note,.sidebar-foot small{display:none}#main{padding:28px 24px}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reader-body{gap:20px}.reader-aside h2{font-size:22px}}
@media(max-width:650px){.app-shell{display:block}.sidebar{display:none}#main{padding:25px 12px 80px}.page-top h1{font-size:29px}.page-top p{font-size:12px}.tabs{font-size:14px;margin-bottom:16px}.story-grid{gap:5px}.story-card{border-radius:6px}.story-card:not(.large) .reason{display:none}.story-card .reason{left:7px;bottom:7px;right:7px;font-size:10px}.story-card .page-count{right:6px;top:6px;padding:2px 4px;font-size:10px}.feed-status{font-size:11px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;padding:8px 15px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--panel);display:flex;justify-content:space-around;z-index:10}.mobile-nav button{width:46px;height:42px}.mobile-nav .active{color:var(--accent)}.feed-foot p{font-size:11px}.feed-foot strong{font-size:13px}#reader{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}#reader-content{padding:10px 12px max(18px,env(safe-area-inset-bottom))}.reader-top{margin:0 0 7px}.reader-body{display:block}.slide-viewport img{max-height:65dvh;object-fit:contain;border-radius:8px}.reader-aside{display:none}.reader-bottom{display:block}.reader-bottom .reactions{margin:5px 0;justify-content:space-between;flex-wrap:nowrap}.reader-bottom .action{font-size:12px;padding:8px;min-height:42px}.reader-footer{padding-top:12px}.reader-footer .primary{font-size:13px}.reader-bottom .source-credit{font-size:11px;margin:5px 0}.reader-footer span{font-size:11px}.pagination .icon-button{min-height:34px}.reader-footer .primary{min-height:40px}#details{align-self:end;margin-bottom:10px}.onboarding{padding:16px}.chips{gap:6px}.chips button{font-size:12px}input,select,textarea{font-size:16px}#toast{bottom:80px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after,*::backdrop{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(max-width:650px){.tile-text{inset:10px 8px auto}.tile-text small{display:none}.tile-text h2{font-size:13px;line-height:1.1;margin-top:20px;-webkit-line-clamp:5;letter-spacing:-.3px}.story-card.large .tile-text{inset:13px 12px auto}.story-card.large .tile-text small{display:block;font-size:10px}.story-card.large .tile-text h2{font-size:27px;line-height:1.08;letter-spacing:-.8px;margin-top:17px;-webkit-line-clamp:7}}

.story-card.visual .tile-text{inset:auto 16px 50px;color:#fff8e9}.story-card.visual .tile-text h2{-webkit-line-clamp:5;text-shadow:0 1px 12px #0008}.story-card.visual .tile-text small{color:#e3eacb}.story-card.visual.large .tile-text{inset:auto 26px 68px}.story-card.visual.large .tile-text h2{font-size:38px;-webkit-line-clamp:6}.photo-label{position:absolute;left:12px;top:12px;max-width:calc(100% - 78px);font-size:10px;line-height:1.25;letter-spacing:.4px;background:#12251ddb;color:#fff8e9;border-radius:5px;padding:5px 7px}.credits-heading{margin-top:22px}.image-credit{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.image-credit img{width:76px;height:92px;object-fit:cover;border-radius:6px}.image-credit div{min-width:0}.image-credit strong{font-size:13px}.image-credit p{font-size:12px!important}
@media(max-width:650px){.story-card.visual .tile-text{inset:auto 8px 10px}.story-card.visual .tile-text h2{font-size:12px;margin:0;-webkit-line-clamp:4}.story-card.visual.large .tile-text{inset:auto 12px 38px}.story-card.visual.large .tile-text h2{font-size:24px;margin-top:5px;-webkit-line-clamp:5}.photo-label{left:6px;top:7px;max-width:calc(100% - 42px);font-size:8px;padding:3px 4px}.story-card.visual.large .photo-label{font-size:9px}.story-card.visual.large .tile-text small{font-size:10px}}

.story-card{box-shadow:0 2px 5px #10271a0a,0 0 0 1px #263c1910;transition:transform .26s cubic-bezier(.22,.8,.25,1),box-shadow .26s,opacity .2s;transform-origin:center 65%}
.story-card img{transition:transform .4s cubic-bezier(.22,.8,.25,1)}
.story-card:hover img{transform:none}
.story-card:active{transform:scale(.965);box-shadow:0 1px 3px #10271a12}
.story-card.is-open{opacity:.3}
@media(hover:hover) and (pointer:fine){.story-card:hover{transform:translateY(-5px) rotate(-.35deg);box-shadow:0 14px 25px #10271a22,0 2px 6px #10271a14;z-index:1}.story-card:hover img{transform:scale(1.025)}.story-card:active{transform:translateY(-1px) scale(.97)}}
#reader{position:fixed;inset:0;margin:auto;overscroll-behavior:contain;overflow-x:hidden;box-shadow:0 28px 90px #0005}
#reader[open]::backdrop{animation:backdrop-in .3s ease both}
#reader.is-closing::backdrop{animation:backdrop-out .26s ease both}
.reader-top,.reader-aside,.reader-bottom,.reader-footer,.pagination{position:relative;z-index:2}
#reader.is-closing .reader-top,#reader.is-closing .reader-aside,#reader.is-closing .reader-bottom,#reader.is-closing .reader-footer,#reader.is-closing .pagination{opacity:0;transition:opacity .2s}
.slide-viewport{position:relative;display:block;width:100%;max-width:calc(76dvh * .8);aspect-ratio:4/5;margin:0 auto 9px;touch-action:pinch-zoom;cursor:grab;isolation:isolate}
.slide-viewport::before,.slide-viewport::after{content:'';position:absolute;inset:0;border:1px solid var(--line);border-radius:14px;background:var(--panel);pointer-events:none;z-index:-1;transform-origin:center bottom;transition:transform .3s cubic-bezier(.22,.8,.25,1)}
.slide-viewport::before{transform:translateY(8px) scale(.96)}
.slide-viewport::after{transform:translateY(4px) scale(.98)}
.slide-card{position:absolute;inset:0;border-radius:13px;background:var(--wash);box-shadow:0 12px 32px #071a1526,0 2px 5px #071a151a;transform-origin:top left;overflow:hidden;backface-visibility:hidden}
.slide-card img{width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0;pointer-events:none}
.slide-card.outgoing{pointer-events:none}
.slide-viewport.is-dragging{cursor:grabbing}
.slide-viewport.is-dragging .slide-card{will-change:transform,opacity}
.slide-viewport.is-dragging::before{transform:translateY(10px) scale(.975)}
.slide-viewport.is-dragging::after{transform:translateY(5px) scale(.99)}
.slide-viewport[aria-busy=true]::after{border-color:var(--accent)}
.dots{align-items:center;min-height:20px}.dots i{transition:width .3s cubic-bezier(.22,.8,.25,1),background .2s,transform .3s}.dots i.active{transform:scaleY(1.15)}
.icon-button,.primary,.secondary,.action{transition:transform .18s,background .2s,box-shadow .2s}
.icon-button:active:not(:disabled),.primary:active:not(:disabled),.secondary:active:not(:disabled),.action:active:not(:disabled){transform:scale(.92)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes backdrop-in{from{background:#07100d00;backdrop-filter:blur(0)}to{background:#07100dd4;backdrop-filter:blur(7px)}}
@keyframes backdrop-out{from{background:#07100dd4;backdrop-filter:blur(7px)}to{background:#07100d00;backdrop-filter:blur(0)}}
@media(max-width:650px){#reader{margin:0}.slide-viewport{max-width:calc(65dvh * .8)}.slide-card{border-radius:12px}.slide-card img{max-height:none;border-radius:0}}
@media(prefers-reduced-motion:reduce){.story-card:hover,.story-card:active,.story-card:hover img,.icon-button:active:not(:disabled),.primary:active:not(:disabled),.secondary:active:not(:disabled),.action:active:not(:disabled){transform:none}}

.slide-preview{position:absolute;inset:0;overflow:hidden;border-radius:13px;transform:translateY(6px) scale(.97);transform-origin:center bottom;opacity:.88;pointer-events:none;background:var(--wash)}.slide-preview img{width:100%;height:100%;max-height:none;border-radius:0}