.mobile-chart-container{contain:layout size;overflow:visible;background:hsl(var(--background))}.chart-wrapper,.mobile-chart-container{width:100%;height:100%;position:relative}.chart-wrapper{display:flex;flex-direction:column}.chart-wrapper>*{flex:1;min-height:200px;height:100%}.recharts-surface,.recharts-wrapper{min-height:200px!important;height:100%!important}.table-container{background:hsl(var(--background));overflow:auto;border-top:1px solid hsl(var(--border));box-shadow:0 -1px 2px rgba(0,0,0,.05);position:relative;height:calc(100vh - var(--sticky-chart-height) - var(--header-height) - var(--mobile-nav-height))}.table-container::-webkit-scrollbar{width:8px;height:8px}.table-container::-webkit-scrollbar-track{background:transparent}.table-container::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground))}.chart-container{height:100%;width:100%;display:block;background-color:hsl(var(--background))}.transition-height{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.chart-compressed .chart-wrapper>*,.chart-compressed .recharts-surface,.chart-compressed .recharts-wrapper{min-height:0!important;height:100%!important}.chart-container:has(.minimized-chart):before{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(to top,hsl(var(--muted-foreground)/.5),transparent);z-index:10;pointer-events:none}.trade-summary-wrapper{position:relative;overflow:hidden}.chart-swipe-container:hover .flex>div:first-child:after,.chart-swipe-container:hover .flex>div:first-child:before,.chart-swipe-container:hover .trade-summary-wrapper:after,.chart-swipe-container:hover .trade-summary-wrapper:before{content:"";position:absolute;top:40%;width:20px;height:60px;z-index:5;opacity:0;pointer-events:none;transition:opacity .2s ease-out;animation:pulse-fade 2s ease-in-out infinite}@keyframes pulse-fade{0%,to{opacity:0}50%{opacity:.25}}.chart-swipe-container:hover .flex>div:first-child:before,.chart-swipe-container:hover .trade-summary-wrapper:before{left:0;background:linear-gradient(to right,hsl(var(--primary)/.2),transparent);border-left:2px solid hsl(var(--primary)/.3)}.chart-swipe-container:hover .flex>div:first-child:after,.chart-swipe-container:hover .trade-summary-wrapper:after{right:0;background:linear-gradient(to left,hsl(var(--primary)/.2),transparent);border-right:2px solid hsl(var(--primary)/.3)}.embla__slide{position:relative}.embla__next,.embla__prev{opacity:.8;transition:opacity .2s ease}.embla__next:hover,.embla__prev:hover{opacity:1}@keyframes swipe-hint{0%{transform:translateX(0);opacity:.3}30%{transform:translateX(10px);opacity:.7}60%{transform:translateX(-5px);opacity:.7}to{transform:translateX(0);opacity:.3}}@keyframes chart-loading-pulse{0%{opacity:.3}50%{opacity:.7}to{opacity:.3}}.chart-loading{animation:chart-loading-pulse 1.5s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.mobile-chart-container,.table-container,.transition-height{transition:none!important}.chart-swipe-container:hover .flex>div:first-child:after,.chart-swipe-container:hover .flex>div:first-child:before,.chart-swipe-container:hover .trade-summary-wrapper:after,.chart-swipe-container:hover .trade-summary-wrapper:before,.embla__next,.embla__prev{animation:none;transition:none}}