:root{font-family:Courier New,Monaco,Consolas,monospace;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box;border-radius:0!important}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:#000;color:#fff;font-family:Courier New,Monaco,Consolas,monospace}#root{max-width:100vw;width:100%;height:100vh;margin:0;padding:0;background:#000;border-radius:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#111;border-radius:0}::-webkit-scrollbar-thumb{background:#333;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#555}*,button,input,div{border-radius:0!important}::selection{background:#00d4ff4d;color:#fff}*:focus{outline:2px solid rgba(0,212,255,.5);outline-offset:2px}.tape-container{background:#1a1a1a;border:3px solid #333;border-radius:0;box-shadow:0 4px 8px #00000080,inset 0 1px #ffffff1a;margin:10px;min-height:400px;display:flex;flex-direction:column;overflow:hidden;font-family:Courier New,monospace}.tape-container.dark{background:#1a1a1a;border-color:#333}.tape-header{background:#000;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #333;font-weight:700;text-transform:uppercase;letter-spacing:1px}.tape-container.dark .tape-header{background:#000;border-bottom-color:#333}.tape-stats{display:flex;align-items:center;gap:12px}.tape-stats h3{margin:0;font-size:16px;font-weight:700;color:#fff;text-shadow:none}.trade-count{font-size:12px;background:#333;color:#fff;padding:4px 8px;border-radius:0;border:1px solid #555;font-weight:700}.tape-controls{display:flex;align-items:center;gap:16px}.threshold-control{display:flex;align-items:center;justify-content:center}.threshold-input{background:#333;color:#fff;border:1px solid #555;border-radius:0;padding:4px 8px;font-family:Courier New,monospace;font-size:12px;font-weight:700;width:80px;text-align:center}.threshold-input:focus{outline:none;border-color:#555;background:#333}.threshold-input::placeholder{color:#666;text-align:center}.threshold-input::-webkit-outer-spin-button,.threshold-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.threshold-input[type=number]{-moz-appearance:textfield}.connection-indicator{display:flex;align-items:center;justify-content:center}.status-square{width:12px;height:12px;border-radius:0;transition:background-color .3s ease}.status-square.connected{background-color:#0ff;animation:none}.status-square.disconnected{background-color:red;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;background-color:red}50%{opacity:.3;background-color:red}to{opacity:1;background-color:red}}.trades-container{flex:1;overflow-y:auto;overflow-x:hidden;background:#000;position:relative;max-height:calc(100vh - 200px);min-height:200px}.tape-container.dark .trades-container{background:#000}.trades-container::-webkit-scrollbar{width:8px}.trades-container::-webkit-scrollbar-track{background:#1a1a1a;border-radius:0}.tape-container.dark .trades-container::-webkit-scrollbar-track{background:#1a1a1a}.trades-container::-webkit-scrollbar-thumb{background:#333;border-radius:0;border:1px solid #555}.tape-container.dark .trades-container::-webkit-scrollbar-thumb{background:#333}.trades-container::-webkit-scrollbar-thumb:hover{background:#444}.tape-container.dark .trades-container::-webkit-scrollbar-thumb:hover{background:#444}.trades-list{display:flex;flex-direction:column;min-height:100%;position:relative}.no-trades{display:flex;align-items:center;justify-content:center;height:200px;color:#666;font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:1px}.tape-container.dark .no-trades{color:#666}.trade-card{background:#000;border:none;border-bottom:1px solid #333;border-radius:0;padding:4px 8px;box-shadow:none;transition:background-color .1s ease;transform-origin:top;margin:0;position:relative;overflow:hidden}.trade-card.no-animation{animation:none!important;transition:none!important;transform:none!important}.trade-card:not(.no-animation){animation:flipIn .2s ease-out}@keyframes flipIn{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0)}}.trade-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;align-items:center;position:relative;z-index:2;text-align:center}.trade-price{font-size:12px;font-weight:700;color:#fff;font-family:Courier New,monospace;text-align:center}.tape-container.dark .trade-price{color:#fff}.trade-size{font-size:10px;color:#ccc;text-align:center;font-family:Courier New,monospace;font-weight:700}.tape-container.dark .trade-size{color:#ccc}.trade-value{font-size:10px;font-weight:700;color:#fff;text-align:center;font-family:Courier New,monospace}.tape-container.dark .trade-value{color:#fff}.order-size-bar{position:absolute;top:0;right:0;bottom:0;width:100%;pointer-events:none;z-index:1}.order-size-fill{position:absolute;top:0;right:0;bottom:0;height:100%;transition:width .3s ease}@media (max-width: 768px){.tape-container{margin:5px;min-height:300px}.tape-header{padding:8px 12px;flex-direction:column;gap:8px;align-items:flex-start}.tape-controls{width:100%;justify-content:space-between}.tape-stats h3{font-size:14px}.trade-card{padding:8px 12px}.trade-details{grid-template-columns:1fr 1fr;gap:8px}.trade-value{grid-column:1 / -1;text-align:center;margin-top:4px}.threshold-input{width:60px}}.tape-footer{background:#000;border-top:2px solid #333;padding:0;height:120px;display:flex;flex-direction:column}.tape-container.dark .tape-footer{background:#000;border-top-color:#333}.footer-header{background:#111;border-bottom:1px solid #333;padding:8px 12px;height:40px;display:flex;align-items:center;justify-content:center}.footer-info{display:flex;align-items:center;justify-content:space-between;width:100%;font-family:Courier New,monospace;font-size:12px;font-weight:700}.tpm-selector{color:beige;font-size:12px;font-family:Courier New,monospace;font-weight:700;text-align:center;padding:4px 8px;border:1px solid transparent;cursor:pointer;transition:border-color .2s ease;-webkit-user-select:none;user-select:none;display:inline-block;margin:0 10px}.tpm-selector:hover{border-color:beige;background:#f5f5dc1a}.tpm-selector.selected{border-color:beige;background:#f5f5dc33}.left-tpm{text-align:left;margin-left:0}.right-tpm{text-align:right;margin-right:0}.graph-container{flex:1;display:flex;align-items:center;justify-content:center;padding:4px;min-height:60px;width:100%}.tape-speed-graph{border:1px solid #333;border-radius:0;background:#000;width:100%;height:100%;min-height:50px}.tape-container.dark .tape-speed-graph{border-color:#333;background:#000}.trade-card[style*=box-shadow]:not(.no-animation){animation:flipIn .2s ease-out;z-index:10;position:relative}.trade-card[style*=box-shadow].no-animation{animation:none!important;z-index:10;position:relative}.tape-container[style*=box-shadow]{z-index:5;position:relative}.tape-container[style*=box-shadow]:before{content:"";position:absolute;inset:0;border:inherit;box-shadow:inherit;animation:borderGlowFade 2s ease-in-out;pointer-events:none;z-index:-1}@keyframes borderGlowFade{0%{opacity:0}to{opacity:1}}.tape-speed-display{display:flex;flex-direction:column;height:100vh;background:#000;color:#fff;font-family:Courier New,Monaco,Consolas,monospace;border-radius:0;overflow:hidden}.tape-speed-display.dark{background:#000;color:#fff}.header{display:flex;justify-content:space-between;align-items:center;background:#111;border-bottom:2px solid #333;padding:12px 20px;min-height:60px;border-radius:0}.header-left{display:flex;align-items:center;gap:20px;flex:1}.global-controls{display:flex;align-items:center;gap:15px}.global-control-item{display:flex;align-items:center;gap:5px}.global-control-item label{color:#ccc;font-size:12px;font-weight:700;text-transform:uppercase;white-space:nowrap}.global-input{background:#222;border:1px solid #333;color:#fff;padding:4px 8px;font-size:12px;width:80px;border-radius:0;text-align:center}.global-input:focus{outline:none;border-color:#555;background:#333}.global-input::-webkit-inner-spin-button,.global-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.global-refresh-button{background:#222;border:1px solid #333;color:#ccc;padding:4px 8px;font-size:12px;border-radius:0;cursor:pointer;transition:all .2s ease;font-family:Courier New,monospace;margin-left:10px}.global-refresh-button:hover{background:#333;border-color:#555;color:#fff}.global-refresh-button:active{background:#444}.header-center{display:flex;align-items:center;justify-content:center;flex:2}.header-right{display:flex;align-items:center;flex:1;justify-content:flex-end}.connection-status{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#ccc}.status-indicator{width:8px;height:8px;border-radius:0;background:#c00;animation:pulse 2s infinite}.status-indicator.connected{background:#0a0;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stats-display{display:flex;gap:15px}.stat-item{font-size:11px;color:#ccc;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pair-selection{display:flex;align-items:center}.pair-buttons{display:flex;gap:2px}.pair-button{background:#222;border:1px solid #333;color:#ccc;padding:8px 16px;font-size:12px;font-weight:700;font-family:Courier New,monospace;cursor:pointer;transition:all .2s ease;border-radius:0;text-transform:uppercase;letter-spacing:1px;min-width:60px}.pair-button:hover{background:#333;border-color:#555;color:#fff}.pair-button.active{background:#0a0;border-color:#0a0;color:#000;font-weight:700}.dark-mode-toggle{background:#222;border:1px solid #333;color:#ccc;padding:4px;font-size:12px;border-radius:0;cursor:pointer;transition:all .2s ease;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-family:Courier New,monospace;margin-left:10px}.dark-mode-toggle:hover{background:#333;border-color:#555;color:#fff}.dark-mode-toggle:active{background:#444}.main-content{flex:1;display:flex;flex-direction:column;background:#000;border-radius:0;overflow:hidden}.tapes-container{display:flex;flex-direction:row;height:100%;gap:10px;padding:10px;background:#000;overflow-x:auto;justify-content:center;align-items:stretch}.tapes-container>*{flex:1 1 450px;min-width:300px;max-width:500px}@media (max-width: 1200px){.tapes-container>*{flex:1 1 400px;min-width:250px;max-width:450px}}@media (max-width: 900px){.tapes-container>*{flex:1 1 350px;min-width:200px;max-width:400px}}@media (max-width: 600px){.tapes-container>*{flex:1 1 300px;min-width:150px;max-width:350px}}.tapes-container::-webkit-scrollbar{height:8px}.tapes-container::-webkit-scrollbar-track{background:#111;border-radius:0}.tapes-container::-webkit-scrollbar-thumb{background:#333;border-radius:0}.tapes-container::-webkit-scrollbar-thumb:hover{background:#555}.no-tapes-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:#666;text-align:center;background:#000;padding:20px;box-sizing:border-box}.no-tapes-message h3{font-size:24px;margin-bottom:16px;color:#ccc;font-weight:700;text-transform:uppercase;letter-spacing:2px}.no-tapes-message p{font-size:16px;color:#888;font-family:Courier New,monospace;max-width:500px;line-height:1.5;margin:0 auto}@media (max-width: 768px){.header{flex-direction:column;gap:10px;padding:8px 12px}.header-left,.stats-display{gap:10px}.pair-buttons{gap:1px}.pair-button{padding:6px 12px;font-size:11px;min-width:50px}.no-tapes-message h3{font-size:20px;margin-bottom:12px;letter-spacing:1px}.no-tapes-message p{font-size:14px;max-width:300px;padding:0 10px}}@media (max-width: 480px){.no-tapes-message h3{font-size:18px;margin-bottom:10px}.no-tapes-message p{font-size:12px;max-width:250px}.pair-button{padding:4px 8px;font-size:10px;min-width:40px}}#root{width:100vw;height:100vh;margin:0;padding:0;background:#000;color:#fff;font-family:Courier New,Monaco,Consolas,monospace;border-radius:0;overflow:hidden}.app{width:100%;height:100%;background:#000;color:#fff;border-radius:0;overflow:hidden}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0a0a0a;overflow-x:hidden}*{box-sizing:border-box}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}