.np-header{background:var(--c-bg);padding:160px 0 80px;position:relative;overflow:hidden}[data-theme=dark] .np-header{background:var(--c-bg)}.np-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#e639461f 0%,#0000 60%);width:600px;height:600px;position:absolute;top:-200px;right:-200px}.np-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#f4a2611a 0%,#0000 60%);width:400px;height:400px;position:absolute;top:100px;left:-150px}.np-head-row{z-index:1;grid-template-columns:1.4fr 1fr;align-items:flex-end;gap:60px;display:grid;position:relative}.np-head-left{flex-direction:column;gap:20px;display:flex}.np-title{font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(40px,5.6vw,76px);font-weight:800;line-height:1.02}.np-sub{color:var(--c-mute);max-width:540px;margin:0;font-size:18px;line-height:1.55}.np-stats{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);flex-direction:column;gap:16px;padding:28px;display:flex}.np-stat-row{border-bottom:1px solid var(--c-line);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:14px;display:flex}.np-stat-row:last-child{border-bottom:none;padding-bottom:0}.np-stat-lbl{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--c-mute);font-size:11px}.np-stat-val{font-family:var(--font-display);letter-spacing:-.02em;color:var(--c-ink);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.np-stat-val .stat-unit{color:var(--c-mute);margin-left:4px;font-size:13px;font-weight:500}.np-toolbar{z-index:2;flex-wrap:wrap;align-items:center;gap:16px;margin-top:48px;display:flex;position:relative}.np-search{flex:320px;min-width:260px;position:relative}.np-search input{background:var(--c-surface);border:1px solid var(--c-line-2);border-radius:var(--r-pill);width:100%;color:var(--c-ink);padding:16px 22px 16px 52px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.np-search input::placeholder{color:var(--c-mute)}.np-search input:focus{border-color:var(--c-red);outline:none;box-shadow:0 0 0 4px #e639461f}.np-search-icon{width:18px;height:18px;color:var(--c-mute);pointer-events:none;position:absolute;top:50%;left:22px;transform:translateY(-50%)}[data-theme=dark] .np-search input{background:var(--c-surface);color:var(--c-ink)}.np-cats{flex-wrap:wrap;gap:8px;margin:-6px 0;padding:6px 0;display:flex;overflow-x:auto}.np-cats::-webkit-scrollbar{display:none}.np-cat{background:var(--c-surface);border:1px solid var(--c-line-2);color:var(--c-ink);border-radius:var(--r-pill);font-family:var(--font-display);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:11px 18px;font-size:13px;font-weight:600;transition:background .2s,color .2s,border-color .2s,transform .18s;display:inline-flex}.np-cat:hover{border-color:var(--c-ink);transform:translateY(-1px)}.np-cat.active{background:var(--c-ink);color:var(--c-bg);border:none;padding:12px 19px}[data-theme=dark] .np-cat.active{background:var(--grad-fire);color:#fff;border:none;padding:12px 19px}.np-cat .count{font-family:var(--font-mono);opacity:.65;font-size:11px;font-weight:500}.np-cat:focus,.np-pg-btn:focus,.np-sort select:focus{outline:none}.np-cat:focus-visible,.np-pg-btn:focus-visible,.np-sort select:focus-visible{outline:2px solid var(--c-ink);outline-offset:2px}@media (max-width:900px){.np-header{padding:130px 0 56px}.np-head-row{grid-template-columns:1fr;gap:32px}.np-stats{padding:22px}.np-toolbar{margin-top:32px}}@media (max-width:480px){.np-header{padding:110px 0 40px}.np-stats{gap:12px;padding:18px}.np-stat-val{font-size:20px}}.np-featured{background:var(--c-bg);padding:40px 0 60px}.np-grid-sec{background:var(--c-bg);padding:40px 0 100px}.np-grid-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;display:flex}.np-grid-head h3{font-family:var(--font-display);letter-spacing:-.025em;color:var(--c-ink);margin:0;font-size:clamp(24px,2.2vw,32px);font-weight:700}.np-grid-head .count{font-family:var(--font-mono);color:var(--c-mute);font-size:12px}.np-sort{font-family:var(--font-mono);color:var(--c-mute);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;display:inline-flex}.np-sort select{background:var(--c-surface);border:1px solid var(--c-line-2);border-radius:var(--r-pill);font-family:var(--font-display);color:var(--c-ink);cursor:pointer;text-transform:none;letter-spacing:-.01em;padding:10px 16px;font-size:13px;font-weight:600}.np-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.np-grid>.fade-up{display:flex}.np-grid>.fade-up>.np-card{width:100%}.np-grid>.np-card,.np-grid>.fade-up>.np-card{height:100%}@media (max-width:1024px){.np-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.np-grid{grid-template-columns:1fr}}.np-card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);cursor:pointer;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.np-card:hover{box-shadow:var(--shadow-lg);border-color:var(--c-line-2);transform:translateY(-4px)}.np-card-cover{aspect-ratio:16/9;justify-content:space-between;align-items:flex-end;padding:14px;display:flex;position:relative;overflow:hidden}.np-card-cover:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 50%,#0a1f442e 100%);position:absolute;inset:0}.np-card-cat{z-index:2;color:var(--c-ink);border-radius:var(--r-pill);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:#fffffff2;padding:6px 12px;font-size:10.5px;font-weight:700;position:relative}.np-card-pin{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);background:#0a1f4499;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:none;position:relative}.np-card.pinned .np-card-pin{display:inline-flex}.np-card.tone-fire .np-card-cover{background:linear-gradient(135deg,#e63946 0%,#f4a261 100%)}.np-card.tone-ink .np-card-cover{background:linear-gradient(135deg,#0a1f44 0%,#1a2d5a 100%)}.np-card.tone-orange .np-card-cover{background:linear-gradient(135deg,#f4a261 0%,#ffd166 100%)}.np-card.tone-cream .np-card-cover{background:linear-gradient(135deg,#f8f1e5 0%,#e8dcc2 100%)}.np-card.tone-mint .np-card-cover{background:linear-gradient(135deg,#0a8770 0%,#14b89b 100%)}.np-card.tone-night .np-card-cover{background:linear-gradient(135deg,#1a2d5a 0%,#2a3f70 100%)}.np-card-img,.feat-cover-img{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.np-card-deco{pointer-events:none;position:absolute;inset:0}.np-card.tone-fire .np-card-deco:before{content:"";filter:blur(20px);background:#ffffff2e;border-radius:50%;width:160px;height:160px;position:absolute;top:-50px;right:-50px}.np-card.tone-ink .np-card-deco{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:24px 24px}.np-card.tone-orange .np-card-deco{background:radial-gradient(circle,#ffffff38 1.5px,#0000 2.5px) 0 0/18px 18px}.np-card.tone-cream .np-card-deco:before{content:"";border:2px solid #0a1f442e;border-radius:50%;width:100px;height:100px;position:absolute;top:24px;right:24px}.np-card.tone-cream .np-card-deco:after{content:"";background:#e639468c;border-radius:50%;width:60px;height:60px;position:absolute;top:60px;right:60px}.np-card.tone-mint .np-card-deco:before{content:"";filter:blur(20px);background:#ffffff24;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-60px;left:-60px}.np-card.tone-night .np-card-deco{background:radial-gradient(at 50% 100%,#f4a26159,#0000 50%)}.np-card-body{flex-direction:column;flex:1;gap:12px;padding:22px;display:flex}.np-card-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--c-ink);text-wrap:balance;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:18px;font-weight:700;line-height:1.32;display:-webkit-box;overflow:hidden}.np-card-exc{color:var(--c-mute);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.np-card-meta{border-top:1px solid var(--c-line);font-family:var(--font-mono);color:var(--c-mute);align-items:center;gap:10px;margin-top:auto;padding-top:14px;font-size:11.5px;display:flex}.np-card-author{align-items:center;gap:8px;display:flex}.np-card-ava{background:var(--c-cream);width:26px;height:26px;color:var(--c-ink);font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:11.5px;font-weight:700;display:flex}[data-theme=dark] .np-card-ava{color:var(--c-ink);background:#ffffff1a}.np-card-ava:has(.lth-logo){background:#fff;border:1px solid #0a1f441f}.np-card-ava .lth-logo{color:#0a1f44}.np-card-author b{font-family:var(--font-body);color:var(--c-ink);font-size:12.5px;font-weight:600}.np-card-meta .sep{opacity:.4}.np-card-meta .time{margin-left:auto}.np-pagination{justify-content:center;align-items:center;gap:8px;margin-top:56px;display:flex}.np-pg-btn{background:var(--c-surface);border:1px solid var(--c-line-2);width:44px;height:44px;font-family:var(--font-mono);color:var(--c-ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:background .2s,color .2s,transform .18s,border-color .2s;display:inline-flex}.np-pg-btn:hover{border-color:var(--c-ink);transform:translateY(-1px)}.np-pg-btn.active{background:var(--c-ink);color:var(--c-bg);border:none}[data-theme=dark] .np-pg-btn.active{background:var(--grad-fire);color:#fff;border:none}.np-pg-btn.icon{color:var(--c-mute);background:#0a1f440a;border-color:#0a1f4414}[data-theme=dark] .np-pg-btn.icon{color:var(--c-mute);background:#ffffff08;border-color:#ffffff14}.np-pg-btn.icon:hover{background:var(--c-ink);color:var(--c-bg);border:none}[data-theme=dark] .np-pg-btn.icon:hover{background:var(--grad-fire);color:#fff;border:none}.np-pg-btn.icon svg{transition:transform .2s cubic-bezier(.4,0,.2,1)}.np-pg-btn.icon.prev:hover svg{transform:translate(-2px)}.np-pg-btn.icon.next:hover svg{transform:translate(2px)}.np-pg-btn:disabled,.np-pg-btn.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.np-pg-ellipsis{color:var(--c-mute);font-family:var(--font-mono);padding:0 4px}[data-theme=dark] .np-search input,[data-theme=dark] .np-cat,[data-theme=dark] .np-card,[data-theme=dark] .np-stats{background:var(--c-surface)}[data-theme=dark] .np-sort select,[data-theme=dark] .np-pg-btn{background:var(--c-surface);color:var(--c-ink)}[data-theme=dark] .np-card-cat{color:#0a1f44;background:#fffffff2}@media (max-width:768px){.np-toolbar{flex-direction:column;align-items:stretch;gap:12px}.np-search{flex:unset;min-width:unset}.np-cats{flex-wrap:nowrap}.np-grid-head{flex-direction:column;align-items:flex-start;gap:12px}.np-sort{justify-content:space-between;align-self:stretch}.np-sort select{flex:1}}@media (max-width:480px){.np-grid-sec{padding:28px 0 64px}.np-card-body{gap:10px;padding:18px}.np-pagination{gap:5px;margin-top:40px}.np-pg-btn{width:38px;height:38px;font-size:12px}}@media (max-width:380px){.np-header{padding:100px 0 32px}.np-toolbar{margin-top:20px}.np-stats{gap:10px;padding:14px}.np-stat-val{font-size:18px}.np-cat{padding:8px 12px;font-size:12px}.np-pg-btn{width:34px;height:34px}.np-pg-ellipsis{display:none}}.feat-wrap{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-xl);grid-template-columns:1.35fr 1fr;align-items:center;gap:28px;transition:transform .3s,box-shadow .3s;display:grid;overflow:hidden}.feat-wrap:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feat-cover{aspect-ratio:16/9;background:var(--grad-fire);align-items:flex-end;min-height:0;padding:36px;display:flex;position:relative;overflow:hidden}.feat-cover:after{content:"";pointer-events:none;background:radial-gradient(circle at 80% 20%,#ffffff2e,#0000 50%),radial-gradient(circle at 20% 80%,#0a1f4440,#0000 55%);position:absolute;inset:0}.feat-cover-shapes{pointer-events:none;z-index:1;position:absolute;inset:0}.feat-shape{filter:blur(60px);opacity:.55;border-radius:50%;position:absolute}.feat-shape-1{background:#ffd166;width:280px;height:280px;top:-100px;right:-80px}.feat-shape-2{opacity:.35;background:#0a1f44;width:220px;height:220px;bottom:-80px;left:40%}.feat-cover-grid{opacity:.5;pointer-events:none;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.feat-cover-badge{z-index:2;color:#fff;border-radius:var(--r-pill);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);background:#0a1f44d9;align-items:center;gap:8px;padding:8px 14px;font-size:11px;display:inline-flex;position:relative}.feat-cover-badge .dot{background:var(--c-yellow);width:6px;height:6px;box-shadow:0 0 8px var(--c-yellow);border-radius:50%;animation:1.6s ease-in-out infinite pulseDot}.feat-body{flex-direction:column;align-self:stretch;gap:18px;padding:44px 44px 36px;display:flex}.feat-cat{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--c-red);align-items:center;gap:8px;font-size:11px;font-weight:600;display:inline-flex}.feat-cat:before{content:"";background:var(--c-red);border-radius:2px;width:24px;height:2px}.feat-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--c-ink);text-wrap:balance;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:clamp(26px,2.6vw,38px);font-weight:800;line-height:1.12;display:-webkit-box;overflow:hidden}.feat-excerpt{color:var(--c-mute);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.feat-meta{border-top:1px solid var(--c-line);align-items:center;gap:16px;margin-top:auto;padding-top:24px;display:flex}.feat-author{align-items:center;gap:12px;display:flex}.feat-avatar{background:var(--grad-fire);color:#fff;width:42px;height:42px;font-size:18px;font-weight:700;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;display:flex}.feat-author-info b{color:var(--c-ink);font-size:14px;font-weight:600;display:block}.feat-author-info span{font-family:var(--font-mono);color:var(--c-mute);font-size:11.5px}.feat-read-arr{background:var(--c-ink);width:36px;height:36px;color:var(--c-bg);border-radius:50%;justify-content:center;align-items:center;margin-left:8px;transition:transform .2s,background .2s;display:inline-flex}.feat-wrap:hover .feat-read-arr{background:var(--c-red);color:#fff;transform:translate(4px)}
