.skeleton{pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-featured-image,.skeleton-featured-title,.skeleton-image,.skeleton-meta,.skeleton-text,.skeleton-title{background:linear-gradient(90deg,var(--skeleton-base,#f0f0f0) 0,var(--skeleton-highlight,#f8f8f8) 50%,var(--skeleton-base,#f0f0f0) 100%);background-size:1000px 100%;animation:shimmer 2s linear infinite;border-radius:0}[data-theme=dark] .skeleton-featured-image,[data-theme=dark] .skeleton-featured-title,[data-theme=dark] .skeleton-image,[data-theme=dark] .skeleton-meta,[data-theme=dark] .skeleton-text,[data-theme=dark] .skeleton-title{--skeleton-base:#2a2a2a;--skeleton-highlight:#3a3a3a}.skeleton.featured-article{margin-bottom:2rem}.skeleton-featured-image{width:100%;height:400px;margin-bottom:1.5rem}.skeleton-featured-title{height:48px;width:80%;margin-bottom:1rem}.skeleton.article-card{opacity:.7}.skeleton-image{width:100%;height:200px;margin-bottom:1rem}.skeleton-title{height:24px;width:90%;margin-bottom:.75rem}.skeleton-meta{display:flex;gap:1rem;margin-bottom:1rem}.skeleton-text{height:16px;width:100%;margin-bottom:.5rem}.skeleton-text.short{width:80px}.skeleton-text.medium{width:60%}@media (max-width:768px){.skeleton-featured-image{height:250px}.skeleton-featured-title{height:32px}.skeleton-image{height:180px}}@media (prefers-reduced-motion:reduce){.skeleton-featured-image,.skeleton-featured-title,.skeleton-image,.skeleton-meta,.skeleton-text,.skeleton-title{animation:none;background:var(--skeleton-base,#f0f0f0)}}.search-highlight{background:linear-gradient(120deg,#ffeb3b66,#ffc10766);color:inherit;padding:.1rem .2rem;border-radius:3px;font-weight:600;border-bottom:2px solid #ffc10799;transition:all .2s ease}[data-theme=dark] .search-highlight{background:linear-gradient(120deg,#ffeb3b40,#ffc10740);border-bottom-color:#ffc10766;color:var(--text-primary)}.article-card:hover .search-highlight,.featured-article:hover .search-highlight,.latest-article-item:hover .search-highlight{background:linear-gradient(120deg,#ffeb3b99,#ffc10799);border-bottom-color:#ffc107cc}[data-theme=dark] .article-card:hover .search-highlight,[data-theme=dark] .featured-article:hover .search-highlight,[data-theme=dark] .latest-article-item:hover .search-highlight{background:linear-gradient(120deg,#ffeb3b59,#ffc10759);border-bottom-color:#ffc10780}@keyframes highlightPulse{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.search-highlight{background-size:200% 200%;animation:highlightPulse 3s ease infinite}.article-card:hover .search-highlight,.featured-article:hover .search-highlight,.latest-article-item:hover .search-highlight{animation:none}.filter-panel{position:relative;display:inline-block}.filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#1a202c;border:1px solid #00000014;border-radius:30px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a;position:relative}.filter-toggle:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014;background:#fffffff2;border-color:#0000001f}.filter-toggle.has-filters{background:#1a202c;color:#fff;border-color:#0000;box-shadow:0 4px 12px #00000026}.filter-toggle.has-filters:hover{background:#2d3748;transform:translateY(-1px);box-shadow:0 6px 16px #0003}[data-theme=dark] .filter-toggle{background:#1a202c99;border-color:#ffffff1a;color:#e2e8f0}[data-theme=dark] .filter-toggle:hover{background:#1a202ccc;border-color:#fff3;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .filter-toggle.has-filters{background:#e2e8f0;color:#1a202c}[data-theme=dark] .filter-toggle.has-filters:hover{background:#fff}.filter-icon{font-size:1rem}.filter-icon,.filter-text{line-height:1}.filter-badge{display:flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;background:#0000001a;border-radius:10px;font-size:.75rem;font-weight:700;line-height:1;color:inherit}.filter-dropdown{position:absolute;top:calc(100% + .75rem);left:0;width:360px;max-width:calc(100vw - 2rem);background:#ffffffe6;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid #ffffff80;border-radius:24px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #0000000d;z-index:1000;overflow:hidden;animation:filterSlideDown .3s cubic-bezier(.2,.8,.2,1)}[data-theme=dark] .filter-dropdown{background:#1e293be6;border-color:#ffffff1a;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d}@keyframes filterSlideDown{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.filter-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:#00000005;border-bottom:1px solid #0000000f;color:#1a202c}[data-theme=dark] .filter-header{background:#0003;border-bottom-color:#ffffff1a;color:var(--text-primary)}.filter-header h3{margin:0;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.filter-close{background:#0000000d;border:none;color:#000;width:2rem;height:2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s ease}[data-theme=dark] .filter-close{background:#ffffff1a;color:var(--text-primary)}.filter-close:hover{background:#0000001a;transform:rotate(90deg)}[data-theme=dark] .filter-close:hover{background:#fff3}.filter-content{padding:1.5rem;max-height:500px;overflow-y:auto}.filter-group{margin-bottom:1.25rem}.filter-group:last-of-type{margin-bottom:0}.filter-group label{display:block;margin-bottom:.5rem;font-size:.75rem;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .filter-group label{color:var(--text-primary)}.pending-indicator{font-size:.6875rem;font-weight:500;color:#666;text-transform:none;letter-spacing:0;font-style:italic;animation:pulse 1.5s ease-in-out infinite}[data-theme=dark] .pending-indicator{color:#a0aec0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.filter-input,.filter-select{width:100%;padding:.875rem 1rem;border:1px solid #0000001a;border-radius:10px;font-size:1rem;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;transition:all .2s ease;font-weight:500;cursor:pointer}.filter-input[type=date]{padding:.875rem 1rem;font-size:1rem;min-height:48px;cursor:pointer;position:relative}.filter-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;padding:4px;border-radius:4px;-webkit-transition:all .2s ease;transition:all .2s ease}.filter-input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;background:#0000000d}[data-theme=dark] .filter-input[type=date]::-webkit-calendar-picker-indicator:hover{background:#ffffff1a}[data-theme=dark] .filter-input,[data-theme=dark] .filter-select{background:#0003;border-color:#ffffff1a;color:var(--text-primary)}.filter-input:focus,.filter-select:focus{outline:none;border-color:#0000004d;background:#fffc;box-shadow:0 2px 8px #00000014}[data-theme=dark] .filter-input:focus,[data-theme=dark] .filter-select:focus{border-color:#fff3;background:#0000004d;box-shadow:0 2px 8px #0000004d}.filter-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;padding-right:2.5rem}.filter-select option{padding:.75rem;background:#fff;color:#000}[data-theme=dark] .filter-select option{background:#2d3748;color:var(--text-primary)}.filter-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #00000014}[data-theme=dark] .filter-actions{border-top-color:#ffffff1a}.filter-clear{width:100%;padding:.75rem 1.5rem;background:#0000000d;border:1px solid #0000001a;border-radius:10px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#000;cursor:pointer;transition:all .3s ease}[data-theme=dark] .filter-clear{background:#ffffff0d;border-color:#ffffff1a;color:var(--text-primary)}.filter-clear:hover:not(:disabled){background:#0000001a;border-color:#0003;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}[data-theme=dark] .filter-clear:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;box-shadow:0 4px 12px #0000004d}.filter-clear:disabled{opacity:.4;cursor:not-allowed}.active-filters{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #00000014}[data-theme=dark] .active-filters{border-top-color:#ffffff1a}.active-filters-label{font-size:.75rem;font-weight:700;color:#666;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .active-filters-label{color:var(--text-tertiary)}.active-filters-list{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0000001a;border-radius:16px;font-size:.8125rem;color:#000;font-weight:600}[data-theme=dark] .filter-chip{background:#ffffff1a;border-color:#ffffff26;color:var(--text-primary)}.filter-chip button{background:#0000001a;border:none;color:inherit;width:1.25rem;height:1.25rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .2s ease;padding:0;line-height:1}[data-theme=dark] .filter-chip button{background:#ffffff1a}.filter-chip button:hover{background:#0003;transform:scale(1.1)}[data-theme=dark] .filter-chip button:hover{background:#fff3}.filter-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:990;cursor:default}@media (max-width:768px){.filter-backdrop{background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .3s ease-out;z-index:999}.filter-dropdown{position:fixed;top:auto;left:0;right:0;bottom:0;width:100%;max-width:100%;height:auto;max-height:85vh;border-radius:24px 24px 0 0;border:none;border-top:1px solid #ffffff80;box-shadow:0 -10px 40px #0003;animation:filterSlideUp .3s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;z-index:1000}[data-theme=dark] .filter-dropdown{border-top-color:#ffffff1a;box-shadow:0 -10px 40px #00000080}@keyframes filterSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.filter-content{max-height:none;padding:1.5rem;overflow-y:auto;flex:1 1;-webkit-overflow-scrolling:touch}.filter-header{padding:1.25rem 1.5rem;border-bottom:1px solid #0000000d;position:-webkit-sticky;position:sticky;top:0;z-index:10;background:inherit;border-radius:24px 24px 0 0}.filter-header:after{content:"";position:absolute;top:.5rem;left:50%;transform:translateX(-50%);width:40px;height:4px;background:#0000001a;border-radius:2px}[data-theme=dark] .filter-header:after{background:#ffffff1a}.filter-toggle{padding:.5rem 1rem;font-size:.75rem;width:auto}}.filter-content::-webkit-scrollbar{width:4px}.filter-content::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}[data-theme=dark] .filter-content::-webkit-scrollbar-track{background:#0003}.filter-content::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}[data-theme=dark] .filter-content::-webkit-scrollbar-thumb{background:#fff3}.filter-content::-webkit-scrollbar-thumb:hover{background:#0000004d}[data-theme=dark] .filter-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}