:root{--primary:#3b82f6;--primary-light:#93c5fd;--primary-dark:#2563eb;--primary-bg:#eff6ff;--secondary:#10b981;--secondary-light:#6ee7b7;--secondary-dark:#059669;--secondary-bg:#ecfdf5;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--red-500:#ef4444;--amber-500:#f59e0b;--amber-100:#fef3c7;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--transition-standard:all 0.2s ease;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 4px 12px #00000026}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;background-color:var(--gray-100);color:#1f2937;color:var(--gray-800);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{line-height:1.2;margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.eeg-music-container{margin:0 auto;max-width:1200px;padding:1.5rem;padding:var(--space-lg)}.flexrow{align-items:center;display:flex}.flexcol{display:flex;flex-direction:column}.grid-2col{grid-gap:1rem;grid-gap:var(--space-md);grid-template-columns:1fr 1fr}.grid-2col,.grid-3col{display:grid;gap:1rem;gap:var(--space-md)}.grid-3col{grid-gap:1rem;grid-gap:var(--space-md);grid-template-columns:1fr 1fr 1fr}.loading-container{align-items:center;display:flex;flex-direction:column;height:30vh;justify-content:center;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border:4px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);height:40px;margin-bottom:1rem;margin-bottom:var(--space-md);width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container{background-color:#fee2e2;border-radius:8px;border-radius:var(--radius-lg);margin:2rem auto;margin:var(--space-xl) auto;max-width:600px;padding:1.5rem;padding:var(--space-lg);text-align:center}.error-container h2{color:#ef4444;color:var(--red-500);margin-bottom:1rem;margin-bottom:var(--space-md)}.btn{border:none;border-radius:6px;border-radius:var(--radius-md);font-size:.875rem;font-size:var(--text-sm);font-weight:500;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .2s ease;transition:var(--transition-standard)}.btn-primary{background-color:#3b82f6;background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:#2563eb;background-color:var(--primary-dark)}.btn-secondary{background-color:#10b981;background-color:var(--secondary);color:#fff}.btn-secondary:hover{background-color:#059669;background-color:var(--secondary-dark)}.btn-text{background:none;color:#3b82f6;color:var(--primary);padding:0}.btn-text:hover{color:#2563eb;color:var(--primary-dark);text-decoration:underline}.btn-outline{background:none;border:1px solid #d1d5db;border:1px solid var(--gray-300);color:#374151;color:var(--gray-700)}.btn-outline:hover{background-color:#f3f4f6;background-color:var(--gray-100)}.input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;border-radius:var(--radius-md);font-size:.875rem;font-size:var(--text-sm);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);width:100%}.input:focus{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.tag{align-items:center;background-color:#eff6ff;background-color:var(--primary-bg);border:1px solid #93c5fd;border:1px solid var(--primary-light);border-radius:4px;border-radius:var(--radius-sm);color:#2563eb;color:var(--primary-dark);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);margin-bottom:.25rem;margin-bottom:var(--space-xs);margin-right:.25rem;margin-right:var(--space-xs);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.tag-close{background:none;border:none;color:#6b7280;color:var(--gray-500);cursor:pointer;font-size:1.125rem;font-size:var(--text-lg);font-weight:700;line-height:1;margin-left:.25rem;margin-left:var(--space-xs)}.tag-close:hover{color:#374151;color:var(--gray-700)}.card{background-color:#fff;border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .2s ease;transition:var(--transition-standard)}.card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{background-color:#f9fafb;background-color:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200)}.card-content,.card-header{padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg)}.dropdown{position:relative}.dropdown-toggle{align-items:center;background-color:#f9fafb;background-color:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:6px;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);width:100%}.dropdown-menu{background-color:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:0 0 6px 6px;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.dropdown-item{cursor:pointer;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.dropdown-item:hover{background-color:#f3f4f6;background-color:var(--gray-100)}.dropdown-item.active{background-color:#eff6ff;background-color:var(--primary-bg);color:#2563eb;color:var(--primary-dark)}@media (max-width:1024px){.grid-3col{grid-template-columns:1fr 1fr}}@media (max-width:768px){.grid-2col,.grid-3col{grid-template-columns:1fr}}.studies-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr;margin-bottom:var(--space-xl)}@media (min-width:768px){.studies-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.studies-grid{grid-template-columns:repeat(3,1fr)}}.study-card{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:580px;overflow:hidden}.study-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.study-header{background-color:var(--gray-50);border-bottom:1px solid var(--gray-200);padding:var(--space-lg)}.study-title{color:var(--gray-800);font-size:var(--text-lg);font-weight:600;line-height:1.4}.study-authors,.study-title{margin-bottom:var(--space-sm)}.study-authors{color:var(--gray-600);font-size:var(--text-sm)}.study-links{display:flex;gap:var(--space-sm)}.study-link{background-color:var(--primary-bg);border-radius:var(--radius-sm);color:var(--primary-dark);font-size:var(--text-sm);font-weight:500;padding:var(--space-xs) var(--space-sm);text-decoration:none;transition:var(--transition-standard)}.study-link:hover{background-color:var(--primary-light);color:var(--primary-dark)}.study-link.dataset{background-color:var(--secondary-bg);color:var(--secondary-dark)}.study-link.dataset:hover{background-color:var(--secondary-light)}.study-content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:var(--space-lg)}.study-description{color:var(--gray-700);font-size:var(--text-base);margin-bottom:var(--space-sm)}.stimulus-description{color:var(--gray-600);font-size:var(--text-sm);font-style:italic;margin-bottom:var(--space-sm)}.findings{background-color:var(--amber-100);border-radius:var(--radius-sm);font-size:var(--text-base);margin-bottom:var(--space-md);padding:var(--space-sm)}.details-toggle{align-self:flex-start;background:none;border:none;color:var(--primary);cursor:pointer;font-size:var(--text-sm);margin-bottom:var(--space-sm);margin-top:var(--space-sm);padding:0;transition:var(--transition-standard)}.details-toggle:hover{color:var(--primary-dark);text-decoration:underline}.study-details{border-top:1px solid var(--gray-200);margin-top:var(--space-md);padding-top:var(--space-md)}.detail-group{margin-bottom:var(--space-lg);margin-top:var(--space-lg)}.detail-group h4{border-bottom:1px solid var(--gray-200);font-size:var(--text-base);font-weight:600;padding-bottom:var(--space-xs)}.detail-group h4,.detail-item{color:var(--gray-700);margin-bottom:var(--space-sm)}.detail-item{font-size:var(--text-sm)}.detail-label{color:var(--gray-600);display:block;font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-xs)}.license{border-top:1px solid var(--gray-200);color:var(--gray-500);font-size:var(--text-xs);margin-top:var(--space-sm);padding-top:var(--space-sm)}.study-features-section{margin-bottom:var(--space-sm);margin-top:var(--space-md)}.features-heading{color:var(--gray-700);font-size:var(--text-sm);font-weight:600;margin-right:var(--space-sm)}.study-feature-tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.study-feature-tag{background-color:var(--primary-bg);border-radius:var(--radius-sm);color:var(--primary-dark);font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}.timeline-section{margin-bottom:var(--space-lg)}.current-year{display:flex;font-weight:500;justify-content:space-between;margin-bottom:var(--space-sm)}.year-window{color:var(--gray-600);font-size:var(--text-sm)}.timeline-container{margin-bottom:var(--space-lg);overflow:visible;padding:10px 20px 120px;position:relative;transition:height .3s ease,padding-bottom .3s ease}.timeline-container.expanded{padding-bottom:320px}.timeline-bar{background-color:var(--gray-200);border-radius:var(--radius-md);height:100px;margin-bottom:var(--space-md);overflow:visible;position:relative;transition:all .3s ease}.timeline-bar.expanded{background:linear-gradient(to bottom,var(--gray-100),var(--gray-200));height:300px}.timeline-grid{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.year-tick{align-items:center;bottom:-45px;display:flex;flex-direction:column;position:absolute;transform:translateX(-50%);z-index:5}.tick-mark{background-color:var(--gray-400);height:8px;margin-bottom:4px;width:1px}.tick-label{color:var(--gray-500);font-size:var(--text-xs);font-weight:400}.minor-year-tick{align-items:center;bottom:-35px;display:flex;flex-direction:column;position:absolute;transform:translateX(-50%);z-index:4}.minor-tick-mark{background-color:var(--gray-300);height:4px;margin-bottom:2px;width:1px}.minor-tick-label{color:var(--gray-400);font-size:10px;font-weight:300}.year-bar{background-color:var(--primary-light);border-radius:3px 3px 0 0;bottom:0;min-height:4px;position:absolute;transition:all .3s ease;z-index:3}.year-bar.selected{background-color:var(--primary);box-shadow:0 0 10px #3b82f680}.year-bar-filtered{background-color:var(--primary-dark);border-radius:3px 3px 0 0;bottom:0;min-height:4px;position:absolute;transition:all .3s ease;z-index:4}.year-bar-filtered.selected{background-color:#1d4ed8;box-shadow:0 0 10px #1d4ed880}.year-selector{align-items:center;display:flex;flex-direction:column;position:absolute;top:-25px;transform:translateX(-50%);z-index:10}.selector-handle{background-color:var(--primary);border:2px solid #fff;border-radius:50%;height:14px;margin-bottom:var(--space-xs);width:14px}.selector-handle,.selector-label{box-shadow:var(--shadow-sm);transition:all .3s ease}.selector-label{background-color:#fff;border-radius:var(--radius-sm);color:var(--primary-dark);font-size:var(--text-xs);font-weight:600;padding:2px 6px}.year-window-highlight{background-color:#3b82f61a;border-radius:var(--radius-md);height:100%;pointer-events:none;position:absolute;top:0;transition:all .3s ease}.data-visualizer-content{height:100%;position:relative;width:100%}.chart-baseline{background-color:var(--gray-400);bottom:50px;height:1px;left:20px;opacity:.6;position:absolute;right:20px;z-index:2}.data-visualizer-btn{background:linear-gradient(45deg,var(--primary),var(--primary-dark));border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:block;font-size:var(--text-sm);font-weight:600;margin:var(--space-xl) auto 0 auto;max-width:200px;padding:var(--space-sm) var(--space-md);position:static;transition:all .3s ease;width:auto}.data-visualizer-btn:hover{background:linear-gradient(45deg,var(--primary-dark),#1e40af);box-shadow:var(--shadow-md);transform:translateY(-2px)}.data-visualizer-btn.active{background:linear-gradient(45deg,var(--secondary),var(--secondary-dark))}.data-visualizer-btn:not(.active){animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #3b82f6b3}50%{box-shadow:0 0 0 10px #3b82f600}}.visualization-controls{animation:slideIn .3s ease;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:var(--space-md) 0 var(--space-lg) 0;padding:var(--space-lg)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.visualization-controls h4{color:var(--gray-800);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-md)}.metric-selection{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md)}.metric-selection label{align-items:center;color:var(--gray-700);display:flex;font-size:var(--text-sm)}.metric-selection select{background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);transition:border-color .2s ease}.metric-selection select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f61a;outline:none}.visualization-info{background-color:var(--gray-50);border-left:4px solid var(--primary);border-radius:var(--radius-sm);color:var(--gray-700);font-size:var(--text-sm);margin-top:var(--space-md);padding:var(--space-sm)}.visualization-legend{border-top:1px solid var(--gray-200);margin-top:var(--space-md);padding-top:var(--space-md)}.visualization-legend h5{color:var(--gray-700);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-sm)}.legend-items{display:flex;flex-wrap:wrap;gap:var(--space-md)}.legend-item{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);display:flex;font-size:var(--text-sm);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.legend-color{border:1px solid #ffffff80;border-radius:50%;flex-shrink:0;height:16px;width:16px}@media (max-width:1024px){.timeline-container{padding:10px 15px 120px}.timeline-container.expanded{padding-bottom:320px}.metric-selection{align-items:flex-start;flex-direction:column}.legend-items{justify-content:center}}@media (max-width:768px){.timeline-container{padding:10px 10px 120px}.timeline-container.expanded{padding-bottom:320px}.data-visualizer-btn{bottom:auto;margin:var(--space-xl) auto var(--space-lg) auto;max-width:none;position:relative;right:auto;width:100%}.metric-selection{align-items:stretch;flex-direction:column}.metric-selection select{width:100%}.legend-items{align-items:center;flex-direction:column}}.search-container{margin-bottom:var(--space-md);position:relative}.search-input{border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-base);padding:var(--space-sm) var(--space-md);width:100%}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.clear-btn{background:none;border:none;color:var(--gray-500);cursor:pointer;font-size:var(--text-lg);position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%)}.filters-section{border-top:1px solid var(--gray-200);margin-top:var(--space-sm);padding-bottom:var(--space-sm);padding-top:var(--space-sm);position:relative}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.filters-header h3{color:var(--gray-700);font-size:var(--text-lg)}.clear-filters-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:var(--text-sm)}.clear-filters-btn:hover{text-decoration:underline}.filter-row-top{display:flex;flex-wrap:nowrap;gap:10px;justify-content:space-between;margin-bottom:var(--space-md)}.filter-row-bottom{display:flex;gap:10px;justify-content:flex-start;margin-bottom:var(--space-lg);margin-top:var(--space-lg)}.filter-dropdown,.filter-search{border-radius:var(--radius-sm);height:38px;min-width:0;overflow:visible;position:relative}.filter-row-top .filter-dropdown{background-color:var(--gray-50);border:1px solid var(--gray-200);flex:1 1}.filter-row-bottom .filter-search{border:none;width:200px}.filter-row-bottom .sort-dropdown{background-color:var(--gray-50);border:1px solid var(--gray-200);width:220px}.features-filter{max-width:350px;min-width:180px;width:auto}.feature-filter-grid{grid-gap:var(--space-xs);display:grid;gap:var(--space-xs);grid-template-columns:repeat(2,1fr);width:auto}.filter-options-dropdown.features-dropdown{max-width:350px;min-width:100%;width:auto}.filter-dropdown-header{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:space-between;padding:var(--space-sm) var(--space-sm);transition:background-color .15s ease}.filter-dropdown-header:hover{background-color:var(--gray-200)}.filter-dropdown-header h4{color:var(--gray-700);font-size:var(--text-xs);font-weight:600;margin:0}.dropdown-arrow{color:var(--gray-600);font-size:var(--text-xs);margin-left:var(--space-md)}.filter-options-dropdown{background-color:#fff;border:1px solid var(--gray-300);border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:var(--shadow-md);left:0;max-height:250px;overflow-y:auto;padding:var(--space-sm);position:absolute;right:0;top:38px;z-index:100}.filter-option{align-items:center;background-color:var(--gray-100);border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:flex-start;margin-bottom:var(--space-xs);padding:var(--space-xs) var(--space-sm);text-align:left;transition:background-color .2s ease;width:100%}.filter-option:hover{background-color:var(--gray-200)}.filter-option.active{background-color:var(--primary-bg)}.filter-option .filter-checkbox{align-items:center;cursor:pointer;display:flex;font-size:var(--text-xs);margin:0;width:100%}.filter-option .filter-checkbox input[type=checkbox]{margin-right:var(--space-xs);min-height:14px;min-width:14px}.filter-option .filter-label{align-items:center;display:inline-flex}.feature-group{margin-bottom:var(--space-sm)}.feature-group-header{background-color:var(--gray-100);border-radius:var(--radius-sm);color:var(--gray-600);font-size:var(--text-xs);font-weight:600;margin-bottom:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.feature-count{color:var(--gray-500);font-size:var(--text-xs);margin-left:var(--space-xs)}.active-filter-count{border:.5px solid var(--gray-200);border-radius:0 0 var(--radius-xs) var(--radius-xs);border-top:none;color:var(--primary-dark);font-size:var(--text-xs);left:0;padding:.09rem;position:absolute;right:0;text-align:center;top:36px;z-index:99}.autocomplete-container{height:100%;position:relative;width:100%}.autocomplete-input{background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:var(--text-xs);height:100%;padding:0 var(--space-sm);width:100%}.autocomplete-input::placeholder{color:var(--gray-600)}.autocomplete-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f61a;outline:none}.autocomplete-dropdown{background-color:#fff;border:1px solid var(--gray-300);border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:var(--shadow-md);left:0;max-height:150px;overflow-y:auto;position:absolute;right:0;top:38px;z-index:101}.autocomplete-item{cursor:pointer;font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm);transition:background-color .15s ease}.autocomplete-item:hover{background-color:var(--gray-100)}.autocomplete-item.active{background-color:var(--primary-bg);color:var(--primary-dark);font-weight:500}.autocomplete-item.no-results{color:var(--gray-500);cursor:default;font-style:italic;text-align:center}.active-filter-tags{background:#fff;border:1px solid var(--gray-200);border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:none;left:0;padding:var(--space-xs);position:absolute;right:0;top:50px;z-index:99}.active-filter-tags,.active-filters-summary{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.active-filters-summary{margin-top:var(--space-sm);padding-top:var(--space-sm)}.active-filter-tag{align-items:center;background-color:var(--primary-bg);border:1px solid var(--primary-light);border-radius:var(--radius-sm);color:var(--primary-dark);display:flex;font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}.remove-filter-tag{background:none;border:none;color:var(--gray-500);cursor:pointer;font-size:var(--text-base);font-weight:700;line-height:1;margin-left:var(--space-xs)}.remove-filter-tag:hover{color:var(--gray-700)}.sort-dropdown{background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);max-width:220px;min-width:220px;position:relative;width:220px!important}.sort-dropdown .filter-dropdown-header{box-sizing:border-box;width:100%}.sort-dropdown .filter-options-dropdown{left:0;max-height:300px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:100}.sort-option{cursor:pointer;font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);text-align:left;transition:background-color .15s ease}.sort-option:hover{background-color:var(--gray-100)}.sort-option.active{background-color:var(--primary-bg);color:var(--primary-dark);font-weight:500}.year-range-inputs{align-items:flex-end;display:flex;gap:var(--space-md);margin-bottom:var(--space-md);margin-top:var(--space-md)}.year-input-group{align-items:flex-start;display:flex;flex-direction:column}.year-input-group label{color:var(--gray-700);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-xs)}.year-input-group input{border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:var(--text-sm);padding:var(--space-sm);width:80px}.year-input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f61a;outline:none}.apply-year-range-btn{background-color:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:500;height:fit-content;padding:var(--space-sm) var(--space-md);transition:background-color .2s ease}.apply-year-range-btn:hover{background-color:var(--primary-dark)}.apply-year-range-btn:active{transform:translateY(1px)}.dataset-filter-container{display:flex;justify-content:flex-end}.dataset-filter-btn{background-color:var(--secondary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:var(--space-sm) var(--space-md);transition:background-color .2s ease}.dataset-filter-btn.active,.dataset-filter-btn:hover{background-color:var(--secondary-dark)}@media (max-width:1200px){.filter-row-top{flex-wrap:wrap}.filter-row-top .filter-dropdown{flex-basis:calc(50% - 5px);flex-grow:1;flex-shrink:1;margin-bottom:10px}.filter-row-bottom .filter-search{flex-basis:calc(50% - 5px);flex-grow:1;flex-shrink:1;width:100%}.sort-dropdown{width:300px!important}}@media (max-width:768px){.filter-row-top .filter-dropdown{flex:1 1 100%}.sort-dropdown{width:100%!important}.feature-filter-grid{grid-template-columns:1fr}.year-range-inputs{flex-direction:column}.year-input-group,.year-range-inputs{align-items:stretch}.year-input-group input{width:100%}}.header{padding:var(--space-md) 0 var(--space-lg);text-align:center}.header h1{color:var(--gray-800);font-size:var(--text-2xl);font-weight:700}.about-section{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg);padding:var(--space-lg);position:relative}.about-section h2{color:var(--gray-800);font-size:var(--text-lg);margin-bottom:var(--space-sm);text-align:center}.about-section p{color:var(--gray-700);margin-bottom:var(--space-lg);margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.version-info{color:var(--gray-600);font-size:.6rem;margin-top:.3rem;position:absolute;right:var(--space-sm)}.how-to-use h3{border-bottom:1px solid var(--gray-200);color:var(--gray-700);font-size:var(--text-lg);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);text-align:center}.use-instructions{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:800px}.instruction-item{align-items:baseline;display:flex;flex:0 0 48%;margin-bottom:var(--space-sm)}.instruction-label{color:var(--primary-dark);font-weight:600;margin-right:var(--space-sm);min-width:100px}.controls-panel{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg);padding:var(--space-lg)}.controls-top{align-items:center;display:flex;justify-content:flex-end;margin-bottom:var(--space-md)}.export-btn{background-color:var(--secondary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:500;padding:var(--space-sm) var(--space-md);transition:var(--transition-standard)}.export-btn:hover{background-color:var(--secondary-dark)}.results-info{background-color:var(--gray-50);border-radius:var(--radius-md);color:var(--gray-700);display:flex;font-size:var(--text-sm);justify-content:space-between;margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md)}.results-count{font-weight:500}.results-range{color:var(--gray-600)}.no-results{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-xl);text-align:center}.no-results h3{color:var(--gray-700);margin-bottom:var(--space-sm)}.no-results p{color:var(--gray-600);margin-bottom:var(--space-lg)}.outside-range-notification{background-color:var(--primary-bg);border:1px solid var(--primary-light);border-radius:var(--radius-md);margin:var(--space-md) 0;padding:var(--space-md);text-align:center}.outside-range-notification p{color:var(--primary-dark);font-weight:500;margin-bottom:var(--space-sm)}.navigate-to-match-btn{background-color:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:500;margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);transition:var(--transition-standard)}.navigate-to-match-btn:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.reset-btn{background-color:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:500;padding:var(--space-sm) var(--space-md);transition:var(--transition-standard)}.reset-btn:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-sm);transform:translateY(-2px)}@media (max-width:768px){.controls-top{justify-content:center}.instruction-item{flex:0 0 100%}}
/*# sourceMappingURL=main.88e1622e.css.map*/