html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:root{font-family:Inconsolata,monospace;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{height:100vh;margin:0;padding:0}#root{height:100vh;width:100%}.app-container{height:100vh;display:flex;flex-direction:column}.chart-container{flex:1;display:flex;flex-direction:column}.chart-area{flex:1;min-height:0}body{min-width:320px}button{border-radius:2px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-blue-300: #93c5fd;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-green-300: #6ee7b7;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-white: #ffffff}.timeseries-app{background-color:var(--color-gray-900);color:var(--color-white);padding:1rem}@media (min-width: 768px){.timeseries-app{padding:1rem}}.app-header{margin-bottom:1.5rem;flex-shrink:0}.app-title{font-size:1.5rem;font-weight:400;color:var(--color-blue-300);display:flex;align-items:center;gap:.75rem}.app-title strong{color:var(--color-green-300)}.app-subtitle{color:var(--color-gray-300);margin:.5rem 0}.code-highlight{background-color:var(--color-gray-700);color:var(--color-green-300);padding:.25rem;border-radius:2px}.chart-wrapper{background-color:var(--color-gray-800);border-radius:2px;box-shadow:0 25px 50px -12px #00000040;padding:1rem}@media (min-width: 768px){.chart-wrapper{padding:1.5rem}}.chart-content{width:100%}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-gray-300)}.empty-state-code{background-color:var(--color-gray-700);color:var(--color-green-300);margin:0 .5rem;padding:.5rem;border-radius:2px}.demo-select{background-color:var(--color-gray-800);color:var(--color-white);border:1px solid var(--color-gray-700);padding:.5rem;border-radius:2px;font-size:.875rem;margin-left:8px}.demo-start-button{margin-left:.5rem;padding:.5rem 1rem;background-color:var(--color-green-600);color:var(--color-white);border:none;border-radius:2px;cursor:pointer;font-size:.875rem;font-weight:600;transition:background-color .15s ease-in-out}.demo-start-button:disabled{background-color:var(--color-gray-700);cursor:not-allowed}.demo-start-button:not(:disabled):hover{background-color:var(--color-green-500)}.controls-section{border-top:1px solid var(--color-gray-700);padding-top:1rem;margin-top:.5rem;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.5rem}@media (min-width: 768px){.controls-section{flex-direction:row}}.controls-left{display:flex;align-items:center;gap:1rem}.control-button{padding:.5rem;width:100px;border-radius:2px;font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);color:var(--color-white);border:none;cursor:pointer}.control-button--play{background-color:var(--color-green-600)}.control-button--play:hover{background-color:var(--color-green-500)}.control-button--pause{background-color:var(--color-blue-600)}.control-button--pause:hover{background-color:var(--color-blue-500)}.speed-control{display:flex;align-items:center;font-size:.875rem;gap:.75rem;color:var(--color-gray-300)}.speed-slider{width:12rem}.speed-value{line-height:1.25rem}.active-series{color:var(--color-gray-300);font-size:.875rem;line-height:1.25rem}.info-button{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .15s ease-in-out;color:var(--color-gray-400)}.info-button:hover{background-color:var(--color-gray-700);color:var(--color-white)}.dialog-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.dialog-content{background-color:var(--color-gray-800);border-radius:8px;width:100%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--color-gray-700)}.dialog-title{margin:0;font-size:1.25rem;color:var(--color-white);font-weight:600}.dialog-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-gray-400);padding:.25rem;border-radius:4px;transition:all .15s ease-in-out}.dialog-close:hover{background-color:var(--color-gray-700);color:var(--color-white)}.dialog-body{padding:1.5rem}.help-section{margin-bottom:1.5rem}.help-section h3{color:var(--color-blue-300);font-size:1rem;font-weight:600;margin:0 0 .75rem}.help-section pre{margin:.5rem 0;background-color:var(--color-gray-900);border-radius:4px;overflow-x:auto}.help-section code{display:block;padding:.75rem;color:var(--color-green-300);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.25}