.navbar{top:0;left:0;right:0;background:#0a0a0a;backdrop-filter:blur(12px);border-bottom:1px solid #2a2a2a;padding-inline:30px;padding-block:8px;font-family:var(--font-manrope),sans-serif;font-weight:bolder}@media only screen and (min-width:1280px){.navbar{padding-inline:60px}}.navbar-content{justify-content:space-between;height:100%;padding:0;margin:0 auto}.navbar-brand,.navbar-content{display:flex;align-items:center}.connectedWallet{display:flex;flex-direction:row;padding:12px 30px;font-weight:500;font-family:var(--font-manrope),sans-serif;color:#e5e7eb;background-color:#111;line-height:150%;border-radius:8px;cursor:pointer;font-size:14px;border:1px solid #1e1e1e}.logo{gap:5px}.logo,.logoIcon{display:flex;align-items:center}.logoIcon{border-radius:8px;justify-content:center;font-size:10px;padding:12px;font-weight:600}.logoPlaceholder{color:#000;font-size:8px;font-weight:700;border:1px solid #163215;border-radius:50%;padding:5px}.logo-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#000;border-radius:50%}.logo:hover .logo-icon{transform:scale(1.05)}.logo-text{font-size:1.25rem;font-weight:700;color:#fff}.navbar-nav{display:flex;gap:2rem}.nav-link{position:relative;cursor:pointer;background-color:rgba(0,0,0,0);text-align:center;font-size:16px;font-style:normal;font-weight:500;border:0;line-height:175%;letter-spacing:.6px;display:flex;gap:5px;align-items:center;transition:.2s linear;height:100%;padding:15px 0;color:#787878}.nav-link.active,.nav-link:hover{color:#7bf179;text-decoration:none}.navbar-actions{display:flex;align-items:center;gap:1rem}.network-selector{display:flex;align-items:center;gap:.5rem}.network-select{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:.5rem .75rem;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s ease}.network-select:hover{border-color:#7bf179}.wallet-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:14px}.wallet-button:hover{border-color:#7bf179;box-shadow:0 0 20px rgba(123,241,121,.2)}.wallet-button.connected{background:#7bf179;border-color:#7bf179;color:#000;box-shadow:0 0 20px rgba(123,241,121,.3)}.wallet-icon{font-size:16px}.wallet-text{font-weight:600}@media only screen and (max-width:767px){.navbar{padding-inline:12px}.navbar-content{flex-wrap:wrap;row-gap:4px}.logoIcon{padding:6px}.logo-text{font-size:1.05rem}.navbar-nav{order:3;width:100%;gap:1.25rem;overflow-x:auto}.nav-link{padding:6px 0;font-size:14px}.navbar .connectWalletButton,.navbar .connectedWallet{width:auto;min-width:0;padding:8px 14px;font-size:13px;white-space:nowrap}}.candlestickChartWrapper{display:flex;justify-content:space-between;background-color:#000;border:2px solid #1e1e1e;flex-direction:column;align-items:center;gap:10px;width:100%;padding:10px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:0 0 20px;height:100%;border-radius:15px}@media only screen and (min-width:768px){.candlestickChartWrapper{padding:12px 16px}}@media only screen and (min-width:1024px){.candlestickChartWrapper{width:100%}}@media only screen and (min-width:1280px){.candlestickChartWrapper{width:70%}}.candlestickChartWrapper .chart{border-radius:12px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.1);background-color:#111;width:100%}.candlestickChartWrapper .chart .tv-lightweight-charts{border-radius:12px;width:100%}.candlestickChartWrapper:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transition:box-shadow .3s ease}.chartSkeleton{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;padding:16px;position:relative;overflow:hidden;height:100%;width:100%}.chartSkeleton:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,222,128,.03) 50%,transparent);animation:shimmer 2s infinite}.chartSkeleton__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chartSkeleton__headerLeft,.chartSkeleton__headerRight{display:flex;gap:12px;align-items:center}.chartSkeleton__symbolPill{width:80px;height:24px;border-radius:12px;animation:pulse 1.5s ease-in-out infinite}.chartSkeleton__pricePill,.chartSkeleton__symbolPill{background:linear-gradient(90deg,#2a2a2a,#333 50%,#2a2a2a)}.chartSkeleton__pricePill{width:120px;height:28px;border-radius:6px;animation:pulse 1.5s ease-in-out .2s infinite}.chartSkeleton__changePill{width:60px;height:20px;background:linear-gradient(90deg,rgba(74,222,128,.1),rgba(74,222,128,.2) 50%,rgba(74,222,128,.1));border-radius:10px;animation:pulse 1.5s ease-in-out .4s infinite}.chartSkeleton__controlPill{width:40px;height:24px;background:linear-gradient(90deg,#2a2a2a,#333 50%,#2a2a2a);border-radius:4px;animation:pulse 1.5s ease-in-out .6s infinite}.chartSkeleton__chartArea{position:relative;display:flex;height:calc(100% - 80px);min-height:300px}.chartSkeleton__priceLabels{display:flex;flex-direction:column;justify-content:space-between;width:60px;padding:10px 0;margin-right:12px}.chartSkeleton__priceLabel{width:50px;height:12px;background:linear-gradient(90deg,#2a2a2a,#333 50%,#2a2a2a);border-radius:2px;animation:pulse 1.5s ease-in-out infinite}.chartSkeleton__priceLabel:nth-child(odd){animation-delay:.3s}.chartSkeleton__chartContainer{flex:1;position:relative;background-color:#0f0f0f;border-radius:4px;overflow:hidden}.chartSkeleton__svg{width:100%;height:100%}.chartSkeleton__gridLine{stroke:#2a2a2a;stroke-width:.5;opacity:.3}.chartSkeleton__chartContent{animation:fadeInOut 2s ease-in-out infinite}.chartSkeleton__candlestick{animation:slideIn .5s ease-out}.chartSkeleton__wick{stroke:#555;stroke-width:1}.chartSkeleton__candleBody{opacity:.7}.chartSkeleton__candleBody--green{fill:rgba(74,222,128,.3);stroke:rgba(74,222,128,.6);stroke-width:1}.chartSkeleton__candleBody--red{fill:rgba(239,68,68,.3);stroke:rgba(239,68,68,.6);stroke-width:1}.chartSkeleton__chartLine{stroke:rgba(74,222,128,.4);stroke-width:2;stroke-dasharray:3,3;animation:dashMove 3s linear infinite}.chartSkeleton__volumeBar{fill:rgba(74,222,128,.2);animation:volumePulse 2s ease-in-out infinite}.chartSkeleton__volumeBar:nth-child(odd){animation-delay:.1s}.chartSkeleton__crosshair{position:absolute;top:30%;left:60%;pointer-events:none}.chartSkeleton__crosshairVertical{position:absolute;width:1px;height:200px;background-color:rgba(74,222,128,.3);animation:crosshairBlink 2s ease-in-out infinite}.chartSkeleton__crosshairHorizontal{position:absolute;width:400px;height:1px;top:100px;left:-200px;background-color:rgba(74,222,128,.3);animation:crosshairBlink 2s ease-in-out .5s infinite}.chartSkeleton__timeLabels{display:flex;justify-content:space-between;margin-top:8px;margin-left:72px}.chartSkeleton__timeLabel{width:40px;height:10px;background:linear-gradient(90deg,#2a2a2a,#333 50%,#2a2a2a);border-radius:2px;animation:pulse 1.5s ease-in-out infinite}.chartSkeleton__timeLabel:nth-child(2n){animation-delay:.2s}.chartSkeleton__footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #333}.chartSkeleton__footerLeft{display:flex;gap:8px}.chartSkeleton__indicatorPill{width:32px;height:18px;background:linear-gradient(90deg,#2a2a2a,#333 50%,#2a2a2a);border-radius:9px;animation:pulse 1.5s ease-in-out infinite}.chartSkeleton__indicatorPill:nth-child(2){animation-delay:.1s}.chartSkeleton__indicatorPill:nth-child(3){animation-delay:.2s}.chartSkeleton__indicatorPill:nth-child(4){animation-delay:.3s}.chartSkeleton__timeframePill{width:100px;height:22px;background:linear-gradient(90deg,rgba(74,222,128,.1),rgba(74,222,128,.2) 50%,rgba(74,222,128,.1));border-radius:11px;animation:pulse 1.5s ease-in-out .5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}@keyframes slideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes dashMove{0%{stroke-dashoffset:0}to{stroke-dashoffset:12}}@keyframes volumePulse{0%,to{opacity:.2}50%{opacity:.6}}@keyframes crosshairBlink{0%,to{opacity:.3}50%{opacity:.7}}@media(max-width:768px){.chartSkeleton{padding:12px}.chartSkeleton__header{flex-direction:column;gap:12px;align-items:flex-start}.chartSkeleton__priceLabels{width:40px;margin-right:8px}.chartSkeleton__priceLabel{width:35px;height:10px}.chartSkeleton__timeLabels{margin-left:48px}.chartSkeleton__crosshairHorizontal{width:200px;left:-100px}}.time-selector{background-color:#000;border:1px solid #1e1e1e;border-radius:8px;padding:16px;font-family:var(--font-manrope),sans-serif;width:100%;display:flex;flex-direction:column}.time-selector__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.time-selector__title{color:#fff;font-size:15px;font-weight:900;margin:0;font-family:var(--font-manrope),sans-serif}.time-selector__current{font-size:12px;color:#888}.time-selector__current-value{color:#4ade80;font-weight:500}.time-selector__timeframes{display:flex;gap:8px;padding:4px 0;min-width:max-content}.time-selector__timeframe{background-color:#191919;border:1px solid #444;color:#ccc;padding:8px 16px;border-radius:4px;font-size:13px;font-weight:800;font-family:var(--font-manrope),sans-serif;cursor:pointer;width:80px;transition:all .2s ease}.time-selector__timeframe:hover{background-color:#333;color:#fff;border-color:#555;transform:translateY(-1px)}.time-selector__timeframe--active{background-color:#4ade80;color:#000;border-color:#4ade80;box-shadow:0 4px 12px rgba(74,222,128,.25)}.time-selector__timeframe--active:hover{background-color:#22c55e;border-color:#22c55e;color:#000;transform:translateY(-1px)}.time-selector__controls{border-top:1px solid #333;padding-top:16px;display:flex;flex-direction:column;gap:12px}.time-selector .time-selector__container{display:flex;justify-content:flex-start;gap:15px}@media(max-width:768px){.time-selector{padding:12px}.time-selector__header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px}.time-selector__timeframe{padding:6px 12px;font-size:12px;min-width:36px}.time-selector__scroll-btn{width:28px;height:28px;font-size:16px}}@media only screen and (max-width:767px){.time-selector .time-selector__container{flex-wrap:wrap;gap:8px}.time-selector .time-selector__timeframe{padding:6px 10px}}.tradingHeader{background-color:#040404;border-radius:12px;border:1px solid #2a2a2a;padding:12px 16px;color:#fff;font-family:var(--font-manrope),sans-serif;display:flex;align-items:center;justify-content:space-between;gap:24px}@media only screen and (min-width:1280px){.tradingHeader{width:100%;margin-bottom:10px}}.priceSection{display:flex;align-items:center;gap:16px;width:35%;position:relative}@media only screen and (min-width:768px){.priceSection{width:30%}}.priceSection .symbolContainerDesktop{display:flex;align-items:center;gap:8px;background-color:#2a2a2a;border-radius:16px;padding:8px 12px;cursor:pointer;transition:background-color .2s ease;position:relative;margin-right:20px}@media only screen and (min-width:1600px){.priceSection .symbolContainerDesktop{width:200px;gap:4px}}.priceSection .symbolContainer:hover{background-color:#3a3a3a}.priceSection .symbolIcon{font-size:20px;color:#f7931a;font-weight:700}@media only screen and (min-width:1600px){.priceSection .symbolIcon .tokenLogoPerp{height:35px;width:35px;margin-top:5px}}.priceSection .symbolInfoDesktop{display:flex;align-items:center;gap:6px;flex:1;justify-content:space-between}@media only screen and (min-width:1600px){.priceSection .symbolInfoDesktop{justify-content:flex-start}}.priceSection .symbolText{font-size:16px;font-weight:600;color:#fff}@media only screen and (min-width:1600px){.priceSection .symbolText{font-size:20px;margin-left:10px}}.priceSection .symbolDropdown{font-size:12px;color:#888;transition:transform .2s ease}.priceSection .symbolDropdown.open{transform:rotate(180deg)}.priceSection .dropdownMenuDesktop{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:1000;overflow:hidden;animation:dropdownSlide .2s ease-out}.priceSection .dropdownItem{padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #3a3a3a;display:flex;flex-direction:column;gap:2px}.priceSection .dropdownItem:last-child{border-bottom:none}.priceSection .dropdownItem:hover{background-color:#3a3a3a}.priceSection .dropdownItem.selected{background-color:#4a4a4a}.priceSection .dropdownItem.selected .marketSymbol{color:#f7931a}.priceSection .dropdownItem .marketSymbol{font-size:14px;font-weight:600;color:#fff}.priceSection .dropdownItem .marketName{font-size:12px;color:#888}.priceSection .priceInfoDesktop{display:flex;flex-direction:row;align-items:center;gap:10px}.priceSection .currentPrice{font-size:24px;font-weight:700;display:flex;color:#fff}@media only screen and (min-width:1600px){.priceSection .currentPrice{font-size:28px}}.priceSection .priceChange{font-size:18px;font-weight:600}@media only screen and (min-width:1600px){.priceSection .priceChange{font-size:22px;margin-top:4px}}.priceSection .priceChange.positive{color:#22c55e}.priceSection .priceChange.negative{color:#ef4444}.statsSectionTradingDesktop{display:flex;gap:12px;flex-direction:row;justify-content:center;font-family:var(--font-manrope),sans-serif}@media only screen and (min-width:768px){.statsSectionTradingDesktop{gap:25px;justify-content:flex-start}}@media only screen and (min-width:1280px){.statsSectionTradingDesktop{gap:25px;width:62%;justify-content:space-between}}@media only screen and (min-width:1600px){.statsSectionTradingDesktop{width:55%}}.statsSectionTradingDesktop .statsData{display:flex;flex-direction:row;gap:10px}@media only screen and (min-width:1024px){.statsSectionTradingDesktop .statsData{gap:20px}}@media only screen and (min-width:1600px){.statsSectionTradingDesktop .statsData{gap:40px}}.statsSectionTradingDesktop .statsData .statItem{display:flex;flex-direction:column;gap:4px;text-align:center;justify-content:center}@media only screen and (min-width:1600px){.statsSectionTradingDesktop .statsData .statItem{gap:2px}}.statsSectionTradingDesktop .statsData .statLabel{font-size:14px;color:#888;font-weight:500;margin:0}@media only screen and (min-width:1600px){.statsSectionTradingDesktop .statsData .statLabel{font-size:18px;margin-bottom:5px}}.statsSectionTradingDesktop .statsData .statValue{display:flex;font-size:14px;color:#fff;font-weight:600;justify-content:center;text-align:center}.statsSectionTradingDesktop .statsData .statValue.funding{color:#7bf179}.statsSectionTradingDesktop .depositWrapper{display:flex;flex-direction:row;justify-content:flex-start;border:1px solid #1e1e1e;border-radius:12px;padding:12px 15px;gap:10px;align-items:center;width:50%}@media only screen and (min-width:1600px){.statsSectionTradingDesktop .depositWrapper{padding:15px 30px}}.statsSectionTradingDesktop .depositWrapper .depositLabel{font-size:18px;font-family:var(--font-manrope),sans-serif;font-weight:600;min-width:50%;padding-inline:5px;padding-block:3px;border:none}.statsSectionTradingDesktop .depositWrapper .depositBalance{display:flex;flex-direction:row;gap:5px;align-items:center;font-size:20px}.statsSectionTradingDesktop .depositWrapper .depositBalance .balanceText{display:flex;flex-direction:row}.statsSectionTradingDesktop .depositWrapper .depositBalance .usdcLogo{background-color:#040404;border-radius:50%}.statsSectionTradingDesktop .depositWrapper .depositBalance .depositCollateralBtn{display:flex;padding:8px 32px;background-color:#7bf179;border-radius:4px;color:#040404;font-size:14px;font-family:var(--font-manrope),sans-serif;font-weight:700;border:none;margin-left:20px}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}