:root{--color-primary:#4a9eff;--color-primary-hover:#7cb3ff;--color-secondary:#667eea;--color-tertiary:#764ba2;--color-warning:#ffc107;--color-success:#0f0;--color-danger:red;--bg-primary:#1a1a2e;--bg-secondary:#2a2a3e;--bg-panel:#ffffff08;--bg-panel-hover:#ffffff0d;--bg-input:#ffffff1a;--bg-input-focus:#ffffff26;--bg-dark:#0000004d;--bg-tooltip:#000000e6;--bg-highlight:#fff6;--bg-warning:#ffc8001a;--text-primary:#fff;--text-secondary:#eee;--text-muted:#aaa;--text-light:#bbb;--text-dark:#333;--text-very-light:#ccc;--text-extra-light:#ddd;--border-primary:#ffffff1a;--border-secondary:#fff3;--border-input:#fff3;--border-input-focus:#4a9eff;--border-warning:#ffc8004d;--border-light:#ffffff4d;--space-xs:3px;--space-sm:5px;--space-md:8px;--space-lg:10px;--space-xl:15px;--space-2xl:20px;--space-3xl:25px;--space-4xl:30px;--space-5xl:40px;--radius-sm:3px;--radius-md:5px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:15px;--font-family:-apple-system,BlinkMacSystemFont,"Segue UI",Roboto,sans-serif;--font-size-xs:.85em;--font-size-sm:.9em;--font-size-base:1em;--font-size-lg:1.1em;--font-size-xl:1.3em;--font-size-2xl:1.8em;--font-size-3xl:2em;--font-size-4xl:2.5em;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--blur-sm:blur(5px);--blur-md:blur(10px);--transition-fast:.3s;--max-width-content:1600px;--max-width-text:850px;--min-width-content:320px;--z-tooltip:1000;--z-modal:900;--z-overlay:800;--canvas-max-size:400px;--canvas-min-cell-size:2px;--canvas-viewport-cell-size:8px;--gradient-primary:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);--gradient-metrics:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-color-scale:linear-gradient(90deg,#0f0,red)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-primary);min-height:100vh;min-width:var(--min-width-content);padding:var(--space-xl);color:var(--text-secondary)}a{color:var(--color-primary);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}.container{margin:0 auto}.content-wrapper{max-width:var(--max-width-content);min-width:var(--min-width-content);margin:0 auto}h1{color:var(--text-primary);margin-bottom:var(--space-lg);font-size:var(--font-size-4xl);text-align:center}h2{color:var(--text-primary);margin-bottom:var(--space-lg);font-size:var(--font-size-3xl);text-align:center}.panel{background:var(--bg-panel-hover);border-radius:var(--radius-xl);padding:var(--space-xl);backdrop-filter:var(--blur-md)}.panel-primary{background:var(--gradient-primary);border-radius:var(--radius-2xl);padding:var(--space-xl);backdrop-filter:var(--blur-md);border:1px solid var(--border-primary)}.blur-effect{backdrop-filter:var(--blur-md)}.blur-effect-sm{backdrop-filter:var(--blur-sm)}.subtitle{color:var(--text-muted);margin-bottom:var(--space-xl);text-align:center}.section-container{background:var(--bg-panel);border-radius:var(--radius-2xl);padding:var(--space-xl);margin-bottom:var(--space-xl);border:1px solid var(--border-primary)}.section-container h2{color:var(--text-primary);font-size:var(--font-size-xl);margin:0 0 var(--space-xl)0;text-transform:uppercase;letter-spacing:1px}.simulation-wrapper{padding:var(--space-xl);background:var(--gradient-primary);border-radius:var(--radius-2xl);backdrop-filter:var(--blur-md);border:1px solid var(--border-primary)}.simulation-wrapper>h2{color:var(--text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--space-xl);text-align:center;text-transform:uppercase;letter-spacing:1px}.controls{gap:var(--space-xl);margin-bottom:var(--space-xl);grid-template-rows:auto 1fr;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.control-section{padding:var(--space-xl);background:var(--bg-panel-hover);border-radius:var(--radius-xl);backdrop-filter:var(--blur-md);gap:var(--space-xl);flex-direction:column;display:flex}.section-title{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-sm);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.control-group{flex-direction:column;display:flex}label{font-weight:var(--font-weight-medium);color:var(--text-light);margin-bottom:var(--space-sm);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px}input[type=number],select{padding:var(--space-md);border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);transition:all var(--transition-fast);font-size:14px}input[type=number]:focus,select:focus{border-color:var(--border-input-focus);background:var(--bg-input-focus);outline:none}select option{background:var(--bg-secondary);color:var(--text-primary)}.query-controls{background:var(--bg-warning);padding:var(--space-xl);border-radius:var(--radius-xl);margin-bottom:var(--space-xl);border:1px solid var(--border-warning)}.query-title{font-weight:var(--font-weight-semibold);color:var(--color-warning);margin-bottom:var(--space-lg);text-transform:uppercase;font-size:var(--font-size-sm)}.range-inputs{gap:var(--space-xl);flex-wrap:wrap;display:flex}.range-group{gap:var(--space-xl);color:var(--text-extra-light);align-items:center;display:flex}.range-group input{width:60px}.spatial-views{gap:var(--space-xl);margin-bottom:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.viz-panel{background:var(--bg-panel-hover);border-radius:var(--radius-xl);padding:var(--space-xl);backdrop-filter:var(--blur-md)}.viz-title{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xl);font-size:var(--font-size-lg);text-transform:uppercase;letter-spacing:1px}.canvas-container{background:var(--bg-dark);border-radius:var(--radius-md);width:100%;padding:var(--space-lg);position:relative}canvas{cursor:crosshair;width:100%;max-width:100%;height:auto;margin:0 auto;display:block}.linear-views{margin-bottom:var(--space-xl)}.linear-viz{background:var(--bg-panel-hover);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-xl);backdrop-filter:var(--blur-md)}.metrics{gap:var(--space-sm)var(--space-xl);padding:var(--space-xl);background:var(--gradient-metrics);border-radius:var(--radius-xl);grid-template-rows:auto auto;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.metric{background:var(--bg-input);padding:var(--space-xl);border-radius:var(--radius-lg);text-align:center;backdrop-filter:var(--blur-md);grid-template-rows:subgrid;grid-row:span 2;display:grid}@supports not (grid-template-rows:subgrid){.metric{grid-row:auto;display:block}}@media (prefers-reduced-motion:reduce){.blur-effect,.blur-effect-sm{backdrop-filter:none}}.metric-label{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;opacity:.8}.metric-value{font-size:2em;font-weight:var(--font-weight-bold);color:var(--text-primary)}.metric-suffix{color:var(--text-secondary);opacity:.7;font-size:.5em}.tooltip{background:var(--bg-tooltip);color:var(--text-primary);padding:var(--space-md)var(--space-lg);border-radius:var(--radius-md);pointer-events:none;z-index:var(--z-tooltip);border:1px solid var(--border-secondary);font-size:12px;display:none;position:fixed}.explanation{margin:var(--space-5xl)auto 0 auto;padding:var(--space-xl);background:var(--gradient-primary);border-radius:var(--radius-2xl);backdrop-filter:var(--blur-md);border:1px solid var(--border-primary)}.explanation h2{color:var(--text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--space-xl);text-align:center;text-transform:uppercase;letter-spacing:1px}.explanation-content{gap:var(--space-xl);margin-top:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.explanation-section{background:var(--bg-panel-hover);padding:var(--space-xl);border-radius:var(--radius-xl);backdrop-filter:var(--blur-sm);border:1px solid var(--border-primary)}.explanation-section h3{color:var(--color-primary);margin-bottom:var(--space-xl);font-size:1.2em;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.explanation-section p{color:var(--text-very-light);margin-bottom:var(--space-xl);line-height:1.6}.explanation-section ul{color:var(--text-very-light);margin-left:var(--space-xl);line-height:1.6}.explanation-section li{margin-bottom:var(--space-md)}.color-example{border-radius:var(--radius-sm);width:20px;height:20px;margin-right:var(--space-md);vertical-align:middle;display:inline-block}.z-control{display:none}.legend{gap:var(--space-xl);margin-top:var(--space-lg);flex-wrap:wrap;justify-content:center;display:flex}.legend-item{align-items:center;gap:var(--space-md);color:var(--text-muted);font-size:var(--font-size-sm);display:flex}.legend-color{border-radius:var(--radius-sm);border:1px solid var(--border-light);width:20px;height:20px}.query-legend{border:3px solid var(--color-primary);background:0 0}.gradient-legend{background:var(--gradient-color-scale);border:none}.highlight-legend{border:3px solid var(--text-primary);background:0 0}.reset-button{padding:var(--space-md)var(--space-2xl);background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);width:fit-content;margin:0 auto;font-size:12px;text-decoration:none;display:block}.reset-button:hover{background:var(--bg-input-focus);border-color:var(--border-input-focus);transform:translateY(-1px)}.overview-container{margin:auto auto var(--space-4xl)auto;padding:var(--space-lg);max-width:var(--max-width-content);border-radius:var(--radius-xl);border:1px solid var(--border-primary)}.overview-content{margin:var(--space-2xl)auto;padding:var(--space-2xl)var(--space-2xl)0 var(--space-2xl);max-width:var(--max-width-text);border-top:1px solid var(--border-primary)}.overview-content h2{color:var(--text-primary);margin-bottom:var(--space-2xl);text-align:center;font-size:1.7em}.overview-content p{color:var(--text-extra-light);margin-bottom:18px;font-size:1.05em;line-height:1.7}.overview-content p:last-child{margin-bottom:0}.overview-content strong{color:var(--text-primary);font-weight:var(--font-weight-semibold);font-style:italic}.preset-controls{align-items:flex-end;gap:var(--space-xl);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.preset-controls .control-group{flex:1;min-width:180px}.preset-controls .reset-button{white-space:nowrap;flex-shrink:0;margin:0}@media (width>=1200px){.metrics{grid-template-columns:repeat(8,1fr)}.explanation-content{grid-template-columns:repeat(3,1fr)}}@media (width<=1199px) and (width>=800px){.metrics{grid-template-columns:repeat(4,1fr)}}@media (width<=799px) and (width>=400px){.metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.spatial-views{grid-template-columns:1fr}}@media (width<=399px){.metrics{grid-template-columns:1fr}}.site-footer{border-top:1px solid var(--border-primary);padding:var(--space-xl)0;margin-top:var(--space-2xl)}.footer-content{max-width:1200px;padding:0 var(--space-2xl);align-items:center;gap:var(--space-2xl);grid-template-columns:1fr auto 1fr;margin:0 auto;display:grid}.footer-left,.footer-right{color:var(--text-muted);font-size:.875rem}.footer-right{text-align:right}.footer-center{justify-content:center;display:flex}.footer-center .github-link-container{text-align:center;margin:20px auto}.footer-center .github-link{color:var(--color-primary);align-items:center;gap:var(--space-sm);font-size:14px;text-decoration:none;display:inline-flex}.footer-center .github-link:hover{color:var(--color-primary-hover)}.build-info{margin:0;font-family:Courier New,monospace;font-size:.8125rem}.build-info span{color:var(--text-light)}@media (width<=768px){.footer-content{text-align:center;gap:var(--space-xl);grid-template-columns:1fr}.footer-right{text-align:center}.footer-center .github-link{padding:var(--space-md)var(--space-lg);font-size:.8125rem}}
/*# sourceMappingURL=vischunk.57cc0038.css.map */