:root{--bg-primary: #FAFAFA;--bg-secondary: #FFFFFF;--bg-accent: #E8F0FE;--text-primary: #000000;--text-secondary: #3A3A3A;--text-tertiary: #757575;--accent-primary: #D32F2F;--accent-secondary: #265AD2;--border: #E0E0E0;--tag-bg: #F5F5F5;--tag-border: #D0D0D0;--tag-text: #1A1A1A;--font-headline: "Playfair Display", "Georgia", serif;--font-body: "Source Serif Pro", "Georgia", serif;--font-ui: "Inter", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-xxl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);font-weight:700;line-height:1.2;margin-bottom:var(--space-md)}h1{font-size:2.5rem;color:var(--text-primary)}h2{font-size:2rem;color:var(--text-primary)}h3{font-size:1.5rem;color:var(--text-primary)}h4{font-size:1.25rem;color:var(--text-secondary)}p{margin-bottom:var(--space-md)}a{color:var(--accent-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary);text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.container-wide{max-width:1400px;margin:0 auto;padding:0 var(--space-lg)}.card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-clickable{cursor:pointer}.card-clickable:hover{border-color:var(--accent-secondary)}.tag{display:inline-block;background-color:var(--tag-bg);color:var(--tag-text);border:1px solid var(--tag-border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font-family:var(--font-ui);font-size:.875rem;font-weight:500;margin:var(--space-xs);transition:all var(--transition-fast)}.tag:hover{background-color:var(--bg-accent);transform:scale(1.05)}.tag-large{font-size:1rem;padding:var(--space-sm) var(--space-md)}.tag-intensity-high{background-color:var(--accent-secondary);color:#fff;border-color:var(--accent-secondary);font-weight:600}.tag-intensity-high:hover{background-color:#1e4ba8;border-color:#1e4ba8}.tag-intensity-medium{background-color:#5b8de8;color:#fff;border-color:#5b8de8;font-weight:500}.tag-intensity-medium:hover{background-color:#4a7cd6;border-color:#4a7cd6}.tag-intensity-low{background-color:#b8d4f7;color:#265ad2;border-color:#9abef0;font-weight:400}.tag-intensity-low:hover{background-color:#a3c7f5;border-color:#88b3ed}.btn{font-family:var(--font-ui);font-size:1rem;padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background-color:var(--accent-secondary);color:#fff}.btn-primary:hover{background-color:var(--accent-primary)}.grid{display:grid;gap:var(--space-lg);align-items:start}.grid-2{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}h1{font-size:2rem}h2{font-size:1.5rem}}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.app{min-height:100vh;display:flex;flex-direction:column}.masthead{background-color:var(--bg-secondary);border-bottom:3px solid var(--accent-secondary);padding:var(--space-lg) 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.masthead-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.masthead-title{font-family:var(--font-headline);font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em;cursor:pointer;transition:opacity var(--transition-fast)}.masthead-title:hover{opacity:.7}.masthead-title:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:4px;border-radius:var(--radius-sm)}.masthead-metadata{font-family:var(--font-ui);font-size:.875rem;color:var(--text-tertiary);text-align:right}@media (max-width: 768px){.masthead-content{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.masthead-title{font-size:2rem}.masthead-metadata{text-align:left}}.search-container{background-color:var(--bg-primary);border-bottom:1px solid var(--border);padding:var(--space-md) 0;position:sticky;top:90px;z-index:90}.search-bar{max-width:800px;margin:0 auto;padding:0 var(--space-lg)}.search-input-wrapper{position:relative;display:flex;align-items:center;gap:var(--space-sm)}.search-input{flex:1;font-family:var(--font-ui);font-size:1rem;padding:var(--space-md);border:2px solid var(--border);border-radius:var(--radius-md);background-color:#fff;transition:border-color var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--accent-secondary)}.search-clear{position:absolute;right:var(--space-md);background:none;border:none;font-size:1.25rem;color:var(--text-tertiary);cursor:pointer;padding:var(--space-xs);transition:color var(--transition-fast)}.search-clear:hover{color:var(--accent-primary)}.search-stats{font-family:var(--font-ui);font-size:.875rem;color:var(--text-tertiary);margin-top:var(--space-sm)}.breadcrumb-container{background-color:var(--bg-primary);border-bottom:1px solid var(--border);padding:var(--space-sm) 0}.breadcrumb{max-width:1200px;margin:0 auto;padding:0 var(--space-lg);font-family:var(--font-ui);font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs)}.breadcrumb-link{color:var(--accent-secondary);cursor:pointer;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--accent-primary);text-decoration:underline}.breadcrumb-separator{color:var(--text-tertiary);margin:0 var(--space-xs)}.breadcrumb-current{color:var(--text-primary);font-weight:500}.main-content{flex:1;padding:var(--space-xl) 0}.content-wrapper{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.grouping-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-lg)}@media (max-width: 768px){.grouping-list{grid-template-columns:1fr}}.grouping-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-base);position:relative}.grouping-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--accent-secondary)}.grouping-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.grouping-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);flex:1;min-width:0}.grouping-card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs);flex-shrink:0}.rank-badge{font-family:var(--font-ui);font-size:.875rem;color:var(--text-tertiary);font-weight:600;background-color:var(--bg-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--border)}.sub-grouping-count{background-color:#6b7280;color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-weight:500;font-family:var(--font-ui);font-size:.75rem;white-space:nowrap}.article-count{background-color:var(--accent-primary);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-weight:500;font-family:var(--font-ui);font-size:.75rem;white-space:nowrap}.matching-articles{margin-top:var(--space-md);padding:var(--space-md);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm)}.matching-articles-label{font-family:var(--font-ui);font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.matching-articles-list{list-style:none;margin:0;padding:0}.matching-article-item{font-family:var(--font-body);font-size:.875rem;color:var(--text-primary);line-height:1.4;margin-bottom:var(--space-xs);padding-left:var(--space-md);position:relative}.matching-article-item:before{content:"•";position:absolute;left:0;color:var(--accent-secondary);font-weight:700}.matching-article-item:last-child{margin-bottom:0}.matching-article-more{font-family:var(--font-ui);font-size:.75rem;color:var(--text-tertiary);font-style:italic;margin-top:var(--space-xs);padding-left:var(--space-md)}.expand-indicator{font-size:.875rem;color:var(--text-tertiary);transition:transform var(--transition-fast);display:flex;align-items:center;justify-content:center;padding:var(--space-xs)}.grouping-card.expanded .expand-indicator{transform:rotate(0)}.expanded-articles{margin-top:var(--space-md);padding-top:var(--space-md);border-top:2px solid var(--border);animation:expand-in var(--transition-base) ease-out}@keyframes expand-in{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.article-list-inline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-md)}.article-item-inline{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.article-item-inline:hover{background-color:var(--bg-accent);border-color:var(--accent-secondary);transform:translate(4px)}.article-item-inline .article-title-link{font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--text-primary);text-decoration:none;line-height:1.4;transition:color var(--transition-fast)}.article-item-inline .article-title-link:hover{color:var(--accent-primary);text-decoration:underline}.article-meta-inline{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-ui);font-size:.875rem}.tag-source{background-color:var(--accent-secondary);color:#fff;font-size:.75rem;padding:var(--space-xs) var(--space-sm)}.article-meta-inline .article-timestamp{color:var(--text-tertiary);font-size:.875rem}.article-list{list-style:none}.article-item{padding:var(--space-lg);border-bottom:1px solid var(--border);transition:background-color var(--transition-fast)}.article-item:hover{background-color:var(--bg-secondary)}.article-item:last-child{border-bottom:none}.article-title{font-family:var(--font-body);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);line-height:1.4}.article-title-link{color:var(--text-primary)}.article-title-link:hover{color:var(--accent-primary)}.article-meta{display:flex;gap:var(--space-md);font-family:var(--font-ui);font-size:.875rem;color:var(--text-tertiary)}.article-publisher{color:var(--accent-secondary);font-weight:500}.article-timestamp{color:var(--text-tertiary)}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border);padding:var(--space-xl) 0;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:0 var(--space-lg);font-family:var(--font-ui);font-size:.875rem;color:var(--text-secondary);text-align:center}.footer-links{margin-top:var(--space-md)}.footer-link{color:var(--accent-secondary);margin:0 var(--space-sm)}.footer-link:hover{color:var(--accent-primary)}.empty-state{text-align:center;padding:var(--space-xxl);color:var(--text-secondary)}.empty-state-title{font-family:var(--font-headline);font-size:1.5rem;color:var(--text-secondary);margin-bottom:var(--space-md)}.empty-state-message{font-family:var(--font-ui);font-size:1rem}.loading{text-align:center;padding:var(--space-xxl);color:var(--text-tertiary);font-family:var(--font-ui)}.skeleton-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);height:120px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-line{height:20px;background:linear-gradient(90deg,var(--bg-accent) 25%,var(--border) 50%,var(--bg-accent) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.skeleton-line:last-child{margin-bottom:0;width:60%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.grouping-card.fade-in{animation:fade-in-card .2s ease-out}@keyframes fade-in-card{0%{opacity:0}to{opacity:1}}.content-wrapper{animation:fade-in var(--transition-slow)}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grouping-card{animation:slide-in var(--transition-base) ease-out;animation-fill-mode:backwards}.grouping-card:nth-child(1){animation-delay:0ms}.grouping-card:nth-child(2){animation-delay:50ms}.grouping-card:nth-child(3){animation-delay:.1s}.grouping-card:nth-child(4){animation-delay:.15s}.grouping-card:nth-child(5){animation-delay:.2s}.grouping-card:nth-child(6){animation-delay:.25s}@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grouping-card.filtering-out{animation:filter-out var(--transition-fast) ease-out forwards}@keyframes filter-out{to{opacity:0;transform:scale(.95);height:0;margin:0;padding:0;border-width:0}}.tag .highlight{background-color:#ffeb3b;color:var(--text-primary);padding:0 2px;border-radius:2px;font-weight:600}.grouping-card:focus-visible,.breadcrumb-link:focus-visible,.search-input:focus-visible,.article-title-link:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}.grouping-card.keyboard-selected{box-shadow:0 0 0 3px var(--accent-primary);border-color:var(--accent-primary)}@media (max-width: 768px){.search-container{top:70px}.article-meta{flex-direction:column;gap:var(--space-xs)}.footer-links{display:flex;flex-direction:column;gap:var(--space-sm)}}