@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg-primary:#fafaf9;--bg-secondary:#f5f5f4;--bg-card:#fff;--color-forest:#15803d;--color-forest-light:#6ee7b7;--color-forest-bright:#4ade80;--color-forest-mid:#34d399;--color-amber:#ea580c;--color-red-hot:#dc2626;--text-primary:#0a0a0a;--text-secondary:#525252;--text-muted:#a3a3a3;--border:#e5e5e5;--shadow-sm:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.03);--shadow-md:0 4px 12px rgba(0,0,0,.06),0 2px 4px rgba(0,0,0,.03);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SF Mono",Consolas,monospace;--sidebar-width:200px;--right-width:300px;--topbar-height:64px}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#171717;--bg-card:#171717;--color-forest:#4ade80;--color-forest-light:#86efac;--color-forest-bright:#4ade80;--color-forest-mid:#34d399;--text-primary:#fafafa;--text-secondary:#d4d4d4;--text-muted:#737373;--border:#262626}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}img{max-width:100%;display:block}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::selection{background:rgba(21,128,61,.18)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;line-height:1.25;letter-spacing:-.02em}.mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-forest{color:var(--color-forest)}.text-amber{color:var(--color-amber)}.text-hot{color:var(--color-red-hot)}.container{max-width:1400px;margin:0 auto;padding:0 20px}.card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-forest)}.category-tag{display:inline-flex;align-items:center;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:3px 7px;border-radius:4px;background:var(--bg-secondary);color:var(--text-secondary)}.category-tag.food-safety{background:rgba(220,38,38,.1);color:#dc2626}.category-tag.business{background:rgba(37,99,235,.1);color:#2563eb}.category-tag.price{background:rgba(234,88,12,.1);color:#ea580c}.category-tag.tech{background:rgba(124,58,237,.1);color:#7c3aed}.category-tag.policy{background:rgba(8,145,178,.1);color:#0891b2}.category-tag.health{background:rgba(21,128,61,.1);color:var(--color-forest)}.hot-meter{display:inline-flex;align-items:center;gap:2px}.hot-meter .bar{width:3px;height:10px;border-radius:1.5px;background:var(--border)}.hot-meter.on .bar{background:var(--color-amber)}.hot-meter.on.fire .bar,.hot-meter.on.hot .bar{background:var(--color-red-hot)}.btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:.83rem;font-weight:600;padding:8px 16px;border-radius:8px;transition:all .2s}.btn-primary{background:var(--color-forest);color:#fff}.btn-primary:hover{background:#166534}.btn-outline{border:1.5px solid var(--color-forest);color:var(--color-forest)}.btn-outline:hover{background:var(--color-forest);color:#fff}.search-bar{display:flex;align-items:center;gap:7px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:9px;padding:6px 12px;transition:all .2s}.search-bar:focus-within{border-color:var(--color-forest);box-shadow:0 0 0 3px rgba(21,128,61,.08)}.search-bar input{border:none;background:none;outline:none;font-size:.83rem;color:var(--text-primary);width:140px;font-weight:500}.search-bar input::placeholder{color:var(--text-muted);font-weight:400}.section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:12px;display:flex;align-items:center;gap:8px}.section-label:after{content:"";flex:1 1;height:1px;background:var(--border)}@media (max-width:1100px){:root{--right-width:260px;--sidebar-width:180px}}@media (max-width:900px){.sidebar-right{display:none!important}:root{--sidebar-width:160px}}@media (max-width:700px){:root{--sidebar-width:0px}.sidebar-left{display:none!important}.mobile-cat-bar{display:flex!important}.search-bar{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.topbar{background:var(--bg-card);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.topbar-inner{max-width:1400px;margin:0 auto;padding:0 20px;height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-wrap{gap:12px;color:inherit}.brand-logo,.brand-wrap{display:flex;align-items:center;flex-shrink:0}.brand-logo{width:36px;height:36px;border-radius:9px;background:var(--color-forest-light);justify-content:center;box-shadow:0 1px 2px rgba(0,0,0,.06)}[data-theme=dark] .brand-logo{background:var(--color-forest-bright)}.brand-logo svg{width:24px;height:24px}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-size:1.1rem;font-weight:800;letter-spacing:-.025em}.brand-name .x{color:var(--color-forest-mid)}[data-theme=dark] .brand-name .x{color:var(--color-forest-bright)}.brand-tagline{font-size:.65rem;color:var(--text-muted);font-weight:500;letter-spacing:.02em;margin-top:1px}.topbar-center{flex:1 1;display:flex;align-items:center;justify-content:center}.topbar-date{font-size:.73rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.topbar-right{gap:8px;flex-shrink:0}.icon-btn,.topbar-right{display:flex;align-items:center}.icon-btn{width:34px;height:34px;border-radius:8px;justify-content:center;font-size:1rem;color:var(--text-secondary);transition:all .2s}.icon-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.mobile-cat-bar{background:var(--bg-card);border-bottom:1px solid var(--border);overflow:hidden}.mobile-scroll{display:flex;gap:4px;padding:8px 16px;overflow-x:auto;scrollbar-width:none}.mobile-scroll::-webkit-scrollbar{display:none}.mobile-cat-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:500;white-space:nowrap;color:var(--text-secondary);border:1px solid transparent;transition:all .18s;flex-shrink:0}.mobile-cat-btn:hover{background:var(--bg-secondary)}.mobile-cat-btn.active{background:var(--color-forest);color:#fff;font-weight:600}.layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr var(--right-width);grid-gap:20px;gap:20px;align-items:start}.sidebar-left{position:-webkit-sticky;position:sticky;top:calc(var(--topbar-height) + 16px);padding:20px 0}.sidebar-left-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:0 8px;margin-bottom:6px}.category-list{display:flex;flex-direction:column;gap:2px}.cat-tab{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:.85rem;font-weight:500;color:var(--text-secondary);transition:all .18s;text-align:left;width:100%}.cat-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.cat-tab.active{background:var(--color-forest);color:#fff;font-weight:600}.cat-tab .cat-icon{font-size:1rem;flex-shrink:0}.cat-tab .cat-name{flex:1 1}.cat-tab .cat-count{font-family:var(--font-mono);font-size:.7rem;font-weight:600;background:rgba(0,0,0,.08);padding:1px 6px;border-radius:5px;min-width:24px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.7}.cat-tab.active .cat-count{background:hsla(0,0%,100%,.25);opacity:1}.main-content{padding:20px 0;min-width:0}.breaking-banner{background:var(--text-primary);border-radius:var(--radius-lg);padding:14px 18px;margin-bottom:16px;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden}.breaking-banner:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-forest),var(--color-amber),var(--color-red-hot))}.breaking-badge{background:var(--color-red-hot);color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;border-radius:4px;flex-shrink:0;display:flex;align-items:center;gap:4px;animation:blink-badge 1.5s ease-in-out infinite}@keyframes blink-badge{0%,to{opacity:1}50%{opacity:.65}}.breaking-text{font-size:.88rem;font-weight:600;color:var(--bg-card);line-height:1.4}.breaking-text a:hover{color:var(--color-amber)}.article-featured{display:grid;grid-template-columns:1.1fr 1fr;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:14px;border:1px solid var(--border);transition:all .25s}.article-featured:hover{box-shadow:var(--shadow-md);border-color:var(--color-forest)}.article-img{height:260px;overflow:hidden;position:relative}.article-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.article-featured:hover .article-img img{transform:scale(1.04)}.article-body{padding:20px;display:flex;flex-direction:column;justify-content:space-between}.article-meta-top{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.article-title{font-size:1.2rem;font-weight:700;line-height:1.3;margin-bottom:8px;letter-spacing:-.02em}.article-title a:hover{color:var(--color-forest)}.article-summary{font-size:.87rem;line-height:1.6;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}.article-footer{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--border)}.article-source{display:flex;align-items:center;gap:5px;font-size:.77rem;font-weight:600;color:var(--text-secondary)}.source-dot{width:5px;height:5px;border-radius:50%;background:var(--color-forest)}.article-time{font-size:.73rem;color:var(--text-muted)}.read-btn{font-size:.73rem;font-weight:600;color:var(--color-forest);padding:4px 10px;border-radius:6px;border:1px solid var(--color-forest);transition:all .2s;margin-left:auto}.read-btn:hover{background:var(--color-forest);color:#fff}.article-list{display:flex;flex-direction:column;gap:8px}.article-card{display:flex;gap:12px;background:var(--bg-card);border-radius:var(--radius-md);padding:12px;box-shadow:var(--shadow-sm);transition:all .2s;border:1px solid var(--border);cursor:pointer}.article-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-forest);transform:translateY(-1px)}.card-thumb{width:100px;height:76px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;position:relative}.card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.article-card:hover .card-thumb img{transform:scale(1.06)}.card-body{flex:1 1;min-width:0}.card-meta{display:flex;align-items:center;gap:5px;margin-bottom:5px}.card-title{font-size:.9rem;font-weight:700;line-height:1.35;margin-bottom:4px;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-title a:hover{color:var(--color-forest)}.card-summary{font-size:.8rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;align-items:center;gap:8px;margin-top:6px}.sidebar-right{position:-webkit-sticky;position:sticky;top:calc(var(--topbar-height) + 16px);padding:20px 0;display:flex;flex-direction:column;gap:16px}.sidebar-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.sidebar-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;padding-bottom:8px;gap:5px}.sidebar-section-title,.source-item{border-bottom:1px solid var(--border);display:flex;align-items:center}.source-item{justify-content:space-between;padding:7px 0}.source-item:last-child{border-bottom:none}.source-info{display:flex;align-items:center;gap:7px}.source-flag{font-size:.9rem}.source-name{font-size:.8rem;font-weight:500}.source-type{font-size:.6rem;font-weight:700;text-transform:uppercase;padding:1px 4px;border-radius:3px}.source-type.vn{background:rgba(220,38,38,.1);color:#dc2626}.source-type.intl{background:rgba(37,99,235,.1);color:#2563eb}.source-count{font-size:.7rem;font-weight:600;color:var(--text-muted);background:var(--bg-secondary);padding:1px 6px;border-radius:4px}.trending-list{display:flex;flex-wrap:wrap;gap:5px}.trend-tag{font-size:.76rem;font-weight:500;padding:4px 10px;border-radius:7px;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid transparent;transition:all .2s;cursor:pointer}.trend-tag.active,.trend-tag:hover{background:var(--color-forest);color:#fff}.tag-weight{font-size:.62rem;opacity:.6;margin-left:3px}.cat-row{gap:7px;padding:6px 0}.cat-row,.cat-row-label{display:flex;align-items:center}.cat-row-label{font-size:.78rem;font-weight:500;min-width:85px;gap:4px}.cat-bar{flex:1 1;height:3px;background:var(--bg-secondary);border-radius:2px;overflow:hidden}.cat-bar-fill{height:100%;border-radius:2px;transition:width .5s ease}.cat-count{color:var(--text-muted);min-width:22px;text-align:right}.cat-count,.hot-indicator{font-size:.7rem;font-weight:600}.hot-indicator{display:flex;align-items:center;gap:4px;color:var(--color-red-hot)}.footer{border-top:1px solid var(--border);margin-top:32px;padding:20px;background:var(--bg-card)}.footer-inner{max-width:1400px;margin:0 auto;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer-brand,.footer-inner{display:flex;align-items:center}.footer-brand{font-size:.9rem;font-weight:700;gap:8px}.footer-brand .x{color:var(--color-forest-mid)}.footer-meta{font-size:.73rem;color:var(--text-muted)}.footer-meta a{color:var(--color-forest);font-weight:500}.footer-meta a:hover{text-decoration:underline}.empty-state{text-align:center;padding:36px 20px;background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted)}.empty-state-icon{font-size:2rem;margin-bottom:8px}.empty-state-text{font-size:.88rem;font-weight:500}.article-card,.article-featured,.breaking-banner{position:relative;cursor:pointer}.article-title a:after,.breaking-text a:after,.card-title a:after{content:"";position:absolute;inset:0;z-index:1}.read-btn{position:relative;z-index:2}.brand-image{position:relative;display:block;width:300px;height:58px;overflow:hidden;border-radius:8px;background:#07110f}.brand-image img{object-fit:cover;object-position:center}@media (max-width:700px){.brand-image{width:205px;height:48px}}body,html{width:100%;max-width:100%;overflow-x:clip}.article-list,.footer-inner,.layout,.main-content,.topbar-inner{min-width:0}@media (max-width:1100px){.layout{grid-template-columns:minmax(160px,180px) minmax(0,1fr);gap:16px}.sidebar-right{display:none!important}}@media (max-width:780px){:root{--sidebar-width:0px;--right-width:0px;--topbar-height:56px}.container{width:100%;max-width:100%;padding-inline:12px}.layout{display:block;width:100%}.sidebar-left,.sidebar-right{display:none!important}.topbar-inner{height:var(--topbar-height);padding-inline:12px;gap:8px}.brand-wrap{min-width:0}.brand-image{width:156px;height:42px;border-radius:7px}.topbar-center{display:none}.topbar-right{gap:4px}.search-bar{display:flex;min-width:0;padding:5px 8px}.search-bar input{width:88px;min-width:0;font-size:.78rem}.icon-btn{width:32px;height:32px}.mobile-cat-bar{display:flex!important;position:-webkit-sticky;position:sticky;top:var(--topbar-height);z-index:90;width:100%}.mobile-scroll{width:100%;padding:7px 12px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}.mobile-cat-btn{min-height:36px;padding:6px 10px;scroll-snap-align:start}.main-content{width:100%;padding:14px 0 20px}.breaking-banner{width:100%;min-height:48px;padding:10px 12px;margin-bottom:13px;gap:9px;border-radius:11px}.breaking-badge{padding:3px 7px;font-size:.61rem}.breaking-text{min-width:0;font-size:.8rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.section-label{width:100%;min-width:0;margin:12px 0 9px;font-size:.66rem;line-height:1.35;word-break:normal;overflow-wrap:anywhere}.article-list{width:100%;gap:9px}.empty-state{padding:28px 16px}.footer{margin-top:20px;padding:18px 12px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-meta{line-height:1.55}}@media (max-width:430px){.container,.topbar-inner{padding-inline:9px}.brand-image{width:132px;height:38px}.search-bar input{width:68px}.mobile-scroll{padding-inline:9px}.breaking-banner{align-items:flex-start}}@media (max-width:350px){.brand-image{width:116px;height:36px}.search-bar input{width:56px}}