:root{--bg-color: #0f0f13;--card-bg: #1e1e24;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-color: #3d5afe;--success-color: #00e676;--danger-color: #ff1744;--orange-accent: #ffa726;--font-family: "Inter", sans-serif}body{margin:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased}#root{max-width:1400px;margin:0 auto;padding:1rem}.app{display:flex;flex-direction:column;gap:1.5rem}.main-chart-section{background-color:var(--card-bg);border-radius:16px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.05);overflow:hidden}.chart-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.chart-title-section{display:flex;flex-direction:column;gap:5px}.chart-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.trend-text{color:var(--orange-accent)}.ema-indicators{display:flex;gap:15px;font-size:.85rem;font-weight:600}.ema-7{color:#2962ff}.ema-20{color:#ff6d00}.ema-50{color:#d500f9}.timeframe-selector{display:flex;gap:4px;flex-wrap:wrap}.timeframe-selector button{padding:8px 14px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:4px;cursor:pointer;transition:all .2s;font-size:.9rem;font-weight:600}.timeframe-selector button:hover{background:#ffffff1f;border-color:#ffffff40}.timeframe-selector button.active{background:var(--orange-accent);border-color:var(--orange-accent);color:#000}.chart-with-panel{display:grid;grid-template-columns:1fr 280px;gap:0}.chart-main{padding:10px;min-height:500px}.price-panel-right{padding:20px;border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:40px;background:#00000026}.price-section,.strategy-section{display:flex;flex-direction:column}.price-label,.strategy-label{font-size:.75rem;color:var(--text-secondary);letter-spacing:1.5px;margin-bottom:12px;font-weight:600}.price-value{font-size:2.2rem;font-weight:700;color:var(--success-color);line-height:1.2;margin-bottom:8px}.price-date{font-size:.8rem;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.price-updated{font-size:.75rem;color:var(--text-secondary);margin-bottom:12px}.strategy-signal{font-size:1.8rem;font-weight:700;color:var(--orange-accent);margin-top:10px;line-height:1.3}.card{background-color:var(--card-bg);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.05)}@media(max-width:1024px){.chart-with-panel{grid-template-columns:1fr}.price-panel-right{border-left:none;border-top:1px solid rgba(255,255,255,.1);flex-direction:row;justify-content:space-around;padding:15px 20px}}@media(max-width:768px){.chart-header{flex-direction:column;gap:15px;align-items:flex-start}.timeframe-selector{width:100%;justify-content:center}.timeframe-selector button{flex:1;min-width:0;padding:6px 8px;font-size:.8rem}.price-panel-right{flex-direction:column;gap:20px}.price-value{font-size:1.8rem}.strategy-signal{font-size:1.5rem}.card{padding:.75rem}.card-title{font-size:.9rem}#root .card>div>div[style*=gridTemplateColumns]{gap:4px!important}#root .card div[style*="fontSize: '13px'"]{font-size:11px!important}#root .card div[style*="fontSize: '12px'"]{font-size:10px!important}#root .card div[style*="fontSize: '11px'"]{font-size:9px!important}}
