html,body{height:100%}#root{all:unset;height:100%;display:contents}button{color:#000;background-color:#fff;border:none;border-radius:5px;outline:none;margin:4px 5px;padding:3px 6px;font-size:20px;box-shadow:0 0 0 2px #888}label{font-family:Lucida Sans Unicode,Lucida Grande,sans-serif}.titleButtonGroup{justify-content:center;align-items:center;height:100vh;margin:200px auto 0;display:block}.titleButton{text-align:center;margin-bottom:40px;font-family:Tahoma,Geneva,sans-serif;font-size:55px}.titleButton a{color:#88e}.titleButton a:link{text-decoration:none}.titleButton a:hover{color:#66e}button:hover{background-color:#f0f0f0}.clickedButton{box-shadow:0 0 0 3px #000}.backButton{color:#000}.backButton:link{text-decoration:none}.disabledButton{color:#555;background-color:#eee}div{cursor:default}.crosshair{cursor:cell}.canvasBorder{border:1px solid #d3d3d3}body{margin-top:0}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}.flexColumn{flex-flow:column;height:100%;display:flex}#numIterations,#numLines{float:right;padding:0 20px}h1{color:#333;margin:5px 0;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif}.textBlock{width:600px;margin:100px auto;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif}.textSubBlock{margin-bottom:50px}#questionOverlay{z-index:1;color:#bbb;background-color:#000000e6;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:hidden}#questionOverlayText p{text-align:justify;width:400px;margin-top:30px;top:25%}#questionOverlayText{margin-top:100px;margin-left:auto;margin-right:auto}#wrapper{margin:auto}#questionOverlay a{color:inherit;padding:8px;text-decoration:none;display:block}#questionOverlay a:hover,#questionOverlay a:focus{color:#f1f1f1}#closeButton{color:inherit;font-size:60px;position:absolute;top:20px;right:45px}#questionButton{position:absolute;top:0;right:20px}.input-flash-red{background-color:red;transition:background-color .25s}.input-flash-gray{background-color:#d3d3d3;transition:background-color .25s}input{background-color:#fff;border:1px solid;transition:background-color .25s}.fractalPage{--n-0:#fff;--n-50:#fafafa;--n-100:#f4f4f5;--n-200:#e4e4e7;--n-300:#d4d4d8;--n-500:#71717a;--n-700:#3f3f46;--n-900:#18181b;--paper:var(--n-0);--surface:#ffffffd1;--hairline:var(--n-200);--text:var(--n-700);--text-muted:var(--n-500);--control-bg:var(--n-100);--control-bg-hover:var(--n-200);--control-text:var(--n-700);--control-active-bg:var(--n-900);--control-active-text:var(--n-0);--shadow:0 1px 2px #0000000a, 0 4px 16px #00000014;--radius-panel:10px;--radius-control:6px;--space-1:4px;--space-2:8px;--space-3:12px;--font-ui:"Lucida Sans Unicode", "Lucida Grande", system-ui, sans-serif}.fractalPage[data-chrome=dark]{--surface:#18181bc7;--hairline:#ffffff24;--text:var(--n-200);--text-muted:#a1a1aa;--control-bg:#ffffff14;--control-bg-hover:#ffffff29;--control-text:var(--n-200);--control-active-bg:var(--n-50);--control-active-text:var(--n-900);--shadow:0 2px 6px #00000040, 0 8px 28px #00000059}.fractalPage{font-family:var(--font-ui);color:var(--text);position:fixed;inset:0;overflow:hidden}.backgroundCanvas{z-index:0;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.uiOverlay{z-index:1;pointer-events:none;position:absolute;inset:0}.overlayTopLeft{padding:var(--space-3) 0 0 var(--space-3);pointer-events:none;position:absolute;top:0;left:0}.overlayTitle{letter-spacing:-.01em;color:var(--n-700);text-shadow:0 0 4px #fff,0 0 8px #fff,0 0 14px #fff,0 0 22px #ffffffd9,0 0 36px #fff9;margin:0;font-size:22px;font-weight:600}.overlayTopRight{padding:var(--space-3) var(--space-3) 0 0;pointer-events:none;position:absolute;top:0;right:0}.fractalPage .floatingAction{pointer-events:auto;color:var(--text-muted);background-color:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px)}.fractalPage .floatingAction:hover{color:var(--text);background-color:var(--surface)}.uiDock{padding:0 0 var(--space-3) var(--space-3);box-sizing:border-box;align-items:flex-start;gap:var(--space-2);pointer-events:none;flex-direction:column;max-height:100%;display:flex;position:absolute;bottom:0;left:0}.uiDock canvas,.uiDock button{pointer-events:auto}.uiGroup{align-items:flex-start;gap:var(--space-1);flex-direction:column;display:flex}.fractalPage .uiGroupHandle{align-items:center;gap:var(--space-1);font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background-color:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);border-radius:999px;margin:0;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.fractalPage .uiGroupHandle:hover{color:var(--text);background-color:var(--surface)}.uiGroupChevron{font-size:9px;transition:transform .15s;display:inline-block}.uiGroupClosed .uiGroupChevron{transform:rotate(-90deg)}.uiGroupClosed .uiGroupBody{display:none}.fractalPage button{font-family:var(--font-ui);color:var(--control-text);background-color:var(--control-bg);border:1px solid var(--hairline);border-radius:var(--radius-control);box-shadow:none;cursor:pointer;margin:0;padding:4px 10px;font-size:13px;font-weight:500;transition:background-color .12s,color .12s}.fractalPage button:hover{background-color:var(--control-bg-hover)}.fractalPage button.clickedButton{color:var(--control-active-text);background-color:var(--control-active-bg);box-shadow:none;border-color:#0000}.fractalPage input{font-family:var(--font-ui);width:64px;color:var(--text);background-color:var(--control-bg);border:1px solid var(--hairline);border-radius:var(--radius-control);padding:3px 8px;font-size:13px;transition:background-color .25s}.fractalPage input:focus{border-color:var(--text-muted);outline:none}.fractalPage label{font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:500}.fractalPage .panelRow{align-items:center;gap:var(--space-2);flex-direction:row;display:flex}.fractalPage .panelStack{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.fractalPage .settingField{align-items:center;gap:var(--space-1);display:inline-flex}.fractalPage canvas{display:block}.fractalPage .canvasOverlayControls button{color:var(--n-700);background-color:var(--n-100);border-color:var(--n-200)}.fractalPage .canvasOverlayControls button:hover{background-color:var(--n-200)}.fractalPage .canvasOverlayControls button.clickedButton{color:var(--n-0);background-color:var(--n-900);border-color:#0000}.fractalPage .functionEditorCanvas{touch-action:none}.fractalPage .canvasBorder{background-color:var(--paper);border:1px solid var(--hairline);border-radius:var(--radius-control)}.fractalPage .presetArrow{text-align:center;min-width:40px;padding:4px 0;font-size:17px;line-height:1.1}.fractalPage .presetName{text-align:center;min-width:9em;color:var(--text);flex:1;font-size:13px}@media (width<=700px),(height<=500px){.overlayTopLeft{padding:var(--space-2) var(--space-2) 0 var(--space-2)}.overlayTopRight{padding:var(--space-2) var(--space-2) 0 0}.overlayTitle{font-size:17px}.uiDock{padding:0 var(--space-2) var(--space-2) var(--space-2);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;pointer-events:auto;max-height:85%;right:0;overflow:hidden auto}.fractalPage .panelRow{flex-wrap:wrap}.uiDock .uiGroupBody{max-width:100%}.fractalPage button{padding:7px 12px}.fractalPage .uiGroupHandle{padding:6px 12px}.fractalPage input{padding:5px 8px;font-size:16px}.fractalPage .presetArrow{min-width:44px;padding:8px 0;font-size:19px}}