:root{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#18364c;background:#e9eff4;color-scheme:light;--accent:#087d9f}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{min-height:36px;border:1px solid #bdceda;border-radius:5px;background:#fff;color:#173b54;font-size:.875rem}button{padding:7px 12px;cursor:pointer;white-space:nowrap}button:hover{background:#e7f3f9}button:disabled{opacity:.4;cursor:default}a{color:#076f94;text-decoration:none;font-size:.875rem}a:hover{text-decoration:underline}:focus-visible{outline:3px solid #dda127;outline-offset:3px}header{height:56px;background:#112e45;color:#fff;border-bottom:3px solid #35b8c5;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:1.2rem;letter-spacing:.01em;margin:0}h1>span:first-child{color:#66d4df;font-size:1.8rem;vertical-align:middle;margin-right:7px}.light{font-weight:400;color:#c4dcea}.header-actions{display:flex;align-items:center;gap:18px}.header-actions a{color:#c4dcea}.header-actions button{background:#24465f;color:#fff;border-color:#496a82;min-height:32px}main{padding:0 18px}.toolbar{display:flex;align-items:end;gap:14px;padding:12px 0;border-bottom:1px solid #cddae4;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:5px;min-width:130px}.field label,.field-label{font-size:.8125rem;font-weight:700;color:#4d6a80}.field select{padding:7px 28px 7px 10px;width:100%}.variable-field{flex:1;min-width:220px;max-width:330px}.tabs{display:flex;padding:2px;background:#dbe5ee;border-radius:6px;height:36px}.tabs button{min-height:32px;border:0;background:transparent;padding:6px 11px}.tabs button[aria-pressed=true]{background:#fff;color:#076488;box-shadow:0 1px 4px #23445a20;font-weight:700}.toolbar-actions{display:flex;gap:8px;margin-left:auto}#compare[aria-pressed=true],#play[aria-pressed=true]{background:#086c90;color:white;border-color:#086c90}#timeline{display:flex;align-items:center;gap:14px;padding:10px 0 7px;border-bottom:1px solid #cddae4}.steps{display:flex;gap:5px}.steps button{min-height:32px;padding:5px 10px}#hour-text{font-size:.9375rem;font-weight:700;min-width:56px;color:#07678b}.slider{flex:1;min-width:160px}#hour{display:block;width:100%;margin:0;accent-color:#0786a8}.ticks{display:flex;justify-content:space-between;font-size:.75rem;color:#5b7487;margin-top:3px}.jumps{display:flex;gap:4px}.jumps button{font-size:.75rem;min-height:28px;padding:4px 7px}.jumps button[aria-pressed=true]{background:#d2eaf5;border-color:#64a9c4}.view-summary{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:.8125rem;color:#526f84;padding:9px 1px}.view-summary p{margin:0;font-weight:600}.view-summary span{font-size:.75rem}#chart-scroll{height:var(--viewer-height,calc(100dvh - 260px));min-height:320px;overflow:auto;scrollbar-gutter:stable;background:#dfe7ee;border:1px solid #cad7e1;border-radius:6px}#chart-grid{padding:12px;max-width:1040px;margin:auto}#chart-grid.comparing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:none}.chart-slot{min-width:0;align-self:start;background:white;border:1px solid #d2dde5;border-radius:5px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 12px;background:#f7fafc;border-bottom:1px solid #dce5ec;position:relative}.panel-heading h2{font-size:.9375rem;margin:0;font-weight:600}.panel-heading a{font-size:.8125rem;white-space:nowrap}.chart-panel{position:relative;min-height:220px;padding:8px;overflow:auto;background:white}#chart,#chart2{display:block;width:auto;max-width:100%;height:auto;margin:auto}.actual #chart,.actual #chart2{max-width:none}.status{position:absolute;z-index:1;top:12px;left:12px;padding:8px 12px;background:#edf6fb;color:#375d75;border-radius:4px;font-size:.875rem}.status:empty{display:none}.error{text-align:center;padding:45px 20px;color:#4e6c81}.error p{line-height:1.6}.error a{display:inline-block;margin:12px}footer{display:flex;justify-content:space-between;gap:15px;padding:9px 2px;font-size:.75rem;color:#587488}summary{cursor:pointer;font-size:.8125rem}details p{max-width:650px;line-height:1.6}#loaded{font-size:.75rem}[hidden]{display:none!important}@media(max-width:1200px){.jumps{display:none}.toolbar{gap:10px}.variable-field{min-width:200px}.toolbar-actions{margin-left:0}.view-summary span{display:none}}@media(max-width:800px){header{height:auto;min-height:56px;padding:9px 12px}.header-actions a{display:none}h1{font-size:1rem}main{padding:0 10px}.toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.field,.variable-field{min-width:0;max-width:none}.tabs button{flex:1;font-size:.8125rem;padding:5px}.toolbar-actions{justify-content:start;flex-wrap:wrap;grid-column:1/-1}#timeline{flex-wrap:wrap;gap:8px}.slider{min-width:180px}#chart-scroll{height:70dvh;min-height:400px}#chart-grid.comparing{grid-template-columns:1fr}#chart-grid{padding:6px}.chart-panel{padding:4px}.view-summary{line-height:1.5}footer{flex-direction:column;gap:7px}}@media(max-width:1200px){#timeline{flex-wrap:wrap}.jumps{display:flex;flex-wrap:wrap}}
@media(max-width:480px){.toolbar>.field:first-child{grid-column:1/-1}.tabs{width:100%}.tabs button{font-size:.875rem}}

.sizing{display:flex;align-items:center;gap:8px;flex-shrink:0}.sizing label{font-size:.8125rem}.sizing select{font-size:.8125rem;min-height:28px;padding:3px 25px 3px 8px}.controls-hidden header{height:44px}.controls-hidden footer{display:none}.controls-hidden #chart-scroll{min-height:260px}.controls-hidden .view-summary{padding:5px 1px}.controls-hidden #chart-grid{padding:6px}.controls-hidden .panel-heading{padding:6px 10px}.controls-hidden .chart-panel{padding:4px}.controls-hidden #chart-grid:not(.comparing){max-width:none}@media(max-width:800px){.header-actions{gap:6px}header{flex-wrap:wrap}.controls-hidden header{height:auto}.view-summary{flex-wrap:wrap}.controls-hidden #chart-scroll{height:var(--viewer-height)}}

:root:fullscreen{background:#e9eff4;overflow:auto}#fullscreen-message{padding:8px 18px;background:#fff4d9;color:#654b12;font-size:.875rem}.header-actions{flex-wrap:wrap}#fullscreen[aria-pressed=true]{background:#086c90;border-color:#60b6cc}@media(max-width:800px){header{height:auto}}