:root{--image-object-fit:cover}*{margin:0;padding:0;box-sizing:border-box}::selection{background:#0000001f;color:#111827}[data-theme=dark] ::selection{background:#ffffff2e;color:#e7e9ea}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (min-width:1450px){.generative-left-canvas{display:block!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);background-attachment:fixed;color:var(--text-primary);line-height:1.6;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(102,126,234,.2);tap-highlight-color:#667eea33}button,input,select,textarea{font-size:16px;font-family:inherit}.App{min-height:100vh;display:flex;flex-direction:column;transition:opacity .3s ease}.App.is-navigating{pointer-events:none}.loading-fade{opacity:.6;filter:blur(1px);transition:opacity .4s ease,filter .4s ease}.main-content{flex:1 1;padding:0}.container{max-width:1400px;margin:0 auto;padding:.75rem 2rem}.filter-and-search-bar{display:flex;align-items:flex-start;justify-content:flex-start;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;width:100%}.active-filters-summary{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex:1 1;min-width:0}.filter-tag{display:inline-flex;align-items:center;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:20px;font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap}[data-theme=dark] .filter-tag{background:linear-gradient(135deg,#4299e126,#3182ce26);border-color:#4299e14d}@media (max-width:768px){.filter-and-search-bar{flex-direction:column;align-items:stretch}.active-filters-summary{justify-content:flex-start;width:100%}.filter-tag{font-size:.8125rem;padding:.4rem .8rem}}.content-wrapper{display:grid;grid-template-columns:1fr 340px;grid-gap:3rem;gap:3rem}.main-articles{min-width:0}.main-articles.list-view-column{max-width:680px;margin:0 auto}.sidebar-container{display:flex;flex-direction:column;gap:2rem;align-self:flex-start}@media (max-width:1024px){.sidebar-container{display:none}}.latest-sidebar{align-self:start}.latest-header{background:var(--card-bg);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);padding:1.25rem 1.5rem;border-radius:16px;border:1px solid var(--border-color);margin-bottom:1.5rem;box-shadow:0 8px 32px var(--card-shadow);display:flex;flex-direction:column;gap:.5rem}.latest-header h2{font-size:1.25rem;color:var(--text-primary);font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.5px}.latest-header .timeframe{font-size:.85rem;color:var(--text-secondary);font-weight:400;opacity:.8}.latest-articles{background:var(--card-bg);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border-radius:16px;border:1px solid var(--border-color);padding:1rem;box-shadow:0 8px 32px var(--card-shadow)}.latest-articles::-webkit-scrollbar{width:8px}.latest-articles::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.latest-articles::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.latest-articles::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.latest-article-item{display:flex;gap:1rem;padding:1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-bottom:.75rem;border:1px solid #0000}.latest-article-item:hover{background:var(--bg-secondary);transform:translateX(4px);border-color:var(--border-color);box-shadow:0 4px 12px var(--card-shadow)}.latest-article-image{width:100px;height:100px;flex-shrink:0;border-radius:12px;overflow:hidden;background:var(--bg-tertiary);box-shadow:0 4px 12px var(--card-shadow)}.latest-article-image img{width:100%;height:100%;object-fit:cover}.latest-article-content{flex:1 1;min-width:0}.latest-article-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.latest-article-date{font-size:.75rem;color:var(--meta-color);text-transform:uppercase;letter-spacing:.5px}.latest-articles::-webkit-scrollbar{width:4px}.latest-articles::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.latest-articles::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.latest-articles::-webkit-scrollbar-thumb:hover{background:#0000004d}.articles-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:1.5rem;gap:1.5rem}.articles-grid .article-card:nth-child(6n+1){grid-column:span 6}.articles-grid .article-card:nth-child(6n+2),.articles-grid .article-card:nth-child(6n+3){grid-column:span 3}.articles-grid .article-card:nth-child(6n+4),.articles-grid .article-card:nth-child(6n+5),.articles-grid .article-card:nth-child(6n+6){grid-column:span 2}.articles-list{display:flex;flex-direction:column;gap:0;max-width:680px;margin:0 auto;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 12px #00000008}[data-theme=dark] .articles-list{background:#0000;box-shadow:none;padding:0}.articles-grid .view-controls{grid-column:1/-1;width:100%;margin-bottom:0}.articles-list .view-controls{margin-bottom:1rem;width:100%}.articles-list .article-card:nth-child(n){grid-column:auto}.articles-list .article-card{border-radius:0;overflow:visible;background:#0000;border:none;border-bottom:1px solid var(--border-color);box-shadow:none;padding:0 0 1rem;margin-bottom:1rem}[data-theme=dark] .articles-list .article-card{background:#0000}.articles-list .article-card:last-child{border-bottom:none}.article-card{position:relative;background:var(--card-bg);border-radius:12px;border:1px solid var(--card-border);box-shadow:0 1px 3px var(--card-shadow);overflow:visible;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;cursor:pointer;padding:1rem;height:100%}.article-card:hover{transform:translateY(-2px);border-color:var(--card-hover-border);box-shadow:0 4px 12px var(--card-shadow)}.article-card-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.75rem;color:var(--text-secondary,#6b7280);margin-bottom:.5rem}.article-card-meta .article-category-badge{margin-bottom:0}.article-card-meta .article-date{color:var(--text-secondary,#6b7280)}.article-meta-left{display:flex;align-items:center;gap:.5rem;min-width:0}.article-author-link{color:var(--text-secondary,#6b7280);text-decoration:none;font-size:.75rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-author-link:hover{color:var(--text-primary);text-decoration:underline}.article-image{width:100%;overflow:hidden;background:var(--bg-tertiary);flex-shrink:0;border-radius:10px;aspect-ratio:16/9;margin-bottom:.75rem}.article-image .optimized-image-wrapper,.article-image img{width:100%;height:100%}.article-image img{object-fit:var(--image-object-fit,cover);transition:transform .3s ease;border-radius:10px}.article-card:hover .article-image img{transform:scale(1.03)}.article-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;line-height:1.3;letter-spacing:-.01em;word-wrap:break-word;overflow-wrap:break-word}.article-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--text-secondary,#6b7280);flex-wrap:wrap;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.article-author{font-weight:600;color:var(--text-primary)}.article-content,.article-date{color:var(--text-secondary,#6b7280)}.article-content{padding:0;line-height:1.5;font-size:.875rem;flex:1 1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:.75rem}.article-content *{display:inline!important;margin:0!important;padding:0!important;font-size:inherit!important;line-height:inherit!important}.article-footer{flex-shrink:0;margin-top:auto;display:flex;justify-content:space-between;gap:.5rem}.article-footer,.read-more{padding:0;align-items:center}.read-more{background:#0000;color:#000;border:none;font-size:.8rem;font-weight:600;cursor:pointer;width:auto;display:inline-flex;gap:.25rem;text-align:left;box-shadow:none;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.read-more:hover{color:#000}.read-more:hover:after{transform:translateX(4px)}[data-theme=dark] .read-more,[data-theme=dark] .read-more:hover{color:#000}.load-more-container{display:flex;justify-content:center;margin-top:2.5rem;padding:1rem 0}.load-more-btn{display:inline-flex;align-items:center;gap:.5rem;background:#0000;color:var(--text-primary,#111827);border:1.5px solid var(--card-hover-border,#d1d5db);padding:.875rem 2.5rem;font-size:.875rem;font-weight:600;letter-spacing:.04em;cursor:pointer;border-radius:6px;transition:all .2s ease;text-decoration:none}.load-more-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-secondary,#6b7280);background:#00000008}.load-more-btn:disabled{opacity:.5;cursor:wait}[data-theme=dark] .load-more-btn{color:var(--text-primary,#e7e9ea);border-color:var(--card-hover-border,#3e4347)}[data-theme=dark] .load-more-btn:hover:not(:disabled){color:#fff;border-color:#71767b;background:#ffffff0d}.infinite-scroll-loader{display:flex;justify-content:center;padding:32px 0 40px;animation:infiniteScrollFadeIn .3s ease}@keyframes infiniteScrollFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.infinite-scroll-loader-inner{display:flex;flex-direction:column;align-items:center;gap:12px}.infinite-scroll-logo-ring{position:relative;width:48px;height:48px}.infinite-scroll-ring-svg{width:100%;height:100%}.infinite-scroll-ring-spin{transform-origin:center;animation:infiniteScrollSpin 1s linear infinite}@keyframes infiniteScrollSpin{to{transform:rotate(1turn)}}.infinite-scroll-logo-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;font-family:Playfair Display,serif;color:var(--text-primary);animation:infiniteScrollPulse 1.5s ease-in-out infinite}@keyframes infiniteScrollPulse{0%,to{opacity:1}50%{opacity:.4}}.infinite-scroll-label{font-size:.75rem;font-weight:600;letter-spacing:.08em;color:var(--text-tertiary);animation:infiniteScrollPulse 1.5s ease-in-out infinite}.error,.loading{padding:3rem;text-align:center;font-size:1rem;color:#666;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;margin:2rem;border:1px solid #ffffff80}.error{color:#c00;background:#ffc8c899}.category-header{margin-bottom:2rem;padding:0 .25rem;display:flex;flex-direction:column;gap:.15rem;animation:fadeInCategory .5s ease-out}@keyframes fadeInCategory{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.category-subtitle{font-size:.65rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.12em;opacity:.6}.category-title-container{display:flex;align-items:center;gap:1rem}.category-title{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em;text-transform:capitalize;line-height:1.2}.category-line{flex:1 1;height:4px;background:var(--accent-primary);border-radius:4px;opacity:.3;position:relative;overflow:hidden}.category-line:after{content:"";position:absolute;left:0;top:0;height:100%;width:100px;background:linear-gradient(90deg,#0000,var(--accent-primary),#0000);animation:slideLine 3s linear infinite}@keyframes slideLine{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}@media (max-width:768px){.category-title{font-size:2rem}.category-title-container{gap:1rem}.category-line{height:3px}}.search-results-info{background:var(--card-bg);border:1px solid var(--border-color);border-left:3px solid var(--accent-primary);padding:14px 20px;margin-bottom:2rem;border-radius:8px;font-size:.95rem;display:flex;align-items:center;gap:12px}.search-icon{font-size:1rem;flex-shrink:0}.search-info-content{flex:1 1;display:flex;flex-direction:column;gap:2px}.search-query{font-size:.95rem;color:var(--text-secondary);font-weight:400}.search-query-text{color:var(--text-primary);font-weight:700}.search-count{font-size:.85rem;color:var(--text-secondary)}.search-count strong{color:var(--text-primary);font-weight:600}[data-theme=dark] .search-count strong{color:var(--accent-primary)}.no-articles{padding:4rem 2rem;text-align:center;color:var(--text-secondary);background:var(--card-bg);border-radius:12px;border:1px solid var(--card-border)}@media (max-width:1200px){.articles-grid{grid-template-columns:repeat(2,1fr)}.articles-grid .article-card:nth-child(6n+1){grid-column:span 2}.articles-grid .article-card:nth-child(6n+2),.articles-grid .article-card:nth-child(6n+3),.articles-grid .article-card:nth-child(6n+4),.articles-grid .article-card:nth-child(6n+5),.articles-grid .article-card:nth-child(6n+6){grid-column:span 1}}@media (max-width:1024px){.content-wrapper{grid-template-columns:1fr}.latest-sidebar{position:relative;top:0;order:-1}}@media (max-width:768px){.container{padding:1rem .75rem}.content-wrapper{grid-template-columns:1fr;gap:2rem}.latest-sidebar{order:2;margin-bottom:0;margin-top:2rem}.main-articles{order:1}.articles-grid{grid-template-columns:1fr;gap:1rem}.articles-grid .article-card:nth-child(6n+1),.articles-grid .article-card:nth-child(6n+2),.articles-grid .article-card:nth-child(6n+3),.articles-grid .article-card:nth-child(6n+4),.articles-grid .article-card:nth-child(6n+5),.articles-grid .article-card:nth-child(6n+6){grid-column:span 1}.article-card{border-radius:0;padding:.875rem}.article-title{font-size:1rem}.latest-article-item{padding:.75rem}.latest-article-image{width:80px;height:80px}.latest-article-title{font-size:.875rem;-webkit-line-clamp:3;line-clamp:3}.pagination{flex-wrap:wrap;gap:.5rem;padding:1rem}.page-btn{min-width:40px;padding:.5rem;font-size:.875rem}.page-info{width:100%;text-align:center;margin-top:.5rem}.search-results-info{font-size:.875rem;padding:12px 16px}.view-mode-toggle,.view-separator{display:none!important}.feed-controls{padding:5px 8px!important;gap:6px!important;margin-bottom:1rem!important}}.search-icon{font-size:1.5rem}.search-query{font-size:.9rem}.search-query-text{font-size:1rem;display:block;margin-top:.25rem}.search-count{font-size:.8rem}.article-card,.latest-article-item,.read-more{min-height:44px}@media (max-width:480px){.container{padding:.75rem .5rem}.content-wrapper{gap:1rem}.articles-grid{gap:.75rem}.article-card{padding:.75rem}.article-title{font-size:.95rem;line-height:1.3;margin-bottom:.4rem}.article-card-meta{font-size:.65rem}.article-content{font-size:.8rem;-webkit-line-clamp:2}.read-more{font-size:.7rem}.latest-header h2{font-size:1rem}.latest-articles{padding:.75rem}.latest-article-item{gap:.75rem;padding:.5rem}.latest-article-image{width:70px;height:70px;border-radius:8px}.latest-article-title{font-size:.8rem;-webkit-line-clamp:2}.latest-article-date{font-size:.7rem}.pagination{padding:.75rem .5rem}.page-btn{min-width:36px;padding:.4rem;font-size:.8rem}.pagination button:not(.active):not(:first-child):not(:last-child):not(:nth-last-child(2)):not(:nth-child(2)){display:none}}@media (hover:none) and (pointer:coarse){.article-card,.latest-article-item,.read-more{-webkit-tap-highlight-color:rgba(102,126,234,.1)}.article-card:active,.latest-article-item:active{transform:scale(.98)}}.content-image{margin:1.5rem 0;padding:0}.content-image img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 4px 12px #0000001a}.content-image figcaption{margin-top:.5rem;font-size:.75rem;line-height:1.4;color:#888;font-style:italic;text-align:center}.article-category-badge{display:inline-block;padding:.2rem .5rem;background-color:#0000000d;color:var(--text-secondary,#6b7280);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:0;border-radius:4px}[data-theme=dark] .article-category-badge{background-color:#ffffff14;color:var(--text-secondary)}@media (max-width:768px){.view-controls{display:none!important}.articles-grid{display:flex;flex-direction:column;gap:0;max-width:100%;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 12px #00000008}[data-theme=dark] .articles-grid{background:#0000;padding:0;box-shadow:none}.articles-grid .article-card{grid-column:auto!important;border-radius:0;background:#0000!important;border:none;border-bottom:1px solid var(--border-color);box-shadow:none!important;margin-bottom:1rem;padding:0 0 1rem;height:auto!important}.articles-grid .article-card:last-child{border-bottom:none}}