:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:LazyDog;src:url(./lazydog-CC-RSav_.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}div{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:Montserrat,sans-serif}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s ease}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.outer{display:flex;flex-direction:column;width:100%;height:100%;position:relative}.mobile{padding:24px;font-weight:700}.reference-modal{position:absolute;left:0;top:0;width:100%;height:100%;padding:8px;background:#685390e6;z-index:3;display:none;align-items:center;justify-content:center;flex-direction:column;font-weight:700}.reference-modal.visible{display:flex}.modal-header-text{background:#dd4e81;padding:6px 12px;font-size:22px;border-radius:8px;text-align:center}.modal-header-text a{font-weight:700;text-decoration:underline;color:#f0b3d0}.header{display:flex;height:60px;padding:8px 12px;align-items:stretch;gap:12px;box-sizing:border-box;border-bottom:3px solid #555}.header a{display:flex;align-items:center}.logo{border-radius:8px}.header-button{padding:0 12px;border-radius:8px;border:2px solid #ccc;cursor:pointer;font-size:16px;display:flex;align-items:center;font-family:Montserrat;font-weight:700}.top{display:flex;align-items:stretch;justify-content:center;position:relative;flex-direction:column;overflow:hidden}.bottom{background-color:#343434}.inner{display:flex;flex-direction:column;position:relative;min-width:420px;overflow:hidden;flex-grow:1}.instructions-outer{padding:12px;overflow:auto;display:flex;flex-direction:column;align-items:stretch;position:relative;flex-grow:1}.instructions{display:flex;flex-direction:column;gap:8px;position:relative}.header-row{display:flex;flex-direction:column;align-items:stretch;padding:8px 16px;border-bottom:2px solid #444}.divider{height:4px;background:#555;width:100%}.header-row-inner{display:flex;height:40px;position:relative;gap:8px}.bubble-text{padding:0 12px;height:100%;display:flex;align-items:center;border-radius:8px;font-weight:700;white-space:nowrap}.instruction{display:flex;position:absolute;transition:top .2s ease,left .2s ease}.instruction.greyed-out:not(:hover) .floating.segment{background:#555!important}.instruction.greyed-out:not(:hover) .digit{color:#bbb!important}.instruction.greyed-out:not(:hover) .instruction-label>div{color:#bbb!important}.comment-outer{display:flex;position:absolute;height:60px;transition:top .2s ease}.comment-outer .comment{display:flex;align-items:center;padding:0 8px;width:100%}.comment-outer .comment .comment-inner{margin-top:5px;font-family:LazyDog;font-weight:700;font-size:24px;line-height:1;color:#bbb;border:none;background:none}.instruction-label{display:flex;white-space:nowrap;height:60px;align-items:center;padding:0 8px;font-size:18px;font-weight:700;gap:8px}.instruction-label>div{transition:color .2s ease}.operation-label{color:#8c52ff}.payload-label{color:#dd4e6a}.reference-button{padding:0 12px;border-radius:8px;border:2px solid #ccc;cursor:pointer;display:flex;align-items:center;font-family:Montserrat;font-weight:700}.segment{transition:background .2s ease,color .2s ease}.current{background:#5ba698;transition:background .2s ease,color .2s ease}.digit{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:32px;text-align:center;cursor:pointer;transition:color .2s ease,background .2s ease;flex-shrink:0;position:relative}.digits:first-child{border-radius:0,0,12px 12px}.instruction-actions-outer{display:flex;justify-content:center;padding:8px}.instruction-actions{display:flex;flex-direction:column}.bottomButtons{display:flex;gap:12px}.button{border:2px solid #ccc;height:45px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;border-radius:12px;cursor:pointer;padding:0 12px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.bottomButtons>.button{font-size:15px;flex-grow:1}.button.disabled{background:#fff3;border-color:#666;color:#666;pointer-events:none}.addInstruction{position:absolute;display:flex;flex-grow:1;font-size:16px;white-space:nowrap;gap:12px;cursor:pointer;height:40px;align-items:center;justify-content:center;font-weight:700;border-radius:8px;margin:0 4px;background:#343434;transition:top .2s ease}.addInstruction:hover{background:#3a3a3a}.addInstruction:active{background:#414141}.button:hover{background:#444}.button:active{background:#555;transition:none}.digit:hover{transition:none;background:#0000001a}.digit.cursor{background:#38b6ff}.floating{position:absolute;border-radius:8px;transition:background .2s ease}.cursor{border-radius:8px;width:60px;height:60px;border:5px solid #38b6ff;transition:left .1s ease,top .1s ease,border-radius .1s ease;z-index:-1}.cursor:hover{background:#32a4e6}.cursor:active,.cursor.hidden{transition:none}.borderRadiusLeft{border-top-left-radius:8px;border-bottom-left-radius:8px}.borderRadiusRight{border-top-right-radius:8px;border-bottom-right-radius:8px}.bottom{display:flex;flex-direction:column}.splitScreenDragResize{display:flex;align-items:stretch;position:relative}.splitScreenDragResize>.visual{border-left:4px solid #6b72c4}.splitScreenDragResize:hover>.visual{border-left:4px solid #8b92e4}.splitScreenDragResize.dragging>.visual{border-left:4px solid #c95fe3}.splitScreenDragResize>.handle{position:absolute;z-index:2;width:12px;left:-4px;height:100%;cursor:ew-resize}.bottom .left{flex-grow:1;display:flex;overflow:hidden;cursor:ew-resize}.register{display:flex;flex-direction:column;gap:12px}.register .instruction{margin-left:8px;margin-bottom:8px}.memory{background:#2f2f2f;display:flex;flex-grow:1;flex-direction:column;position:relative;overflow:hidden;min-height:300px}.memory-inner{display:flex;flex-direction:column;overflow-y:auto;position:relative;padding:16px 8px;gap:8px}.memory-row{z-index:1;display:flex;margin-right:8px}.logs{background:#2a2a2a;min-width:400px;display:flex;flex-direction:column}.logs-header{display:flex;padding:8px 12px;border-bottom:2px solid #3a3a3a;font-weight:700;flex-shrink:0;align-items:center}.logs-body{display:flex;flex-direction:column;overflow-y:auto;min-height:240px;height:0}.log-message{padding:6px 12px;cursor:pointer}.log-message:nth-child(2n){background-color:#3a3a3a}.current-step-indicator{background:#09ab83;width:100%;height:4px;opacity:100%;transition:top .2s ease,opacity .2s ease;z-index:2}.opacity-zero{opacity:0}.delete-instruction{display:flex;width:52px;align-items:center;justify-content:center;font-weight:700;transition:opacity .2s ease}.delete-instruction-inner{width:32px;height:32px;background:#c02976;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;font-size:18px;-webkit-user-select:none;user-select:none}.delete-instruction-inner:hover{background:#b6186a}.delete-instruction-inner:active{transform:scale(.95)}.instruction:hover .delete-instruction{transition:none;display:flex}.instruction-digits{display:flex;position:relative}.flicker-start{transition:none;background:#38b6ff!important}.flicker-during{transition:background .5s ease!important}.memory-write-flicker-start,.instructions-write-flicker-start{transition:none;opacity:1;background:#38b6ff}.memory-read-flicker-during,.instructions-write-flicker-during{opacity:0;transition:opacity .5s ease!important;background:#38b6ff}.memory-read-flicker-start{transition:none;opacity:1;background:#09ab83}.memory-read-flicker-during{opacity:0;transition:opacity .5s ease!important;background:#09ab83}.address{position:absolute;font-weight:700;color:#cad9ff}.digit>.address{top:-3px;left:6px;font-size:16px;opacity:0;transition:.2s opacity ease}.digit:hover .address{opacity:1;transition:none}.cursor.mouse{transition:none}.container{flex-grow:1;display:flex;align-items:stretch;overflow:hidden}.mobile{padding:0}.mobile .header{padding:8px}.mobile .textlogo{display:none}.mobile .top .inner{min-width:auto}.mobile .container{overflow:hidden;flex-direction:column}.mobile .container .top{height:50%;width:auto;flex-shrink:0}.mobile .container .top .header-row{padding:8px}.mobile .container .top .instructions-outer{padding:8px 4px}.mobile .container .top .bottomButtons{gap:8px}.mobile .container .top .button{padding:0 8px;font-size:14px}.mobile .container .bottom{width:auto;flex-grow:1;overflow:hidden}.mobile .digit,.mobile .cursor{width:50px;height:50px;font-size:26px}.mobile .comment-inner{font-size:16px;margin-top:-10px}.mobile .bubble-text,.mobile .reference-button{font-size:14px;padding:0 8px}.mobile .header-row-inner{height:35px}.mobile .memory-inner .address{font-size:12px;opacity:1}.mobile .header-button,.mobile .logs-header{font-size:14px}.mobile .splitScreenDragResize .visual{width:100%;border-left:none;border-bottom:4px solid #6b72c4}.mobile .splitScreenDragResize.dragging .visual{border-bottom:4px solid #c95fe3}.mobile .splitScreenDragResize .handle{display:flex;align-items:center;justify-content:center;left:inherit;right:0;width:40px;height:40px;background:#6b72c4;cursor:ns-resize}.mobile .splitScreenDragResize .handle img{pointer-events:none}.mobile .splitScreenDragResize.dragging .handle{background:#c95fe3}.mobile .reference-modal img{width:100%}.hidden-input{position:absolute;top:-100px}.mobile-instruction-outer{display:flex;flex-direction:column;position:absolute}.mobile .instructions{gap:0}.mobile .instruction{position:relative}.mobile .instruction-label{height:auto;font-size:12px;position:absolute;top:-10px;left:0;padding:0 4px;background:#444;border:1px solid #999;border-radius:4px}.instructionError{left:4px;background:#ff914d;color:#00008b;font-weight:700;width:calc(100% - 8px);display:flex;align-items:center;padding:0 8p;justify-content:center}.instructionError:after{bottom:100%;left:50%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:#ff914d00;border-bottom-color:#ff914d;border-width:10px;margin-left:-10px}.conditional-indicator-1{position:absolute;width:16px;border-bottom-left-radius:5px;right:calc(100% - 4px);height:8px;top:calc(50% - 4px);background:orange}.conditional-indicator-2{position:absolute;height:calc(50% + 8px);border-bottom-left-radius:5px;right:calc(100% + 4px);width:8px;top:-8px;background:orange}.segment-label{position:absolute;background:inherit;padding:0 4px;border-radius:5px 5px 5px 0;font-weight:700;font-size:14px;border-top:1px solid rgba(0,0,0,.5);z-index:3}body,html,#app{width:100%;height:100%;overflow:hidden}#app{display:flex;align-items:center;justify-content:center}