.technical-chart-container{display:flex;flex-direction:column;height:100%;width:100%}.chart-controls{display:flex;flex-wrap:wrap;gap:10px;padding:5px 10px;background-color:#f0f0f0;border-bottom:1px solid #ccc;align-items:center;flex-shrink:0}.tools-bar{padding:4px 10px;background-color:#e9ecef}.shapes-bar{padding:4px 10px;background-color:#f8f9fa}.delete-button{background-color:#dc3545;color:#fff;border-color:#dc3545;cursor:pointer}.delete-button:hover{background-color:#c82333}.plot-wrapper{flex-grow:1;overflow:hidden}.echarts-chart-container{display:flex;flex-direction:column;flex-grow:1;width:100%;min-height:0;background-color:#fff;padding:0;margin:0;box-sizing:border-box}.chart-controls{flex-shrink:0;padding:5px 10px;background-color:#f0f0f0;border-bottom:1px solid #ccc;align-items:center;display:flex;gap:15px}.control-group{display:flex;align-items:center;gap:5px;white-space:nowrap}.control-group label{font-size:.9em;font-weight:500}.control-group select,.control-group button{padding:3px 8px;border:1px solid #ccc;border-radius:4px;font-size:.9em}.save-button{background-color:#007bff;color:#fff;border-color:#007bff;cursor:pointer}.save-button:hover{background-color:#0056b3}.echarts-chart-container>div{flex-grow:1;min-height:0;width:100%;padding:0;margin:0;box-sizing:border-box}.react-echarts{width:100%!important;height:100%!important}.drawing-tools{display:flex;gap:5px}.tool-button{padding:5px 10px;border:1px solid #ccc;background:#fff;border-radius:4px;cursor:pointer;font-size:14px}.tool-button.active{background-color:#007bff;color:#fff;border-color:#007bff}.tool-button:hover{background-color:#e9ecef}.tool-button.active:hover{background-color:#0056b3}.control-group{display:flex;align-items:center;gap:8px;white-space:nowrap}.control-group label{font-size:.9em;font-weight:500;margin-right:5px}.wallet-connector{display:flex;justify-content:center;align-items:center;padding:8px 16px;background-color:#2c3e50;border-bottom:1px solid #34495e}.connect-wallet-button{padding:6px 12px;font-size:.9rem;font-weight:600;color:#fff;background-color:#3498db;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.connect-wallet-button:hover{background-color:#2980b9;transform:translateY(-1px)}.coinbase-rank-label{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:1rem;font-weight:500;color:#2c3e50;background-color:#ecf0f1;border-bottom:1px solid #bdc3c7}.coinbase-rank-label.clickable{cursor:pointer;transition:background-color .2s ease,color .2s ease}.coinbase-rank-label.clickable:hover{background-color:#d5dbdb}.label-prefix{color:#34495e}.rank-value{font-weight:700;color:#2980b9;font-size:1.1rem}.rank-date{font-size:.85rem;color:#7f8c8d;font-weight:400}.fear-greed-gauge{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;font-size:1rem;font-weight:500;color:#2c3e50;background-color:#ecf0f1;border-bottom:1px solid #bdc3c7;cursor:default;transition:background-color .2s ease}.fear-greed-gauge.clickable{cursor:pointer}.fear-greed-gauge.clickable:hover{background-color:#d5dbdb}.gauge-circle{position:relative;width:80px;height:80px;border-radius:50%;background-color:#ecf0f1;margin-bottom:8px}.gauge-fill{position:absolute;top:-5px;left:-5px;width:90px;height:90px;border-radius:50%;transition:background .5s ease-in-out}.gauge-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background-color:#ecf0f1;display:flex;flex-direction:column;justify-content:center;align-items:center}.gauge-value{font-size:1.8rem;font-weight:700;color:#2c3e50;line-height:1}.gauge-label-text{font-size:.6rem;font-weight:600;color:#7f8c8d;letter-spacing:1px}.gauge-text{font-size:.9rem;color:#34495e;font-weight:600;text-align:center}.chart-selector{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;width:100%;max-width:400px;margin:0 auto}.selector-group{display:flex;flex-direction:column;width:100%}.selector-group label{margin-bottom:8px;font-size:1rem;font-weight:600;color:#34495e}.selector-group select{padding:10px 15px;font-size:1rem;border:1px solid #bdc3c7;border-radius:5px;background-color:#fff;color:#2c3e50;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease}.selector-group select:hover{border-color:#3498db}.selector-group select:focus{outline:none;border-color:#2980b9;box-shadow:0 0 5px #3498db80}.App{display:flex;flex-direction:column;height:100%;width:100%}.App-header{display:flex;justify-content:space-between;align-items:center;padding:5px 15px;background-color:#282c34;color:#fff;flex-shrink:0}.header-title-section{display:flex;flex-direction:column;justify-content:center}.header-title{font-size:1rem;font-weight:700;margin:0}.header-subtitle{font-size:.7rem;margin:0;opacity:.8}.chart-selection{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;flex-grow:1;overflow-y:auto}.chart-view{display:flex;flex-direction:column;flex-grow:1;width:100%;min-height:0}.chart-container{flex-grow:1;display:flex;flex-direction:column;min-height:0;width:100%}.back-button{padding:8px 12px;font-size:.8rem;color:#fff;background-color:#6c757d;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.back-button:hover{background-color:#5a6268}.echarts-button{background-color:#a855f7;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:.9em}.echarts-button:hover{background-color:#9333ea}html,body{margin:0;padding:0;width:100%}#root{margin:0;padding:0;width:100%;height:100vh;box-sizing:border-box;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}