@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,550;9..144,700&family=IBM+Plex+Sans:wght@400;500;600&display=swap");:root{--ink:#12202a;--muted:#5b6b76;--line:rgba(18,32,42,0.1);--panel:rgba(255,255,255,0.78);--accent:#0f7a6c;--accent-soft:#d8f3ee;--heat:#c45c26;--bg0:#e7eef2;--bg1:#f7faf8;--bg2:#dce8e4;--shadow:0 18px 50px rgba(18,32,42,0.08);--radius:18px;--sidebar:260px;--font-sans:"IBM Plex Sans","Helvetica Neue",sans-serif;--font-display:"Fraunces",Georgia,serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;color:var(--ink);font-family:var(--font-sans);background:radial-gradient(1200px 600px at 10% -10%,#c9e7e1 0,transparent 55%),radial-gradient(900px 500px at 100% 0,#d5e3f0 0,transparent 50%),linear-gradient(180deg,var(--bg1),var(--bg0) 45%,var(--bg2))}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:var(--sidebar);height:100vh;padding:28px 22px;border-right:1px solid var(--line);background:rgba(247,250,248,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:28px;z-index:20}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#0f7a6c,#1f4d63 60%,#c45c26);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.brand-name{font-family:var(--font-display);font-size:1.45rem;line-height:1}.brand-tag{color:var(--muted);font-size:.78rem;margin-top:4px}.nav{display:flex;flex-direction:column;gap:6px}.nav-label{margin:0 0 8px;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.nav-link{padding:10px 12px;border-radius:12px;color:var(--ink);transition:background .16s ease,transform .16s ease}.nav-link:hover{background:rgba(15,122,108,.08)}.nav-link.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-footer{margin-top:auto;color:var(--muted);font-size:.82rem;line-height:1.45}.sidebar-backdrop{display:none}.main{flex:1 1;min-width:0}.main-inner{width:min(920px,calc(100% - 48px));margin:0 auto;padding:36px 0 72px}.mobile-bar{display:none;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.menu-btn{border:1px solid var(--line);background:white;border-radius:999px;padding:8px 14px;cursor:pointer}.mobile-brand{font-family:var(--font-display);font-weight:700}.feed-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:22px}.feed-header h1{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4vw,2.8rem);letter-spacing:-.02em}.feed-subtitle{margin:8px 0 0;color:var(--muted)}.search{display:flex;gap:8px;width:min(320px,100%)}.search input{flex:1 1;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:10px 14px;outline:none}.search input:focus{border-color:rgba(15,122,108,.45);box-shadow:0 0 0 3px rgba(15,122,108,.12)}.search button{border:0;border-radius:999px;padding:10px 16px;background:var(--ink);color:white;cursor:pointer}.category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.category-tab{border:1px solid var(--line);background:rgba(255,255,255,.55);color:var(--muted);border-radius:999px;padding:8px 14px;cursor:pointer;transition:all .16s ease}.category-tab.active,.category-tab:hover{background:var(--ink);color:white;border-color:var(--ink)}.hot-strip{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin-bottom:28px;box-shadow:var(--shadow);animation:rise .42s ease both}.hot-strip-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.hot-strip-head h2{margin:0;font-size:1rem;font-family:var(--font-display)}.hot-strip-head a{color:var(--accent);font-size:.9rem}.hot-strip ol{margin:0;padding:0;list-style:none;display:grid;gap:10px}.hot-strip li{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center}.hot-rank{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:.85rem}.hot-score{color:var(--heat);font-size:.82rem;white-space:nowrap}.day-group{margin-bottom:34px;animation:rise .5s ease both}.day-group h2{margin:0 0 14px;font-family:var(--font-display);font-size:1.25rem;display:flex;gap:12px;align-items:baseline}.day-count{color:var(--muted);font-family:var(--font-sans);font-size:.85rem;font-weight:400}.article-card,.day-items{display:grid;gap:14px}.article-card{grid-template-columns:64px 1fr;padding:18px 18px 18px 12px;border-radius:var(--radius);background:rgba(255,255,255,.72);border:1px solid var(--line);transition:transform .18s ease,box-shadow .18s ease}.article-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.article-time{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.9rem;padding-top:4px;text-align:right}.article-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.article-source{color:var(--muted);font-size:.86rem}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:600;letter-spacing:.02em}.badge.featured{background:var(--accent-soft);color:var(--accent)}.badge.category{background:rgba(31,77,99,.1);color:#1f4d63}.badge.heat{background:rgba(196,92,38,.12);color:var(--heat)}.article-title{margin:0 0 8px;font-size:1.18rem;line-height:1.35;font-family:var(--font-display)}.article-title a:hover{color:var(--accent)}.article-coverage,.article-summary,.article-why{margin:0 0 8px;color:var(--muted);line-height:1.55}.article-why{color:var(--ink);background:rgba(15,122,108,.06);border-left:3px solid var(--accent);padding:10px 12px;border-radius:0 12px 12px 0}.article-why strong{color:var(--accent)}.state{padding:28px 0;color:var(--muted)}.state.error{color:#9b2c2c}.about{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);animation:rise .42s ease both}.about h1{margin:0 0 12px;font-family:var(--font-display)}.about p{color:var(--muted);line-height:1.6}.about ul{color:var(--muted);line-height:1.7}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.sidebar{position:fixed;left:0;transform:translateX(-105%);transition:transform .22s ease;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.sidebar-backdrop.open{display:block;position:fixed;inset:0;background:rgba(18,32,42,.35);z-index:15}.mobile-bar{display:flex}.main-inner{width:min(100% - 28px,920px);padding-top:22px}.feed-header{flex-direction:column;align-items:stretch}.search{width:100%}.article-card{grid-template-columns:48px 1fr}}