:root{--gsl-charts-color-1:#7e84fa}.gsl-chart-axis line{stroke:#404040;stroke-width:1px}.gsl-chart-axis text{stroke:none;fill:#d4d4d4}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes growBar{0%{transform:translateY(var(--bar-start-translate,0px)) scaleY(0)}to{transform:translateY(0)scaleY(1)}}@keyframes growBox{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes growMedian{0%{transform:translateY(var(--startTranslateY,0px));opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes growCircle{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes revealArea{0%{transform:scaleX(0)}to{transform:scaleX(1)}}:root{--primary-color:#3182ce;--secondary-color:#7e84fa;--text-color:#efefef;--link-color:#88c6ff;--link-hover-color:#b8dcff;--link-active-color:#5daeff;--font-family:Arial, Helvetica, sans-serif;--background-color:#171717}*{box-sizing:border-box}body{height:100%;min-height:100vh;font-family:var(--font-family);background:var(--background-color);color:var(--text-color);margin:0}a{color:var(--link-color);text-underline-offset:.18em;text-decoration:none;text-decoration-thickness:.08em;transition:color .14s,text-decoration-color .14s}a:visited{color:var(--link-color)}a:hover{color:var(--link-hover-color)}a:active{color:var(--link-active-color)}a:focus-visible{outline:2px solid color-mix(in srgb, var(--link-color) 80%, white 20%);outline-offset:2px;border-radius:2px}.nav-link.active{text-decoration:underline}#root{min-height:100%}input[type=range]{accent-color:var(--primary-color)}select{color:var(--text-color);background:0 0;background:color-mix(in srgb, var(--background-color) 80%, white 10%);border:none;border-radius:4px;outline:none;padding:4px 8px 4px 4px}input[type=color]{accent-color:var(--primary-color);padding:0}button{width:fit-content;height:fit-content;color:var(--text-color);background:var(--primary-color);font-family:var(--font-family);text-transform:uppercase;border:none;border-radius:4px;outline:none;padding:8px 16px;transition:all .2s}button:hover{cursor:pointer;background:color-mix(in srgb, var(--primary-color) 80%, black 20%)}button:active{background:color-mix(in srgb, var(--primary-color) 70%, black 30%)}.app-container{margin:0 auto;padding:0 40px}.flex{align-items:center;display:flex}.gap-10{gap:10px}.gap-20{gap:20px}.input-slider,.input-color{align-items:center;gap:10px;margin:10px 0;display:flex}.testing-data-layout{grid-template-columns:minmax(400px,600px) 1fr;align-items:start;gap:20px;margin-top:20px;display:grid}.testing-data-controls{background:linear-gradient(135deg, color-mix(in srgb, var(--background-color) 85%, #2f2f2f 15%) 0%, color-mix(in srgb, var(--background-color) 92%, #202020 8%) 100%);border:1px solid #404040;border-radius:8px;flex-direction:column;gap:16px;padding:16px;display:flex}.testing-data-controls-header h2{margin:0}.testing-data-controls-header p{color:#d3d3d3;margin:8px 0 0}.testing-data-actions{flex-wrap:wrap;gap:10px;display:flex}.secondary-button{background:color-mix(in srgb, var(--background-color) 68%, #fff 32%);color:var(--text-color)}.secondary-button:hover{background:color-mix(in srgb, var(--background-color) 74%, #fff 26%)}.secondary-button:active{background:color-mix(in srgb, var(--background-color) 78%, #fff 22%)}.testing-data-error{color:#ff9696;margin:0}.testing-data-editor-group{flex-direction:column;gap:8px;display:flex}.testing-data-editor-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.testing-data-textarea{resize:vertical;color:#f3f3f3;background:#111;border:1px solid #555;border-radius:8px;width:100%;min-height:350px;padding:10px;font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.35}.testing-data-chart{width:100%;max-width:100%;overflow:auto}@media (width<=1200px){.testing-data-layout{grid-template-columns:1fr}}