@import "https://fonts.googleapis.com/css2?family=Helvetica+Neue:wght@400;500;700&display=swap";:root{--bg-primary:#fff;--bg-secondary:#fff;--text-primary:#000;--text-secondary:#333;--accent:#b91c1c;--accent-hover:#991b1b;--border:#000;--border-light:#e5e7eb;--radius:0px;--shadow-sm:none;--shadow-md:none;--shadow-lg:none}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5}.app-container{flex-direction:column;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.content-wrapper{flex-direction:column;gap:2rem;display:flex}.plot-sidebar{background:var(--bg-secondary);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-sm);border:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}header{border-bottom:2px solid var(--border);text-align:left;justify-content:flex-start;margin-bottom:2rem;padding-bottom:1rem;display:flex}.header-content h1{color:#000;letter-spacing:-.01em;margin-bottom:.25rem;font-size:2.25rem;font-weight:700}.header-content p{color:var(--text-secondary);font-size:1.1rem}.toolbar-right{align-items:center;gap:1rem;display:flex}.record-count{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.toolbar-divider{background-color:var(--border);width:1px;height:20px}.icon-btn{border-radius:var(--radius);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;transition:none;display:inline-flex}.icon-btn:hover{color:var(--text-primary);border-color:var(--border)}.main-content{background:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);flex-direction:column;flex:1;display:flex;overflow:hidden}.toolbar{border-bottom:1px solid var(--border);background:#fdfdfd;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.search-box{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);align-items:center;width:300px;padding:.5rem 1rem;transition:all .2s;display:flex}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.search-box input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding-left:.5rem;font-family:inherit}.search-box svg{color:var(--text-secondary)}.table-container{border-bottom:2px solid var(--border);height:600px;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%}th{background-color:var(--bg-primary);color:var(--text-primary);text-transform:none;letter-spacing:normal;z-index:10;border-top:2px solid var(--border);border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.85rem;font-weight:700;position:sticky;top:0}td{color:var(--text-primary);white-space:nowrap;border-bottom:none;padding:.75rem 1rem;font-size:.9rem}tbody tr{transition:none}tbody tr:hover{background-color:#f9fafb}.loading,.error{text-align:center;color:var(--text-secondary);padding:3rem;font-size:1.1rem}.error{color:#ef4444}.site-footer{color:var(--text-secondary);border-top:1px solid var(--border);text-align:left;box-shadow:none;background-color:#0000;border-radius:0;flex-direction:column;align-items:flex-start;margin-top:4rem;padding:2rem 0;display:flex}.footer-logo{opacity:.9;height:48px;margin-bottom:1.5rem;transition:opacity .2s}.footer-logo:hover{opacity:1}.footer-content{max-width:800px}.footer-content p{margin-bottom:.75rem;font-size:.95rem;line-height:1.5}.footer-links{border-top:none;justify-content:flex-start;gap:1.5rem;margin-top:1.5rem;padding-top:0;display:flex}.footer-links a{color:var(--text-secondary);font-size:.85rem;font-weight:400;text-decoration:underline;transition:none}.footer-links a:hover{color:var(--text-primary)}.th-content{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;transition:color .15s;display:flex}.th-content:hover{color:var(--accent)}.sort-icon{align-items:center;display:inline-flex}.col-filter input{border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);text-transform:none;letter-spacing:normal;border-radius:4px;outline:none;padding:.35rem .5rem;font-family:inherit;font-size:.8rem;font-weight:400;transition:border-color .2s}.col-filter input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #2563eb1a}.plot-section{background:var(--bg-secondary);border:1px solid var(--border);flex-direction:column;height:100%;padding:1.5rem;display:flex}.empty-plot{text-align:center;color:var(--text-secondary);justify-content:center;align-items:center;height:100%;padding:2rem;font-style:italic;display:flex}.plot-controls{justify-content:center;gap:1.5rem;margin-bottom:1rem;display:flex}.control-group{align-items:center;gap:.5rem;display:flex}.control-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.control-group select{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;outline:none;padding:.4rem .75rem;font-family:inherit;font-size:.9rem;transition:all .2s}.control-group select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #2563eb1a}.plot-container{width:100%;max-width:600px;margin:0 auto}.plots-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=1024px){.plots-grid{grid-template-columns:repeat(2,1fr)}.full-width-plot{grid-column:1/-1}}.plot-title{text-align:center;color:var(--text-primary);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.plot-container-bar{width:100%;height:400px;margin:0 auto}.study-context{border:none;border-bottom:1px solid var(--border-light);box-shadow:none;background-color:#0000;margin-bottom:2rem;padding:1.5rem 0}.study-context h2{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.study-context p{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem;line-height:1.6}.study-context p:last-child{margin-bottom:0}.study-context strong{color:var(--text-primary);font-weight:700}.zenodo-banner{border:1px solid var(--border);box-shadow:none;background:0 0;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;padding:1rem 1.5rem;display:flex}.zenodo-info h3{color:var(--text-primary);text-transform:uppercase;margin-bottom:.25rem;font-size:1rem;font-weight:700}.zenodo-info p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.zenodo-btn{color:#fff;white-space:nowrap;box-shadow:none;background-color:#000;border:1px solid #000;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:none;display:inline-flex}.zenodo-btn:hover{color:#000;background-color:#fff}@media (width<=768px){.zenodo-banner{text-align:center;flex-direction:column;align-items:stretch}.zenodo-btn{justify-content:center}}.top-branding{background-color:#0000;justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:0;padding:0 1rem;display:flex}.developed-by-text{color:var(--text-secondary);font-size:.9rem;font-weight:500}.top-logo-link{align-items:center;text-decoration:none;display:flex}.top-logo{opacity:.85;width:auto;height:30px;transition:opacity .2s,transform .2s}.top-logo-link:hover .top-logo{opacity:1;transform:scale(1.05)}.resizer{cursor:col-resize;-webkit-user-select:none;user-select:none;z-index:20;background-color:#0000;width:6px;height:100%;transition:background-color .2s;position:absolute;top:0;right:0}.resizer:hover,.resizer.resizing{background-color:var(--accent)}.app-container.is-resizing{-webkit-user-select:none;user-select:none}td.truncate-cell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.corplot-container{background:var(--surface,#fff);box-shadow:none;border:1px solid var(--border,#000);border-radius:0;flex-direction:column;align-items:center;padding:2.5rem 2rem;display:flex}.corplot-grid{grid-template-rows:50px repeat(4,75px);grid-template-columns:80px repeat(4,75px);margin-bottom:2.5rem;display:grid}.corplot-cell{justify-content:center;align-items:center;display:flex}.header{color:var(--text-primary,#000);text-transform:uppercase;font-size:.95rem;font-weight:700}.x-header{justify-content:center;align-items:flex-end;padding-bottom:10px}.x-header span{transform-origin:0 100%;white-space:nowrap;display:inline-block;position:relative;bottom:-5px;left:20px;transform:rotate(-45deg)}.y-header{justify-content:flex-end;padding-right:15px}.data-cell{cursor:default;border:1px solid #fff;transition:transform .15s,box-shadow .15s;position:relative}.data-cell:hover{z-index:10;box-shadow:none;border:1px solid #000;transform:scale(1.08)}.coef-text{font-size:1.05rem;font-weight:700}.tooltip{visibility:hidden;color:#000;white-space:nowrap;z-index:100;opacity:0;pointer-events:none;box-shadow:none;text-align:left;background:#fff;border:1px solid #000;border-radius:0;padding:1rem;font-size:.85rem;line-height:1.5;transition:opacity .2s,bottom .2s;position:absolute;bottom:115%;left:50%;transform:translate(-50%)}.tooltip strong{color:#000;text-transform:uppercase;margin-bottom:.25rem;font-size:1rem;display:block}.tooltip:after{content:"";border:6px solid #0000;border-top-color:#000;margin-left:-6px;position:absolute;top:100%;left:50%}.data-cell:hover .tooltip{visibility:visible;opacity:1;bottom:120%}.legend{color:var(--text-primary);text-transform:uppercase;align-items:center;gap:12px;font-size:.95rem;font-weight:700;display:flex}.gradient-bar{background:linear-gradient(90deg,#0582ca,#fff,#ef233c);border:1px solid #000;border-radius:0;width:200px;height:18px}.pca-container{background:var(--surface,#fff);box-shadow:none;border:1px solid var(--border,#000);border-radius:0;flex-direction:column;align-items:center;padding:2.5rem 2rem;display:flex}.pca-svg{width:100%;max-width:600px;height:auto;margin-top:1rem}.pca-svg text{font-family:inherit;font-weight:700}.pca-svg circle{cursor:pointer;transition:r .2s}.pca-svg circle:hover{r:10;stroke:#000;stroke-width:2px}.assoc-plot-container{background:var(--surface,#fff);box-shadow:none;border:1px solid var(--border,#000);border-radius:0;margin-top:1.5rem;padding:2.5rem 2rem}.assoc-plot-header{border-bottom:2px solid var(--border,#000);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.assoc-select{border:1px solid var(--border,#000);cursor:pointer;text-transform:uppercase;background-color:#fff;border-radius:0;outline:none;padding:.5rem 1rem;font-size:.85rem;font-weight:700}.assoc-plot-layout{flex-direction:column;gap:2rem;display:flex}@media (width>=1024px){.assoc-plot-layout{flex-direction:row}}.charts-wrapper{flex-direction:column;flex:1;gap:3rem;display:flex}@media (width>=768px){.charts-wrapper{flex-direction:row;gap:2rem}}.assoc-chart{flex-direction:column;flex:1;display:flex}.chart-subtitle{color:var(--text-primary);text-transform:uppercase;margin-bottom:1rem;font-size:1.1rem;font-weight:700}.assoc-bars-area{flex-direction:column;flex:1;gap:.75rem;display:flex}.assoc-row{align-items:center;gap:1rem;display:flex}.assoc-label{text-align:right;width:150px;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.assoc-bar-container{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:0;flex:1;height:24px;display:flex;overflow:hidden}.assoc-segment{cursor:pointer;border-right:1px solid #fff;justify-content:center;align-items:center;height:100%;transition:width .3s;display:flex}.assoc-segment:last-child{border-right:none}.assoc-segment:hover{filter:brightness(1.1)}.segment-label{color:#fff;text-shadow:0 1px 1px #000c;font-size:.7rem;font-weight:700}.x-axis-label{text-align:center;color:var(--text-primary);text-transform:uppercase;margin-top:1rem;margin-left:150px;font-size:.85rem;font-weight:700}.assoc-legend-container{flex-direction:column;align-self:flex-start;gap:1rem;display:flex}.legend-instructions{background:#fff;border:1px solid #000;border-left-width:4px;align-items:flex-start;gap:12px;max-width:250px;padding:12px;display:flex}.assoc-legend{border:1px solid var(--border,#000);background:0 0;border-radius:0;min-width:250px;max-width:300px;padding:1.5rem}.assoc-legend h4{color:var(--text-primary);text-transform:uppercase;margin-top:0;margin-bottom:1rem;font-size:.95rem;font-weight:700}.assoc-legend-scroll{flex-direction:column;gap:.5rem;max-height:300px;padding-right:8px;display:flex;overflow-y:auto}.assoc-legend-scroll::-webkit-scrollbar{width:6px}.assoc-legend-scroll::-webkit-scrollbar-track{background:#f3f4f6}.assoc-legend-scroll::-webkit-scrollbar-thumb{background:#9ca3af}.assoc-legend-scroll::-webkit-scrollbar-thumb:hover{background:#4b5563}.legend-item{-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;padding:.25rem .5rem;display:flex}.legend-item:hover{background-color:#f9fafb}.legend-color{border:1px solid #000;border-radius:0;width:14px;height:14px;display:inline-block}.jitter-wrapper{background:var(--surface,#fff);box-shadow:none;border:1px solid var(--border,#000);border-radius:0;margin-top:1.5rem;padding:2.5rem 2rem}.jitter-header{border-bottom:2px solid var(--border,#000);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}@media (width>=768px){.jitter-header{flex-direction:row;align-items:flex-end}}.title-group{flex-direction:column;gap:.25rem;display:flex}.plot-title{text-transform:uppercase;margin:0;font-size:1.25rem;font-weight:700}.plot-subtitle{color:var(--text-secondary);margin:0;font-size:.9rem}.jitter-controls{gap:1.5rem;display:flex}.jitter-controls label{color:var(--text-primary);text-transform:uppercase;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex}.jitter-controls select{border:1px solid var(--border,#000);cursor:pointer;text-transform:uppercase;background-color:#fff;border-radius:0;outline:none;padding:.4rem .75rem;font-weight:700}.jitter-layout{flex-direction:column;gap:2rem;display:flex}@media (width>=1024px){.jitter-layout{flex-direction:row}}.jitter-charts-container{flex-direction:column;flex:1;gap:3rem;display:flex}@media (width>=768px){.jitter-charts-container{flex-direction:row;gap:2rem}}.jitter-plot{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.jitter-title{color:var(--text-primary);text-align:center;text-transform:uppercase;margin-bottom:1rem;font-size:1.05rem;font-weight:700}.jitter-svg{width:100%;max-width:400px;height:auto;overflow:visible}.jitter-point{cursor:crosshair}.jitter-legends{border:1px solid var(--border,#000);background:0 0;border-radius:0;flex-direction:column;align-self:flex-start;gap:2rem;min-width:250px;max-width:300px;padding:1.5rem;display:flex}.legend-block h4{color:var(--text-primary);text-transform:uppercase;margin-top:0;margin-bottom:1rem;font-size:.95rem;font-weight:700}.legend-grid{flex-direction:column;gap:.5rem;max-height:220px;padding-right:8px;display:flex;overflow-y:auto}.legend-grid::-webkit-scrollbar{width:6px}.legend-grid::-webkit-scrollbar-track{background:#f3f4f6;border-radius:0}.legend-grid::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:0}.legend-grid::-webkit-scrollbar-thumb:hover{background:#4b5563}.legend-chip{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:0;align-items:center;gap:.5rem;padding:.25rem .5rem;transition:none;display:flex}.legend-chip:hover{background-color:#f9fafb}.legend-chip.active{font-weight:700}.legend-color-dot{border:1px solid #000;border-radius:0;width:12px;height:12px;display:inline-block}.legend-text{color:var(--text-secondary);font-size:.85rem}.custom-tooltip{color:#000;pointer-events:none;z-index:1000;box-shadow:none;background:#fff;border:1px solid #000;border-radius:0;min-width:200px;padding:12px 16px;font-size:.85rem;position:fixed}.tooltip-title{color:#000;text-transform:uppercase;margin-bottom:2px;font-size:1rem;font-weight:700}.tooltip-subtitle{color:#4b5563;text-transform:uppercase;border-bottom:1px solid #d1d5db;margin-bottom:8px;padding-bottom:6px;font-size:.75rem}.tooltip-line{color:#111827;margin-bottom:4px}.tooltip-line strong{color:#4b5563}.legend-instructions{background:#fff;border:1px solid #000;border-left-width:4px;border-radius:0;align-items:flex-start;gap:12px;margin-bottom:-.5rem;padding:12px;display:flex}.info-icon{color:#000;flex-shrink:0;width:20px;height:20px;margin-top:2px}.legend-instructions p{color:#000;margin:0;font-size:.85rem;line-height:1.4}.chord-wrapper{background:var(--surface,#fff);box-shadow:none;border:1px solid var(--border,#000);border-radius:0;margin-top:1.5rem;padding:2.5rem 2rem}.chord-header{text-align:center;border-bottom:2px solid var(--border,#000);margin-bottom:2rem;padding-bottom:1rem;position:relative}.chord-actions{position:absolute;top:0;right:0}.chord-layout{justify-content:center;align-items:center;display:flex}.chord-svg-container{width:100%;max-width:600px;margin:0 auto}.chord-svg{width:100%;height:auto;overflow:visible}.chord-tooltip{min-width:150px}