:root{--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1.1rem;--font-size-lg:1.6rem;--font-size-2lg:1.8rem;--font-size-xl:2rem;--font-size-2xl:2.2rem;--font-size-3xl:2.5rem;--font-size-4xl:3rem;--font-size-5xl:4rem}.global-controls{background:#1b1919;border-bottom:1px solid #858585;border-top-left-radius:6px;border-top-right-radius:6px;padding:7px 16px;position:sticky;top:60px;transition:box-shadow .2s;width:100%;z-index:100}.global-controls.stuck{box-shadow:0 2px 8px rgba(0,0,0,.25)}.text-xs{font-size:.8rem}.global-controls-placeholder{display:block;height:0;width:100%}#controls-sentinel{height:0;margin:0;padding:0;visibility:hidden}.global-range-selector{display:flex;gap:8px}.global-range-selector button{background:#1e1d1d;border:none;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:7px 13px;transition:background-color .2s}.global-range-selector button.active,.global-range-selector button:hover{background:#fcfd00;color:#111827}.chart-wrapper{position:relative}.metric-averages{color:#d1d5db;display:flex;flex-wrap:wrap;font-size:.875rem;gap:.5rem}.metric-averages span{white-space:nowrap}.average-wrapper{background:#242424;border:1px solid #787878;border-radius:6px;margin-bottom:10px;padding:10px}.average-value{color:#fcfd00;font-weight:700}.chart-loading{background:rgba(0,0,0,.5);border-radius:10px;left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.chart-loading p{margin:0}.chart-loading .spinner{animation:rotate 1s linear infinite;height:30px;margin-bottom:6px;width:30px}.chart-loading .path{stroke:#4ade80;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.chart-loading.hidden{display:none!important}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.official-chart-wrapper{height:350px}.official-chart-wrapper canvas{display:block;height:100%!important;width:100%!important}#global-date-range{font-size:1rem}@media (max-width:400px){#global-date-range{display:none}}@media (max-width:767px){.official-chart-wrapper{height:400px}#global-date-range{font-size:.8rem}.official-chart-wrapper canvas{display:block;height:100%!important;width:100%!important}}