@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,200;0,300;0,400;0,500;0,700;1,400&display=swap";:root{--color-bg: #111111;--color-fg: white;--color-accent: #2780a6;--color-accent-bright: #2cb0ea;--color-border: #222222;--color-alert: #a8202b;--color-warning: #e0aa22;--color-in: #6688ff;--color-out: #ffaa22;--font-size: 14px;--font-size-small: 12px;--font-size-heading: 18px;--font-size-monster: 32px}html,body{overscroll-behavior-x:none}body{font-size:var(--font-size);touch-action:none;background-color:var(--color-bg);color:var(--color-fg);height:100vh;width:100%;margin:0;overflow:hidden}*{box-sizing:border-box;font-family:JetBrains Mono,monospace}p{margin:0;line-height:1.4}header{font-size:var(--font-size-heading);font-weight:700;padding:.5rem;text-align:center}button{display:flex;align-items:center;pointer-events:initial;padding:.5rem 1rem;background-color:var(--color-bg);color:var(--color-fg);border:.2rem solid #333333;font-weight:700;font-size:var(--font-size-heading);border-radius:.5rem;cursor:pointer}button:hover{border-color:var(--color-accent-bright)}h2{margin:0;padding-bottom:.5rem}.title{font-weight:700;font-size:var(--font-size-monster)}.in{color:var(--color-in);fill:var(--color-in)}.out{color:var(--color-out);fill:var(--color-out)}.gui-window{display:flex;flex-direction:column;gap:1rem;min-width:20vw;height:100%;padding:.5rem;background:var(--color-bg);border:.2rem solid var(--color-border)}