:root{--background-color: #131722;--header-background: #1e222d;--text-color: #d1d4dc;--border-color: #2a2e39;--primary-color: #2962ff;--green-color: #26a69a;--red-color: #ef5350;--gray-color: #787b86;--gold-color: #ffc107}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);overflow:hidden}#root{display:flex;flex-direction:column;height:100vh;width:100%;overflow-x:hidden}.loading-overlay{position:absolute;inset:0;background-color:#131722cc;display:flex;justify-content:center;align-items:center;font-size:1.5rem;z-index:100}.app-header{position:absolute;top:0;left:0;width:100%;z-index:100;transition:transform .3s ease-in-out,opacity .3s ease;display:flex;align-items:center;padding:8px;background-color:#1e222df2;backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:12px;box-shadow:0 2px 10px #0000004d}.control-group{display:flex;align-items:center;gap:8px;padding:0 10px}.control-group:not(:last-child){border-right:1px solid var(--border-color)}.symbol-selector{position:relative}.symbol-selector-btn{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color);padding:6px 10px;border-radius:4px;font-weight:700;width:160px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.symbol-selector-btn:hover{border-color:var(--primary-color)}.arrow-down{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text-color);margin-left:8px}.symbol-dropdown-container{position:absolute;top:calc(100% + 4px);left:0;width:300px;background-color:var(--header-background);border:1px solid var(--border-color);border-radius:4px;z-index:1000;padding:8px;box-shadow:0 4px 12px #0003}.symbol-search-input{width:100%;background-color:var(--background-color);border:1px solid var(--border-color);color:var(--text-color);padding:8px 10px;border-radius:4px;margin-bottom:8px}.symbol-search-input:focus{outline:none;border-color:var(--primary-color)}.symbol-list{list-style:none;padding:0;margin:0;max-height:350px;overflow-y:auto}.symbol-list-section-header{padding:10px 12px 4px;font-size:12px;font-weight:700;color:var(--gray-color);text-transform:uppercase}.symbol-list-empty{padding:16px;text-align:center;color:var(--gray-color)}.symbol-list li{padding:8px 12px;cursor:pointer;font-weight:500;color:var(--text-color);border-radius:3px;display:flex;justify-content:space-between;align-items:center}.symbol-list li:hover{background-color:var(--primary-color);color:#fff}.symbol-list::-webkit-scrollbar{width:8px}.symbol-list::-webkit-scrollbar-track{background:transparent}.symbol-list::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.symbol-list::-webkit-scrollbar-thumb:hover{background-color:var(--gray-color)}.interval-btn,.header-btn{background-color:transparent;border:none;color:var(--text-color);cursor:pointer;padding:6px 10px;border-radius:4px;font-size:14px;display:flex;align-items:center;gap:6px}.interval-btn.active,.interval-btn:hover,.header-btn:hover{background-color:var(--primary-color);color:#fff}.header-btn:disabled,.header-btn:disabled:hover{background-color:transparent;color:var(--gray-color);cursor:not-allowed}.chart-container{flex-grow:1;position:relative!important;padding-top:0;height:100vh;box-sizing:border-box;overflow:hidden!important;-ms-overflow-style:none!important;scrollbar-width:none!important;overflow-x:hidden;max-width:100%}.chart-container>.chart-instance{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;width:100%!important;height:100%!important;max-width:100vw!important}.chart-zoom-controls{position:absolute;left:10px;display:flex;gap:10px;z-index:999;pointer-events:auto}.zoom-controls-group{display:flex;gap:4px}.zoom-btn{width:32px;height:32px;background-color:#374151e6;border:1px solid rgba(75,85,99,.5);border-radius:4px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;transition:all .2s;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;pointer-events:auto}.zoom-btn:hover{background-color:#4b5563e6;transform:scale(1.05)}.zoom-btn:active{background-color:#60a5fae6;transform:scale(.95)}.chart-container::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.favorite-star{font-size:16px;color:var(--gray-color);cursor:pointer;padding:4px}.favorite-star:hover,.favorite-star.active{color:var(--gold-color)}.timeframe-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:150px;background-color:var(--header-background);border:1px solid var(--border-color);border-radius:4px;z-index:1000;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column}.timeframe-dropdown ul{list-style:none;padding:4px;margin:0}.timeframe-dropdown li{padding:8px 12px;cursor:pointer;border-radius:3px;display:flex;align-items:center;gap:8px}.timeframe-dropdown li:hover{background-color:var(--primary-color)}.timezone-btn{background-color:transparent;border:none;color:var(--text-color);cursor:pointer;padding:6px 10px;border-radius:4px;font-size:14px;display:flex;align-items:center;gap:6px}.timezone-btn:hover{background-color:var(--primary-color);color:#fff}.timezone-btn svg{stroke:currentColor}.dropdown-item-check{width:18px;text-align:center;font-weight:700;color:var(--primary-color)}.settings-dropdown{position:absolute;top:calc(100% + 4px);right:0;width:240px;background-color:var(--header-background);border:1px solid var(--border-color);border-radius:4px;z-index:1000;padding:12px;box-shadow:0 4px 12px #0003}.setting-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.setting-item:last-child{margin-bottom:0}.setting-item label{font-size:14px;color:var(--text-color)}.setting-item input{width:70px;background-color:var(--background-color);border:1px solid var(--border-color);color:var(--text-color);padding:4px 8px;border-radius:4px;text-align:right}.setting-item input:focus{outline:none;border-color:var(--primary-color)}.setting-item input[type=color]{padding:1px;height:30px;background:var(--background-color);cursor:pointer}.template-save-section{padding:8px;border-top:1px solid var(--border-color);margin-top:4px;display:flex;gap:8px}.template-save-section input{flex-grow:1;background-color:var(--background-color);border:1px solid var(--border-color);color:var(--text-color);padding:6px 8px;border-radius:4px}.template-save-section input:focus{outline:none;border-color:var(--primary-color)}.template-save-section button{background-color:var(--primary-color);color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-weight:500}.template-save-section button:hover{opacity:.9}.markdown-body{color:var(--text-color);font-size:14px;line-height:1.6}.md-card{background:#0f1320;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px;box-shadow:0 6px 18px #00000059}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{color:#fff;margin:12px 0 8px}.markdown-body p{margin:8px 0}.markdown-body ul{margin:8px 0 8px 18px}.markdown-body li{margin:4px 0}.markdown-body table{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto;margin:8px 0 0}.markdown-body thead th{position:sticky;top:0;background:#1e222d;color:#eaeef3;text-align:left;font-weight:700;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.markdown-body thead th:first-child{border-top-left-radius:10px}.markdown-body thead th:last-child{border-top-right-radius:10px}.markdown-body tbody tr{background:#ffffff05}.markdown-body tbody tr:nth-child(2n){background:#ffffff0a}.markdown-body td{padding:10px 12px;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.06);white-space:pre-wrap}.markdown-body tbody td:first-child{font-weight:700;color:#eaeef3}.markdown-body tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.markdown-body tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.markdown-body code{background:#ffffff0f;padding:2px 6px;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.markdown-body pre code{display:block;padding:12px;overflow-x:auto}.markdown-body table td,.markdown-body table th{word-break:break-word}.markdown-body table th:nth-child(1),.markdown-body table td:nth-child(1){width:12%}.markdown-body table th:nth-child(2),.markdown-body table td:nth-child(2){width:10%}.markdown-body table th:nth-child(3),.markdown-body table td:nth-child(3){width:18%}.markdown-body table th:nth-child(4),.markdown-body table td:nth-child(4){width:18%;white-space:nowrap}.markdown-body table th:nth-child(5),.markdown-body table td:nth-child(5){width:12%;white-space:nowrap}.markdown-body table th:nth-child(6),.markdown-body table td:nth-child(6){width:30%}.mobile-toggle-button{position:fixed;top:10px;right:10px;z-index:10002;background:#2a2e39e6;border:1px solid #444;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.mobile-toggle-button:hover{background:#2a2e39;transform:scale(1.1)}.app-header.panel-hidden{transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease}*{outline:none}*:focus{outline:none}.chart-container.panel-hidden{height:100vh!important;width:100%!important;position:fixed;inset:0;z-index:1;margin:0!important;padding:0!important;overflow:hidden}.chart-container.panel-hidden>.chart-instance{height:100vh!important;width:100%!important;margin:0!important;padding:0!important}@media (max-width: 834px){.ai-panel,.setups-panel,.signal-panel,.leverage-modal-content,.help-panel,.ai-chat-modal{width:95vw!important;height:85vh!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;max-height:none!important}.app-header{flex-wrap:wrap;padding:5px!important;height:auto!important}.chart-container:not(.panel-hidden){height:calc(100vh - 10px)!important;min-height:calc(100vh - 10px)!important}.chart-container:not(.panel-hidden)>.chart-instance{height:100%!important}}@media (max-width: 768px){.mobile-ai-dropdown{position:fixed!important;top:60px!important;left:0!important;right:0!important;margin-left:auto!important;margin-right:auto!important;width:90vw!important;max-width:350px!important;-webkit-transform:none!important;transform:none!important}.mobile-centered-dropdown,.mobile-template-dropdown{position:fixed!important;top:60px!important;left:0!important;right:0!important;margin-left:auto!important;margin-right:auto!important;width:90vw!important;max-width:380px!important;max-height:80vh!important;overflow-y:auto!important;-webkit-transform:none!important;transform:none!important}.settings-dropdown{position:fixed!important;top:60px!important;left:0!important;right:0!important;margin-left:auto!important;margin-right:auto!important;width:90vw!important;max-width:340px!important;max-height:80vh!important;overflow-y:auto!important;-webkit-transform:none!important;transform:none!important}}html,body,#root{overflow-x:hidden;max-width:100%}@media (hover: hover) and (pointer: fine){.zoom-y-overlay{position:fixed!important;right:0!important;width:78px!important;cursor:ns-resize;z-index:5;pointer-events:auto}.zoom-x-overlay{position:absolute!important;bottom:0!important;left:0!important;right:85px!important;height:25px!important;cursor:ew-resize;z-index:100;pointer-events:auto}}.zoom-y-overlay{position:fixed!important;right:0!important;top:0!important;bottom:0!important;width:78px!important;z-index:5;pointer-events:auto!important;touch-action:none!important;-webkit-user-select:none;user-select:none}.zoom-x-overlay{position:absolute!important;left:0!important;right:85px!important;height:25px!important;z-index:100;pointer-events:auto!important;touch-action:none!important;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::-webkit-scrollbar:horizontal{display:none}.ai-panel,.setups-panel,.help-panel,.signal-panel,.beatai-panel{overflow-x:hidden!important;overflow-y:auto!important}.chart-zoom-controls{display:none;pointer-events:none}@media (max-width: 1400px){.chart-zoom-controls{display:flex;position:absolute;left:10px;right:95px;flex-direction:row;justify-content:space-between;align-items:center;z-index:100;pointer-events:auto}}.zoom-controls-group{display:flex;flex-direction:row;gap:8px}.zoom-btn{width:30px;height:30px;background-color:#2a2e39d9;border:1px solid #4a5568;color:#d1d4dc;font-size:18px;font-weight:700;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;backdrop-filter:blur(3px);touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;pointer-events:auto}.zoom-btn:hover{background-color:#4a5568e6}.zoom-btn:active{background-color:var(--primary-color);transform:scale(.95)}