:root{--ink:#0d0d0d;--paper:#fafaf8;--surface:#f2f1ee;--border:#e2e0da;--muted:#8a8880;--accent:#e8380d;--accent2:#1a6bff;--lime:#ccf381;--card-bg:#fff;--shadow:#00000014;--nav-bg:#fafaf8f2}[data-theme=dark]{--ink:#f0efec;--paper:#111110;--surface:#1a1918;--border:#2a2826;--muted:#8e8c83;--card-bg:#1a1918;--shadow:#00000073;--nav-bg:#111110f2}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Instrument Sans,sans-serif;transition:background .25s,color .25s;overflow-x:hidden}.display{letter-spacing:.02em;font-family:Bebas Neue,sans-serif;line-height:.95}.mono{font-family:DM Mono,monospace}.aff-note{color:var(--muted);font-family:DM Mono,monospace;font-size:10px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.wm-ho{color:var(--accent)}#read-progress{background:var(--accent);z-index:200;width:0%;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}#navbar{z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px);border-bottom:1.5px solid var(--border);width:100%;transition:box-shadow .3s,background .25s,border-color .25s;position:fixed;top:0;left:0}#navbar.scrolled{box-shadow:0 4px 24px var(--shadow)}.nav-inner{justify-content:space-between;align-items:center;gap:.75rem;max-width:1280px;height:60px;margin:auto;padding:0 1.25rem;display:flex}#dark-toggle{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;width:32px;height:32px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}#dark-toggle:hover{border-color:var(--ink);color:var(--ink)}#search-wrap{background:var(--card-bg);border:1.5px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:7px 14px;transition:border-color .2s,box-shadow .2s;display:none}#search-wrap.open{display:flex}#search-wrap:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px #0d0d0d12}#search-input{color:var(--ink);background:0 0;border:none;outline:none;width:160px;font-family:Instrument Sans,sans-serif;font-size:13px}#search-input::placeholder{color:var(--muted)}#search-results{z-index:99;background:var(--card-bg);border-bottom:1.5px solid var(--border);box-shadow:0 8px 24px var(--shadow);max-height:65vh;padding:.75rem 1.25rem;display:none;position:fixed;top:60px;left:0;right:0;overflow-y:auto}#search-results-inner{max-width:1280px;margin:auto}.search-result-item{border-bottom:1px solid var(--border);color:var(--ink);align-items:center;gap:10px;padding:9px 0;text-decoration:none;transition:color .2s;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{color:var(--accent)}.tag{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:4px;padding:3px 9px;font-family:DM Mono,monospace;font-size:10px;font-weight:500;display:inline-block}.tag-review{color:var(--accent);background:#fff0ed;border:1px solid #fccabb}.tag-comparison{color:var(--accent2);background:#edf3ff;border:1px solid #bccfff}.tag-top{color:#2e7d10;background:#f0fde8;border:1px solid #b6edaa}.tag-guide{color:#6b3fd4;background:#f5f0ff;border:1px solid #cdb8ff}.tag-news{color:#0369a1;background:#eff8ff;border:1px solid #bae6fd}.tag-opinion{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}[data-theme=dark] .tag-review{color:#ff7a5a;background:#2a1008;border-color:#6b2010}[data-theme=dark] .tag-comparison{color:#6ea3ff;background:#071320;border-color:#0d2a5a}[data-theme=dark] .tag-top{color:#6fcc50;background:#0a1e05;border-color:#1a4a0a}[data-theme=dark] .tag-guide{color:#b48aff;background:#150d28;border-color:#3a1f7a}[data-theme=dark] .tag-news{color:#60b8f0;background:#071520;border-color:#0a3050}[data-theme=dark] .tag-opinion{color:#f09060;background:#1e0e02;border-color:#6b2a08}.badge-new{letter-spacing:.1em;background:var(--lime);color:#111;text-transform:uppercase;border-radius:4px;padding:2px 7px;font-family:DM Mono,monospace;font-size:9px;font-weight:500;animation:2.2s ease-in-out infinite pulse-new;display:inline-block}@keyframes pulse-new{0%,to{opacity:1}50%{opacity:.6}}.card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:16px;flex-direction:column;height:100%;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden}.card:hover{box-shadow:0 12px 32px var(--shadow);border-color:var(--ink);transform:translateY(-4px)}.card:hover .card-img img{transform:scale(1.05)}.card:hover .card-title{color:var(--accent)}.card-img{flex-shrink:0;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.card-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.card-title{transition:color .2s}.card-share{z-index:2;cursor:pointer;color:#111;opacity:0;pointer-events:none;background:#ffffffeb;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 2px 6px #0000001f}.card:hover .card-share{opacity:1;pointer-events:auto}.card-share:hover{color:#fff;background:#111;transform:scale(1.1)}[data-theme=dark] .card-share{color:#fff;background:#1a1918e6}[data-theme=dark] .card-share:hover{color:#111;background:#fff}.card.list-mode{flex-direction:row}.card.list-mode .card-img{aspect-ratio:4/3;flex-shrink:0;width:180px}.card.list-mode .card-img img{height:100%}@media (width<=500px){.card.list-mode{flex-direction:column}.card.list-mode .card-img{aspect-ratio:16/9;width:100%}}.rating-stamp{background:var(--ink);width:44px;height:44px;color:var(--paper);border:2px solid var(--card-bg);box-shadow:0 4px 12px var(--shadow);z-index:2;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-family:Bebas Neue,sans-serif;font-size:15px;line-height:1;display:flex;position:absolute;top:12px;right:12px}.rating-stamp span{opacity:.6;font-family:DM Mono,monospace;font-size:7px;line-height:1}.hero-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:20px;transition:box-shadow .3s,border-color .3s;overflow:hidden}.hero-card:hover{box-shadow:0 16px 48px var(--shadow);border-color:var(--ink)}.hero-card:hover .hero-img img{transform:scale(1.03)}.hero-img{overflow:hidden}.hero-img img{transition:transform .6s}.hero-grid{grid-template-columns:1fr 1fr;min-height:360px;display:grid}@media (width<=768px){.hero-grid{grid-template-columns:1fr}.hero-img{aspect-ratio:16/9}.hero-img img{object-fit:cover;width:100%;height:100%;display:block}.hero-content{padding:1.5rem!important}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-inner{white-space:nowrap;animation:25s linear infinite ticker;display:flex}.ticker-inner:hover{animation-play-state:paused}#filter-bar{background:var(--paper);border-bottom:1.5px solid var(--border);transition:background .25s,border-color .25s,box-shadow .3s}#filter-bar.is-sticky{z-index:90;box-shadow:0 4px 20px var(--shadow);position:fixed;top:60px;left:0;right:0}#filter-bar-spacer{display:none}#filter-bar-spacer.active{display:block}#filter-bar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;max-width:1280px;margin:auto;padding:.8rem 1.25rem;display:flex}.cat-btn{border:1.5px solid var(--border);color:var(--muted);background:var(--card-bg);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-family:DM Mono,monospace;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.cat-btn:hover{border-color:var(--ink);color:var(--ink);background:var(--surface)}.cat-btn.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.cat-count{opacity:.7;text-align:center;background:#78787826;border-radius:999px;min-width:18px;padding:2px 6px;font-size:9px;transition:background .2s,opacity .2s}.cat-btn.active .cat-count{opacity:1;background:#fff3}[data-theme=dark] .cat-btn.active .cat-count{background:#0003}.filter-row{-ms-overflow-style:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}@supports (scrollbar-width:none){.filter-row{scrollbar-width:none}}.filter-row::-webkit-scrollbar{display:none}#article-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}#article-grid.list-view{grid-template-columns:1fr}@media (width<=640px){#article-grid{grid-template-columns:1fr}}.view-btn{cursor:pointer;border:1.5px solid var(--border);background:var(--card-bg);width:32px;height:32px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.view-btn.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.view-btn:hover:not(.active){border-color:var(--ink);color:var(--ink);background:var(--surface)}#random-btn{cursor:pointer;border:1.5px solid var(--border);background:var(--card-bg);color:var(--muted);white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-family:DM Mono,monospace;font-size:11px;transition:all .2s;display:inline-flex}#random-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--surface)}.reveal{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(20px)}.reveal.active{opacity:1;transform:translateY(0)}.hindi-bg{color:#0d0d0d08;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:0;font-family:Bebas Neue,sans-serif;font-size:clamp(80px,16vw,220px);position:absolute;top:50%;right:-40px;transform:translateY(-50%)rotate(-8deg)}[data-theme=dark] .hindi-bg{color:#ffffff05}.nl-input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:Instrument Sans,sans-serif;font-size:14px}.nl-input::placeholder{color:#888}.nl-input:disabled{opacity:.5}#mobile-menu{background:var(--paper);z-index:150;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:2rem;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0;transform:translate(100%)}#mobile-menu.open{transform:translate(0)}.footer-link{color:var(--muted);font-size:14px;text-decoration:none;transition:color .2s;position:relative}.footer-link:after{content:"";background:var(--ink);width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.footer-link:hover{color:var(--ink)}.footer-link:hover:after{width:100%}.footer-link-dash{color:var(--accent)!important}.footer-link-dash:after{background:var(--accent)!important}#back-top{z-index:39;background:var(--ink);width:42px;height:42px;color:var(--paper);cursor:pointer;box-shadow:0 4px 14px var(--shadow);opacity:0;pointer-events:none;border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .3s,transform .2s;display:flex;position:fixed;bottom:5.5rem;right:1.25rem}#back-top.visible{opacity:1;pointer-events:auto}#back-top:hover{transform:scale(1.1)}#toast{background:var(--ink);color:var(--paper);letter-spacing:.04em;z-index:300;opacity:0;pointer-events:none;white-space:nowrap;border-radius:999px;padding:.75rem 1.5rem;font-family:DM Mono,monospace;font-size:12px;transition:opacity .3s,transform .3s;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(12px)}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:16px;overflow:hidden}.skel-img{aspect-ratio:16/9;background:linear-gradient(90deg, var(--surface) 25%, var(--border) 50%, var(--surface) 75%);background-size:200% 100%;animation:1.4s infinite shimmer}.skel-body{padding:1.25rem}.skel-line{background:linear-gradient(90deg, var(--surface) 25%, var(--border) 50%, var(--surface) 75%);background-size:200% 100%;border-radius:6px;height:11px;margin-bottom:10px;animation:1.4s infinite shimmer}.skel-line.w60{width:60%}.skel-line.w40{width:40%}@media (width<=640px){.hide-sm{display:none!important}main{padding:1.5rem 1rem 4rem!important}.nl-box{gap:1.25rem!important;padding:1.75rem 1.25rem!important}.nl-form{width:100%!important}}#sub-popup-overlay{backdrop-filter:blur(8px);z-index:1000;visibility:hidden;opacity:0;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0}#sub-popup-overlay.open{opacity:1;visibility:visible}#sub-card{background:var(--card-bg);text-align:center;width:100%;max-width:440px;box-shadow:0 24px 48px var(--shadow);border-radius:16px;padding:3rem 2rem;transition:transform .3s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(20px)}#sub-popup-overlay.open #sub-card{transform:translateY(0)}#sub-close{background:var(--surface);cursor:pointer;width:32px;height:32px;color:var(--ink);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}#sub-close:hover{background:var(--border)}.sub-title{letter-spacing:.1em;margin-bottom:.5rem;font-family:DM Mono,monospace;font-size:14px;font-weight:600}.sub-text{color:var(--ink);margin-bottom:2rem;font-size:18px;line-height:1.4}#sub-form{flex-direction:column;gap:12px;display:flex}.sub-input{border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--ink);border-radius:8px;outline:none;padding:14px 16px;font-size:15px;transition:border-color .2s}.sub-input:focus{border-color:var(--ink)}.sub-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:background .2s}
