body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{margin:15px;text-align:left;font-size:28px}.price{font-family:monospace;font-size:28px}.currency-box{margin:30px 10px}.details{display:flex;margin:4px;max-width:400px}.bid,.ask{display:block;font-size:16px;flex:1}.bid .price,.ask .price{font-family:monospace;font-size:18px}.status-line{display:flex;align-items:center;gap:12px;font-size:14px}.status-pill{padding:2px 12px;border-radius:999px;font-size:13px;font-weight:600}.status-live{background-color:#d7f5dd;color:#14662e}.status-connecting,.status-reconnecting{background-color:#ffe3b3;color:#7a4b00}.message-count{color:gray}.waiting{color:gray;font-size:18px;font-style:italic}.remove-pair{margin-left:12px;border:none;background:none;color:gray;font-size:20px;line-height:1;cursor:pointer;vertical-align:middle}.remove-pair:hover{color:#c62828}.pair-picker{margin:20px 10px;max-width:400px}.pair-picker input{width:100%;box-sizing:border-box;padding:8px 12px;font-size:16px;font-family:inherit;border:1px solid #bbb;border-radius:6px;background-color:inherit;color:inherit}.picker-note{margin-top:6px;font-size:13px;color:gray}.suggestions{list-style:none;margin:6px 0 0;padding:0;border:1px solid #bbb;border-radius:6px;overflow:hidden}.suggestions button{display:block;width:100%;padding:6px 12px;border:none;background:none;color:inherit;font-family:monospace;font-size:16px;text-align:left;cursor:pointer}.suggestions button:hover{background-color:#80808033}.realtime-toggle{display:inline-flex;align-items:center;gap:8px;font-size:16px;cursor:pointer;margin:10px}.realtime-toggle input{appearance:none;width:40px;height:22px;margin:0;border-radius:11px;background-color:#bbb;position:relative;cursor:pointer;transition:background-color .15s}.realtime-toggle input:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background-color:#fff;transition:left .15s}.realtime-toggle input:checked{background-color:#2e7d32}.realtime-toggle input:checked:before{left:20px}@media(prefers-color-scheme:dark){body{background-color:#000;color:#d3d3d3}.status-live{background-color:#14431f;color:#8fdca4}.status-connecting,.status-reconnecting{background-color:#4a3410;color:#f3c476}.realtime-toggle input{background-color:#555}}