.realtime-chart{width:100%;max-width:100%;margin:0 auto}.realtime-chart .interval-buttons{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;background-color:#f8f9fa;border-radius:8px;flex-wrap:wrap}.realtime-chart .interval-btn{padding:.5rem 1.25rem;background-color:#fff;color:#495057;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;min-width:50px;text-align:center}.realtime-chart .interval-btn:hover{background-color:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.realtime-chart .interval-btn.active{background-color:#26a69a;color:#fff;border-color:#26a69a;box-shadow:0 2px 4px rgba(38,166,154,.3)}.realtime-chart .interval-btn:active{transform:translateY(0)}.realtime-chart__indicators{margin-bottom:1.5rem;padding:1rem;background-color:#f8f9fa;border-radius:8px}.realtime-chart__indicators label{display:inline-flex;align-items:center;margin-right:1.5rem;margin-bottom:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;color:#495057;transition:color .2s ease}.realtime-chart__indicators label:hover{color:#26a69a}.realtime-chart__indicators label input[type=checkbox]{margin-right:.5rem;width:18px;height:18px;cursor:pointer;accent-color:#26a69a}.realtime-chart__annotations{margin-bottom:1.5rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.realtime-chart__annotations strong{margin-right:.5rem;color:#495057;font-size:.875rem}.realtime-chart .annotation-btn{padding:.5rem 1rem;background-color:#fff;color:#495057;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.realtime-chart .annotation-btn:hover{background-color:#26a69a;color:#fff;border-color:#26a69a;transform:translateY(-1px)}.realtime-chart .annotation-btn:active{transform:translateY(0)}.realtime-chart__comparison{margin-bottom:1.5rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.realtime-chart__comparison strong{margin-right:.5rem;color:#495057;font-size:.875rem}.realtime-chart__comparison input[type=text]{padding:.5rem .75rem;border:1px solid #dee2e6;border-radius:6px;font-size:.875rem;transition:border-color .2s ease;min-width:200px}.realtime-chart__comparison input[type=text]:focus{outline:none;border-color:#26a69a;box-shadow:0 0 0 3px rgba(38,166,154,.1)}.realtime-chart .comparison-btn{padding:.5rem 1rem;background-color:#fff;color:#495057;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.realtime-chart .comparison-btn:hover{background-color:#26a69a;color:#fff;border-color:#26a69a;transform:translateY(-1px)}.realtime-chart .comparison-btn:active{transform:translateY(0)}.realtime-chart__container{width:100%;min-height:600px;position:relative;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.realtime-chart__container div[style*=position]>div[style*="display: flex"]{display:none !important}.realtime-chart__container a[href*=tradingview]{display:none !important;visibility:hidden !important}.realtime-chart__container svg[width="35"][height="15"]{display:none !important}.realtime-chart__container :global(.tv-lightweight-charts)>div>div:last-child{display:none !important}.realtime-chart__controls{margin-top:1rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.realtime-chart__button{padding:.5rem 1rem;background-color:#26a69a;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s,transform .1s}.realtime-chart__button:hover{background-color:#1f8a7e}.realtime-chart__button:active{background-color:#186f65;transform:scale(0.98)}.realtime-chart__button:disabled{background-color:#ccc;cursor:not-allowed}.realtime-chart-app{padding:2rem 1rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.realtime-chart-app__title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;text-align:center;color:#333}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.container h1{text-align:center;margin-bottom:2rem;color:#333}.chart-section{margin-bottom:3rem}.chart-section h2{margin-bottom:1rem;color:#555}.instructions{background-color:#f5f5f5;padding:2rem;border-radius:8px;margin-top:3rem}.instructions h3{margin-top:0;color:#333}.instructions code{background-color:#e0e0e0;padding:.2rem .4rem;border-radius:3px;font-family:monospace;font-size:.9em}.instructions ul,.instructions ol{line-height:1.8}