index.css

body{font-family:'Ubuntu', sans-serif;font-weight:300;box-sizing:border-box;margin:0;padding:1rem;width:100vw;height:100vh;display:flex;flex-direction:column;gap:1rem}button{font:inherit}::selection{background-color:#08f;color:#fff}.section.section-top,.section.section-bottom{box-sizing:border-box;height:3rem;flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.section.section-top a,.section.section-bottom a{color:#08f}.section.section-main{overflow:hidden;display:flex;align-items:center;justify-content:center}.section.section-main .canvas{max-width:100%;max-height:100%}.section.section-main .canvas .network path{fill:none;stroke:#000;stroke-width:4}.section.section-main .canvas .text text{fill:#fff;text-anchor:middle;dominant-baseline:middle;font-size:.8rem;font-weight:400}.section.section-main .canvas .weight,.section.section-main .canvas .in{box-sizing:border-box;width:100%;height:100%;border:none;outline:0;font-size:inherit;font-family:inherit;font-weight:inherit;margin:0;padding:0 .25rem;background-color:#eee;border-radius:6px}.section.section-main .canvas .weight:focus,.section.section-main .canvas .in:focus{box-shadow:0 0 0 2px #08f inset}.section.section-main .canvas .in{background-color:#222;color:#fff}.section .layer-labels{height:100%;flex-grow:1;display:flex;justify-content:space-evenly}.section .layer-label,.section .button{position:relative;box-sizing:border-box;min-width:8rem;height:100%;background-color:#eee;border:none;border-radius:.5rem;font-weight:bold;display:flex;align-items:center;justify-content:center;overflow:hidden;outline:0}.section .layer-label input,.section .button input{position:absolute;box-sizing:border-box;margin:0;padding:.5rem;border:none;height:100%;width:100%;background-color:#eee;font-size:1rem;font-family:inherit;font-weight:inherit;text-align:center;outline:0;opacity:0}.section .layer-label:hover input,.section .layer-label input:focus,.section .button:hover input,.section .button input:focus{opacity:1}.section .layer-label:hover input,.section .button:hover input{background-color:#ddd}.section .layer-label:focus-within,.section .button:focus-within{box-shadow:0 0 0 0.25rem #08f}.section .button{padding:0;min-width:initial;width:3rem;user-select:none;cursor:default}.section .button:hover{background-color:#ddd}.section .button.button-add{color:#0a4}.section .button.button-remove{color:#c00}.section .function-selector{display:flex;gap:.5rem}.section .function-selector input{display:none}.section .function-selector input:checked+.function{background-color:#08f;color:#fff}.section .function-selector .function{display:flex;align-items:center;box-sizing:border-box;height:100%;padding:.4rem;border-radius:.5rem}.section .function-selector .function:hover{background-color:#eee}.section .function-selector .function .stack,.section .function-selector .function .fraction{display:flex;flex-direction:column;padding:0 .2em;line-height:1}.section .function-selector .function .fraction{text-align:center}.section .function-selector .function .fraction>:first-child{border-bottom:1px solid}.section .copyright .copy{display:inline-block;transform:rotate(180deg)}