:root{--color-bg-primary: #fff;--color-bg-secondary: #f5f5f5;--color-text-primary: rgba(250, 250, 250, .9);--color-shadow: rgba(250, 250, 250, .1);--color-shadow-mid: rgba(250, 250, 250, .2);--color-shadow-heavy: rgba(250, 250, 250, .3);--color-accent: #DDD;--color-accent-hover: rgba(255, 255, 255, .5);--color-success: #4CAF50;--color-error: #F44336;--color-up: var(--color-success);--color-down: var(--color-error);--backdrop-filter: blur(5px);--border-radius-1: 5px;--border-radius-2: 8px;--line-width-1: 1px;--m-xs: .25em;--m-s: .5em;--m-m: 1.5em;--m-l: 2em;--animation-speed-1: .2s;--animation-speed-2: .3s;--animation-speed-3: .5s;--font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif, monospace;--font-family-alt: "Courier New", monospace;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;font-family:var(--font-family),system-ui;line-height:1.5;font-weight:var(--font-weight-normal);color-scheme:light dark;background-color:var(--color-bg-primary);width:100vw;height:100dvh;margin:0;padding:0;color:var(--color-text-primary)}body{font-family:var(--font-family-alt),system-ui;width:100%;height:100%;margin:0;padding:0;background-color:var(--color-bg-primary)}button{border-radius:var(--border-radius-1);border:var(--line-width-1) solid var(--color-shadow);padding:.6em 1.2em;font-size:1em;font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;outline:3px solid transparent;transition:border-color var(--animation-speed-1),background-color var(--animation-speed-1),outline var(--animation-speed-2);-webkit-user-select:none;user-select:none}button:hover{border-color:var(--color-accent-hover)}button:focus,button:focus-visible{outline:var(--line-width-1) solid var(--color-accent)}button svg{vertical-align:middle;height:1em}h1{line-height:1.1;font-size:3.2em;margin:.5em 0}input{background-color:var(--color-bg-secondary)}input[type=email]{padding:var(--m-xs);margin:var(--m-xs) 0;border:var(--line-width-1) solid var(--color-shadow);border-radius:var(--border-radius-1)}footer{margin-top:auto;width:100%}section>h2,section>h3{margin:1rem 0}section h4{margin-top:0}@media (prefers-color-scheme: light){:root{--color-text-primary: rgba(33, 33, 33, .95);--color-shadow: rgba(33, 33, 33, .15);--color-shadow-mid: rgba(33, 33, 33, .25);--color-shadow-heavy: rgba(33, 33, 33, .35);--color-accent: rgba(33, 33, 33, .75);--color-accent-hover: rgba(33, 33, 33, .85)}}@media (prefers-color-scheme: dark){:root{--color-text-primary: rgba(250, 250, 250, .9);--color-bg-primary: rgb(18 18 18);--color-bg-secondary: rgba(240, 245, 255, .03);--color-shadow: rgba(250, 250, 250, .1);--color-shadow-mid: rgba(250, 250, 250, .2);--color-shadow-heavy: rgba(250, 250, 250, .3)}}@media screen and (max-width: 420px){:root{--m-xs: 0;--m-s: .25rem;--m-m: 1.25rem;--m-l: 1.5rem}.inputs-group{flex-direction:column;width:fit-content}}@media screen and (min-width: 768px){:root{--m-xs: .5rem;--m-s: 1rem;--m-m: 2rem;--m-l: 3rem}.workspace{display:flex;flex-direction:row;justify-content:space-between}.pane{flex:1;height:100%}.pane>.card{margin:0 1em 2em;flex-grow:1}.pane>.card:first-of-type{margin-left:var(--m-s)}.pane>.card:last-of-type{margin-right:var(--m-s)}}.absolute{position:absolute}.fixed{position:fixed!important}.block{display:block}.bottom{bottom:0}.flex{display:flex}.flex-col{display:flex;flex-direction:column!important}.flex-row{display:flex;flex-direction:row!important}.flex-wrap{display:flex;flex-wrap:wrap}.multipill{border:1px solid var(--color-shadow-heavy)}.multipill:not(:last-of-type){border-top-right-radius:0;border-bottom-right-radius:0}.multipill:not(:first-of-type){border-top-left-radius:0;border-bottom-left-radius:0}.space-around{justify-content:space-around}.gap-s{gap:var(--m-s)}.gap-xs{gap:var(--m-xs)}.right{right:0}.ml-auto{margin-left:auto}.my{margin-top:auto;margin-bottom:auto}.my-0{margin-top:0;margin-bottom:0}.my-s{margin-top:var(--m-s);margin-bottom:var(--m-s)}.my-m{margin-top:var(--m-m);margin-bottom:var(--m-m)}.mx,.mx-auto{margin-left:auto;margin-right:auto}.mx-s{margin-left:var(--m-s);margin-right:var(--m-s)}.mb-0{margin-bottom:0}.mt-0{margin-top:0}.mt-1\/2{margin-top:50vh}.mt-1\/3{margin-top:calc(100vh / 3)}.mt-s{margin-top:var(--m-s)}.px-s{padding-left:var(--m-s);padding-right:var(--m-s)}.pt-s{padding-top:var(--m-s)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-wrap{white-space:normal}.layout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100vw,380px),1fr));gap:1rem}.noselect{-webkit-user-select:none;user-select:none}.border{border:var(--line-width-1) solid var(--color-shadow);border-radius:var(--border-radius-1)}.border-bottom{border-bottom:var(--line-width-1) solid var(--color-shadow)}.border-radius-right-0{border-top-right-radius:0;border-bottom-right-radius:0}.border-radius-left-0{border-top-left-radius:0;border-bottom-left-radius:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.relative{position:relative}.full{position:absolute;top:0;left:0;width:100%;height:100%}.viewport{width:100vw;height:100vh;height:100dvh}.top,.top-0{top:0}.top-1\/2{top:50dvh}.top-1\/3{top:calc(100dvh / 3)}.top-2\/5{top:40dvh}.translate-y-1\/2{transform:translateY(-50%)}.right-0{right:0}.bg-white{background-color:#fff}.p-4{padding:var(--m-m)}.rounded-lg{border-radius:var(--border-radius-2)}.shadow-md{box-shadow:0 4px 6px -1px var(--color-shadow),0 2px 4px -1px var(--color-shadow-mid)}.noshadow:hover{box-shadow:none!important}.max-w-md{max-width:28rem}.w-fit{width:fit-content}.w-full{width:100%}.w-50{min-width:50%}.h-auto{height:auto}#app{max-height:100dvh;max-height:-webkit-fill-available;width:100%}.backdrop{-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter)}.card{border:var(--line-width-1) solid transparent;box-shadow:0 1px 3px var(--color-shadow),0 1px 2px var(--color-shadow-mid);transition:border-color var(--animation-speed-1),box-shadow var(--animation-speed-2);border-radius:8px;padding:20px}.card:hover{box-shadow:0 14px 28px var(--color-shadow-heavy),0 10px 10px var(--color-shadow-mid);border-color:var(--color-accent-hover)}.card>a:only-child{text-decoration:none;color:inherit}.workspace{display:flex;flex-direction:column;flex:1;width:100%}.pane{display:flex;flex-direction:column;min-width:50vw;min-height:50vh;transition:width var(--animation-speed-1)}.modal{position:absolute;left:0;top:0;width:100vw;height:100dvh}.container{width:90%;max-width:1200px;margin:0 auto;padding:20px}.container section:not(:last-child){margin-block-end:var(--m-m)}.controls{display:flex;padding:var(--m-s)}.controls>button:not(:last-of-type){margin-right:var(--m-s)}.controls>button:last-of-type{margin-left:auto}.watermark{position:fixed;top:0;left:0;margin:0;font-size:1rem;opacity:.5;overflow:hidden}.title{text-align:center}.bg-primary{background-color:var(--color-bg-primary)}.bg-transparent{background-color:transparent}.bg-shadow{background-color:var(--color-shadow)}.bg-shadow-mid{background-color:var(--color-shadow-mid)}.bg-shadow-heavy{background-color:var(--color-shadow-heavy)}a{color:var(--color-text-primary);text-decoration:underline dashed}.overflow-hidden{overflow:hidden}.va-baseline{vertical-align:baseline}.success{color:var(--color-success)!important}.error{color:var(--color-error)!important}input.error{border-color:var(--color-error)!important;outline-color:var(--color-error)!important}.bg-success{background-color:var(--color-success);color:var(--color-bg-primary)}.bg-error{background-color:var(--color-error);color:var(--color-bg-primary)}.custom-tooltip{background-color:var(--color-bg-primary);border:var(--line-width-1) solid var(--color-shadow-mid);padding:var(--m-s);border-radius:var(--border-radius-1);box-shadow:0 2px 4px var(--color-shadow);color:var(--color-text-primary);font-family:var(--font-family-alt)}.custom-tooltip p{margin:0;padding:var(--m-xs) 0}.custom-tooltip .label{font-weight:var(--font-weight-semibold);margin-bottom:var(--m-xs)}@media (max-width: 768px){.recharts-xaxis .recharts-text{display:none}}