body,html{background:#000;color:#eee;font-family:sans,Courier New,Courier,monospace;height:100%;overflow:hidden;width:100%}*,body,html{margin:0;padding:0}*,:after,:before{box-sizing:border-box}body{background:none;color:inherit;font:inherit}ol,ul{list-style:none}a{color:inherit;text-decoration:none}button,input,select,textarea{all:unset}input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;margin:0}.center{display:grid}.center *{place-self:center}:root{--app-margin:16px;--app-padding:11px;--translucent-bg:rgba(0,0,0,.75)}@font-face{font-family:Fira Sans;font-style:normal;font-weight:400;src:url(/fonts/FiraSans-Regular.ttf) format("truetype")}@font-face{font-family:Fira Sans;font-style:normal;font-weight:700;src:url(/fonts/FiraSans-Bold.ttf) format("truetype")}@font-face{font-family:Icons;font-style:normal;font-weight:400;src:url(/fonts/forkawesome-webfont.ttf) format("truetype")}@font-face{font-family:sans;font-style:normal;font-weight:400;src:url(/fonts/OpenSans-Regular.ttf) format("truetype")}@font-face{font-family:sans;font-style:normal;font-weight:700;src:url(/fonts/OpenSans-Bold.ttf) format("truetype")}@font-face{font-family:Palatino Linotype;font-style:normal;font-weight:400;src:url(/fonts/Palatino-Linotype-Regular.ttf) format("truetype")}.icon{font-family:Icons}#app{display:flex;flex-direction:column;height:100vh}#canvasWrapper{flex:1;overflow:hidden;position:relative}canvas{display:block;height:100%;touch-action:none;width:100%}canvas:active{cursor:grabbing}label{align-items:center;display:flex;gap:.8em}.appWindow{background:var(--translucent-bg);border:1px solid;border-radius:2px;box-sizing:border-box;color:#fff!important;font-size:12px;padding:var(--app-padding);position:fixed;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:10}#controls{left:var(--app-margin);min-width:250px}#controls,#juliaBox{top:calc(2.4em + var(--app-margin))}#juliaBox{height:400px;min-height:280px;min-width:400px;right:var(--app-margin);width:520px}#info{background-color:var(--translucent-bg);height:100%;position:absolute;width:100%}.appHeader{align-items:center;cursor:grab;display:flex;font-weight:600;height:4em;justify-content:space-between;letter-spacing:.03em;margin:-1em;padding:1em;text-transform:uppercase}.appHeader:active{cursor:grabbing}.appMinimize{cursor:pointer;height:2em;margin-right:-1em;margin-top:-1.3em;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:3em}.appBody{flex:1 1 auto;margin-top:.5em}.row{display:flex;justify-content:right;margin-bottom:.3em}.row label:not(:last-child){margin-right:1em}input[type=color]{background:#111;border:none;border-radius:5px;height:1.3em;padding:0;width:1.3em}input[type=range]{min-width:180px;width:100%}input[type=number],input[type=range]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}input[type=number]{border:1px solid;border-radius:3px;max-width:8em;padding:1px 1px 1px .2em}#juliaCanvas{border-radius:2px;height:100%;width:100%}.resizeHandle{border-bottom:1px solid;border-right:1px solid;bottom:3px;cursor:se-resize;height:12px;position:absolute;right:3px;width:12px}.juliaStatus{margin-top:8px;text-align:right}.juliaStatus div{margin-bottom:.3em}#juliaBox.minimized+#juliaCursor,.appWindow.minimized,.minimized{display:none}.statusBar{background:#0c0c0c;border-bottom:1px solid #3a3a3a;display:flex;font-size:11px;height:2.4em;justify-content:space-between;padding:4px 8px;width:100%}.right div{display:inline}.toggleBtn{background:none;border:none;cursor:pointer}.toggleBtn span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.link:hover,.toggleBtn:hover{text-decoration:underline}.btn{border:1px solid;border-radius:3px;cursor:pointer;margin-left:1em;padding:2px 5px}.btn:active{border:3px solid;padding:0 3px}.cursorWidget{background:var(--translucent-bg);border-radius:50%;cursor:grab;height:60px;overflow:hidden;position:absolute;transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:60px;z-index:5}.cursorWidget:active{cursor:grabbing}.cursorWidget .hor,.cursorWidget .ver{display:flex;height:100%;justify-content:space-evenly;position:absolute;width:100%}.cursorWidget .ver{flex-direction:column;transform:translate(50%)}.cursorWidget .hor{flex-direction:row;transform:translateY(50%)}.cursorWidget .ver .line{border-left:1px solid}.cursorWidget .hor .line{border-top:1px solid}.cursorWidget .line{height:calc(50% - 5px);width:calc(50% - 5px)}@media(max-width:768px){#JuliaBtn,#JuliaBtn+span,#juliaBox,#juliaCursor{display:none}input[type=range]{min-width:120px;width:120px}}#info{font-family:Palatino Linotype,Fira Sans,sans;overflow:scroll}#info .exit{cursor:pointer;font-size:2em;font-weight:700;padding-right:.5em;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}#info .feed{height:100%;line-height:1.7;margin:auto;max-width:800px;padding:6em 1em 1em;position:relative;width:100%}:is(#info .feed) .me{overflow:visible;padding-bottom:12em;padding-top:4em;text-align:center;width:100%}:is(#info .feed) a{color:var(--color-text-link)}:is(:is(#info .feed) a):hover{text-decoration:underline}:is(#info .feed) p{margin-bottom:1em}:is(:is(#info .feed) p) img{border-radius:.2em;box-shadow:0 0 8px var(--color-shadow);display:block;margin:auto;max-height:30em;max-width:calc(100% - 2em)}:is(:is(#info .feed) p) img:before{color:var(--color-bg-dark);display:block;font-style:italic;padding:4em;text-align:center}:is(#info .feed) .katex{margin:1.3em 0}:is(#info .feed) p:has(>img:only-child){padding:2em 1em}:is(#info .feed) h1,:is(#info .feed) h2,:is(#info .feed) h3{margin-bottom:.5em;margin-top:.5em}:is(#info .feed) ul{list-style:none;padding-left:1.5em}:is(#info .feed) ul li{margin-bottom:.5em}:is(#info .feed) ul li:before{content:"-";font-weight:600;margin-left:-.9em;margin-right:.5em}:is(#info .feed) ol{list-style:numbers;padding-left:1.5em}:is(#info .feed) ol li{margin-bottom:.5em}:is(#info .feed) pre{border-radius:.2em;margin:1em;padding:.4em}:is(#info .feed) blockquote{border-left:.3em solid var(--color-text-blockquote);color:var(--color-text-blockquote);padding-left:1em;padding-right:1em}:is(#info .feed) table{border-collapse:collapse;font-size:.9em;margin:1.5em;width:calc(100% - 3em)}:is(#info .feed) table td,:is(#info .feed) table th{border-bottom:1px solid var(--color-backdrop);padding:.5em .8em;text-align:left}:is(#info .feed) table th{font-weight:600}:is(#info .feed) table tr:last-child td{border-bottom:none}@media(max-width:768px){#info .feed{padding-top:1.5em}#info .feed .katex{font-size:1em}}