html,body{background:#10151a;width:100%;height:100%;margin:0}.tracking-back{z-index:3;color:#aabec2;letter-spacing:.08em;font:10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;text-decoration:none;position:fixed;top:14px;right:16px}.tracking-back:hover{color:#e7ff6a}#tracking-app{width:100%;height:100%;overflow:hidden}#tracking-app canvas{display:block}.readout{z-index:1;color:#d7e2e2;font-variant-numeric:tabular-nums;background:#10151ae8;border:1px solid #52636b;padding:14px 16px;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;position:fixed;top:16px;left:16px}.readout strong{letter-spacing:.08em;margin-bottom:5px;display:block}.readout span{color:#95edb5}.readout [data-state=disconnected],.readout [data-state=lost]{color:#ffb48f}.readout [data-state=closed],.readout [data-state=snap-ready]{color:#e7ff6a}.readout button{color:#d7e2e2;font:inherit;cursor:pointer;background:0 0;border:1px solid #71858b;margin-top:8px;margin-right:4px;padding:5px 8px}.readout button:disabled{opacity:.55;cursor:wait}.readout [data-axis]{color:#aabec2;min-width:150px;display:inline-block}.readout label{margin-top:8px;display:block}.readout input{vertical-align:middle;accent-color:#95edb5;width:110px}