.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}.news-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);cursor:pointer;transition:all .2s ease}.news-card:hover{border-color:transparent;box-shadow:0 4px 12px rgba(245,158,11,.08);transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center}.star-btn{color:var(--color-text-muted);padding:4px;border-radius:50%}.star-btn:hover{background-color:var(--color-bg-base)}.star-icon-active{color:var(--color-amber-accent);animation:pulse .3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.card-title{-webkit-line-clamp:2}.card-summary,.card-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin:0}.card-summary{color:var(--color-text-muted);font-size:.9rem;-webkit-line-clamp:3}.card-metrics{display:flex;gap:var(--spacing-md);margin-top:auto;padding-top:var(--spacing-sm)}.metric-item{display:flex;align-items:center;gap:var(--spacing-xs)}.card-meta,.metric-label{font-size:.8rem;color:var(--color-text-muted)}.card-meta{display:flex;align-items:center;gap:var(--spacing-sm);border-top:1px solid var(--color-border);padding-top:var(--spacing-sm);margin-top:var(--spacing-xs)}.meta-source{font-weight:500}.meta-duplicates{display:flex;align-items:center;gap:4px;margin-left:auto;color:var(--color-blue-primary);background-color:var(--color-blue-light);padding:2px 6px;border-radius:12px}.skeleton-card{pointer-events:none}.skeleton-badge,.skeleton-header,.skeleton-meta,.skeleton-summary,.skeleton-title{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-badge{height:20px;width:60px;border-radius:10px}.skeleton-star{height:20px;width:20px;border-radius:50%;background-color:#f0f0f0}.skeleton-title{height:24px;width:100%;margin-top:8px}.skeleton-title.short{width:70%}.skeleton-summary{height:14px;width:100%;margin-top:4px}.skeleton-metrics{display:flex;gap:16px;margin-top:16px}.skeleton-meta{height:14px;width:60%;margin-top:16px}.filter-panel{display:flex;flex-direction:column;gap:var(--spacing-lg);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-md)}.filter-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.toggle-label{font-size:.9rem;font-weight:500}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff}input:checked+.slider{background-color:var(--color-blue-primary)}input:checked+.slider:before{transform:translateX(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-title{font-size:.9rem;color:var(--color-text-muted)}.filter-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.filter-tag{background-color:var(--color-bg-base);border:1px solid var(--color-border);border-radius:16px;padding:4px 10px;font-size:.8rem;color:var(--color-text-main);display:flex;align-items:center;gap:6px;transition:all .2s}.filter-tag:hover{background-color:var(--color-blue-light)}.filter-tag.active{background-color:var(--color-blue-primary);color:#fff;border-color:var(--color-blue-primary)}.tag-count{font-size:.75rem;color:var(--color-text-muted);background-color:rgba(0,0,0,.05);padding:0 4px;border-radius:10px}.filter-tag.active .tag-count{color:#fff;background-color:hsla(0,0%,100%,.2)}.sort-select-wrapper{display:flex;align-items:center;gap:var(--spacing-sm)}.sort-label{font-size:.9rem;color:var(--color-text-muted)}.sort-select{padding:6px 12px;border-radius:8px;border:1px solid var(--color-border);background-color:var(--color-bg-surface);font-family:inherit;font-size:.9rem;color:var(--color-text-main);outline:none}.sort-select:focus{border-color:var(--color-blue-primary)}