:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8e8e8;background:#0d0e0f;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}.toolbar{white-space:nowrap;background:#151619;border-bottom:1px solid #292b2f;align-items:center;gap:8px;height:44px;padding:0 8px;display:flex}.symbol{color:#f2cf45;letter-spacing:.04em}.live-status{color:#66c7ad;min-width:36px;font-size:12px}.live-status.delayed{color:#f7a9a6}.timeframes{scrollbar-width:none;flex:1;min-width:0;display:flex;overflow-x:auto}.timeframes::-webkit-scrollbar{display:none}.timeframes button,.return-live,.layers summary{color:#aeb1b6;cursor:pointer;background:0 0;border:0;border-radius:5px;min-width:44px;min-height:36px}.timeframes button.active{color:#111;background:#f2cf45}.timeframes button:hover:not(.active),.return-live:hover,.layers summary:hover{background:#292b2f}.layers summary{justify-content:center;align-items:center;display:none}.layers-content{gap:8px;display:flex}.layers-content label{color:#c5c7ca;align-items:center;gap:4px;min-height:36px;font-size:13px;display:flex}.layers-content input{accent-color:#f2cf45}.return-live{padding:0 10px}.chart{width:100%;height:calc(100dvh - 44px);position:relative}.error{z-index:10;background:#1a1c20;border:1px solid #3c3f44;border-radius:8px;align-items:center;gap:10px;padding:14px;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.error[hidden]{display:none}.error button{min-height:36px}@media (width<=640px){.toolbar{gap:4px;padding:0 4px}.symbol{font-size:13px}.live-status{min-width:28px;font-size:10px}.layers{position:relative}.layers summary{display:flex}.layers-content{z-index:20;background:#1a1c20;border:1px solid #3c3f44;border-radius:6px;flex-direction:column;gap:0;min-width:132px;padding:6px 10px;display:none;position:absolute;top:40px;right:0}.layers[open] .layers-content{display:flex}.layers-content label{min-height:44px}.return-live{width:44px;padding:0 5px;font-size:0;overflow:hidden}.return-live:after{content:"Live";font-size:12px}}