: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}button,.symbol-selector-btn,.interval-btn,.header-btn,.source-btn,.symbol-btn,li[onClick],[onClick]{cursor:pointer;-webkit-tap-highlight-color:rgba(41,98,255,.2);touch-action:manipulation}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:6px 8px;background-color:#1e222d;border-bottom:1px solid var(--border-color);flex-wrap:nowrap;gap:8px;box-shadow:0 2px 10px #0000004d;overflow-x:auto;overflow-y:hidden}.app-header::-webkit-scrollbar{height:4px}.app-header::-webkit-scrollbar-track{background:transparent}.app-header::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:2px}.app-header::-webkit-scrollbar-thumb:hover{background-color:var(--gray-color)}.control-group{display:flex;align-items:center;gap:4px;padding:0 6px;flex-shrink:0}.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:fixed;top:45px;left:500px;width:300px;background-color:var(--header-background);border:1px solid var(--border-color);border-radius:4px;z-index:999999;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:4px 6px;border-radius:4px;font-size:12px;display:flex;align-items:center;gap:4px;flex-shrink:0}.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%;z-index:1}.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:fixed;top:45px;min-width:150px;background-color:var(--header-background);border:1px solid var(--border-color);border-radius:4px;z-index:999999;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;max-height:80vh;overflow-y:auto}.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:fixed;top:45px;right:10px;width:240px;background-color:var(--header-background);border:1px solid var(--border-color);border-radius:4px;z-index:999999;padding:12px;box-shadow:0 4px 12px #0003;max-height:80vh;overflow-y:auto}.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}.signal-panel{position:fixed!important;top:50px!important;left:10px!important;width:280px!important;height:calc(100vh - 70px)!important;overflow-y:auto!important;z-index:10000!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{position:fixed!important;top:0!important;left:0!important;right:0!important;display:flex!important;flex-wrap:nowrap!important;padding:5px!important;min-height:44px!important;height:44px!important;overflow:hidden!important;visibility:visible!important;opacity:1!important;z-index:100000!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;will-change:transform!important;border-bottom:2px solid #2a2e39!important}.app-header:not(.panel-hidden){transform:translateZ(0)!important}.chart-container:not(.panel-hidden){position:absolute!important;inset:44px 0 70px!important;height:auto!important;min-height:unset!important}.chart-container:not(.panel-hidden)>.chart-instance{height:100%!important}}@media (max-width: 768px){.chart-container{position:absolute!important;inset:44px 0 70px!important;height:auto!important;min-height:unset!important;max-height:unset!important;margin:0!important;padding:0!important;overflow:hidden!important;box-sizing:border-box!important}.chart-container>.chart-instance{height:100%!important;max-height:100%!important;box-sizing:border-box!important}.chart-container.toolbar-position-bottom{top:44px!important;bottom:70px!important}.chart-container.toolbar-position-top{top:88px!important;bottom:0!important}.mobile-ai-dropdown{position:fixed!important;top:50px!important;left:0!important;right:0!important;margin-left:auto!important;margin-right:auto!important;width:90vw!important;max-width:350px!important;z-index:99999!important;-webkit-transform:none!important;transform:none!important}.mobile-centered-dropdown,.mobile-template-dropdown{position:fixed!important;top:50px!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;z-index:99999!important;-webkit-transform:none!important;transform:none!important}.settings-dropdown{position:fixed!important;top:50px!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;z-index:99999!important;-webkit-transform:none!important;transform:none!important}.timeframe-dropdown,.symbol-dropdown-container{position:fixed!important;top:50px!important;left:0!important;right:0!important;margin-left:auto!important;margin-right:auto!important;width:90vw!important;max-width:320px!important;max-height:70vh!important;overflow-y:auto!important;z-index:99999!important;-webkit-transform:none!important;transform:none!important}.symbol-list li,.timeframe-dropdown li,.dropdown-list li,ul li{cursor:pointer!important;-webkit-tap-highlight-color:rgba(41,98,255,.3)!important;touch-action:manipulation!important;min-height:44px!important;display:flex!important;align-items:center!important}.header-btn,.interval-btn,.symbol-selector-btn{min-height:28px!important;min-width:28px!important;touch-action:manipulation!important;font-size:12px!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)}.mobile-bottom-toolbar{position:fixed!important;bottom:max(20px,env(safe-area-inset-bottom))!important;top:auto!important;left:0!important;right:0!important;height:44px!important;background-color:#1e222d!important;border-top:1px solid var(--border-color)!important;border-radius:12px 12px 0 0!important;display:flex!important;align-items:center!important;padding:4px 8px!important;gap:4px!important;overflow-x:auto!important;overflow-y:hidden!important;z-index:99999!important;box-shadow:0 -2px 10px #0006!important;-webkit-overflow-scrolling:touch!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;will-change:transform!important}.mobile-bottom-toolbar::-webkit-scrollbar{height:0;display:none}.mobile-bottom-toolbar.toolbar-bottom{bottom:max(20px,env(safe-area-inset-bottom))!important;top:auto!important;border-top:1px solid var(--border-color)!important;border-bottom:none!important;border-radius:12px 12px 0 0!important;box-shadow:0 -2px 10px #0006!important}.mobile-bottom-toolbar.toolbar-top{top:44px!important;bottom:auto!important;border-bottom:1px solid var(--border-color)!important;border-top:none!important;border-radius:0 0 12px 12px!important;box-shadow:0 2px 10px #0006!important}.mobile-compact-header{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:4px}.mobile-compact-header .price-ticker{padding:4px 6px!important;font-size:11px!important;margin-right:4px!important;flex-shrink:0}.mobile-compact-header .price-ticker span:first-child{display:none}.mobile-compact-header .symbol-selector-btn{max-width:50px!important;font-size:10px!important;padding:4px 6px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-compact-header .data-source-selector label{display:none!important}.mobile-compact-header .data-source-selector select,.mobile-compact-header .data-source-selector span{font-size:10px!important;padding:4px 6px!important}@media (max-width: 932px){.app-header>.control-group:not(:first-child):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)){display:none!important}.app-header,.mobile-compact-header{overflow:hidden!important;max-width:100vw!important}}@media (max-height: 500px) and (orientation: landscape){.app-header{overflow:hidden!important}.app-header>.control-group{display:none!important}.app-header>.mobile-compact-header{display:flex!important}}
