:root{--normal-chart-height:calc(100vh - var(--header-height));--sticky-chart-height:33vh;--mobile-nav-height:76px;--header-height:64px;--z-base:1;--z-table:10;--z-chart-sticky:40;--z-test-content:50;--z-nav:60;--z-debug:100;--transition-duration:300ms;--transition-duration-fast:200ms;--transition-duration-slow:400ms;--transition-timing-enter:cubic-bezier(0.4,0,0.2,1);--transition-timing-exit:cubic-bezier(0.4,0,0.2,1);--transition-timing-bounce:cubic-bezier(0.34,1.56,0.64,1);--grid-line-color:rgba(0,0,255,.02);--grid-line-sticky-color:rgba(0,255,0,.02);--grid-line-width:1px;--grid-line-width-thin:0.5px;--grid-cell-count-normal:8;--grid-cell-count-sticky:6;--grid-cell-size-normal:calc(100% / var(--grid-cell-count-normal));--grid-cell-size-sticky:calc(100% / var(--grid-cell-count-sticky));--grid-pattern-size:20px;--grid-pattern-angle:45deg;--grid-pattern-opacity:0.02;--section-spacing:2rem;--section-padding:1rem;--debug-outline-normal:rgba(0,0,255,.2);--debug-outline-sticky:rgba(0,255,0,.3);--debug-bg-normal:rgba(0,0,255,.05);--debug-bg-sticky:rgba(0,255,0,.1);--debug-bg-opacity:0.9;--debug-backdrop-blur:8px;--debug-shadow:0 2px 8px rgba(0,0,0,.1);--debug-shadow-hover:0 4px 12px rgba(0,0,0,.1);--debug-border-opacity:0.2;--debug-border-opacity-hover:0.4;--debug-indicator-size:8px;--debug-padding-x:12px;--debug-padding-y:8px;--debug-spacing:8px;--debug-font-size:12px;--debug-border-radius:var(--radius);--debug-transition-duration:var(--transition-duration-slow);--debug-transition-timing:var(--transition-timing-bounce)}@media (prefers-reduced-motion:reduce){:root{--transition-duration:0ms}}