body,html{margin:0;padding:0}html[data-theme=dark]{--background:#222;--border:#353535;--foreground:#fafafa;--foreground-alt:#606060;--interactive:#ff50b2;--navigation:#0988ff;--navigation-visited:#687eff;--navigation-focus:#a986ff;--background-accent:radial-gradient(ellipse at 10vw 20vw,var(--navigation) 0%,var(--navigation-focus) 49%,var(--navigation-visited) 100%);--foreground-accent:#f0f1ff;--background-panel:#1c1c1c;--background-input:#171717;--success:#00e380;--failure:#ff0010;--warning:#ffa103;--shadow-low:0px 2px 5px -4px #000;--shadow-high:-4px 14px 10px -9px #060606;--code-default:var(--foreground);--code-keyword:#ff50b2;--code-function:#a37cff;--code-string:#ff8b36;--code-regexp:#e65151;--code-identifier:#2f9aff;--code-annotation:#9b9b9b}html[data-theme=light]{--background:#ededed;--border:silver;--background-panel:#e3e3e3;--background-input:#f7f7f7;--foreground:#1c1c1c;--foreground-alt:#565656;--interactive:#ff50b2;--navigation:#0988ff;--navigation-visited:#687eff;--navigation-focus:#8e64fa;--background-accent:radial-gradient(ellipse at 10vw 20vw,var(--navigation) 0%,var(--navigation-focus) 49%,var(--navigation-visited) 100%);--foreground-accent:#f0f1ff;--success:#00cb57;--success:#00c63b;--failure:#ff0010;--warning:#ff8300;--shadow-low:0px 2px 5px -4px #000;--shadow-high:-4px 14px 10px -9px #595959;--code-default:var(--foreground);--code-keyword:#ff50b2;--code-function:#8157e5;--code-string:#ff8b36;--code-regexp:#f12323;--code-identifier:#0988ff;--code-annotation:#9b9b9b}body{background-color:var(--background);color:var(--foreground);font-family:Inter;line-height:1.75rem;*{scrollbar-color:var(--interactive) transparent;scrollbar-width:thin}code{background:var(--background-input);transition:color .2s,background-color .2s}a,button,input{background:none;border:none;box-sizing:content-box;color:var(--foreground);cursor:pointer;font-family:Inter;font-size:1rem}a{color:var(--navigation);&:hover{color:var(--navigation-focus)}&:visited{color:var(--navigation-visited)}}.icon{font-size:1.25rem}.input-label{font-size:.75rem}input.hidden{border:none;left:0;opacity:0;outline:none;position:absolute;top:0;width:0;&:focus{outline:none}}}h1,h2,h3,h4,h5{font-family:Montserrat;font-weight:500}a{border-bottom:.15rem solid;text-decoration:none}.mega{font-family:Montserrat;font-size:4.5rem;font-weight:600;line-height:5rem}.textbook{font-family:Inter}.notebook{font-family:Edu TAS Beginner,cursive;font-optical-sizing:auto;font-size:1.25em;font-style:normal;font-weight:400}.gutter{padding:1rem}.gutter,.gutter-v{box-sizing:border-box}.gutter-v{padding-bottom:1rem;padding-top:1rem}.gutter-h{box-sizing:border-box;padding-left:1rem;padding-right:1rem}button.action{background:none;border-color:var(--border);border-image-slice:1;border-image-source:var(--background-accent);border-style:solid;border-width:2px;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;&.focused,&:focus{border-color:var(--interactive);box-shadow:0 0 12px 0 var(--interactive);outline:solid 2px var(--interactive)}&:disabled{border:2px solid var(--border);color:var(--foreground-alt)}}button.tile{background:var(--background-input);border:2px solid var(--background-input);box-shadow:var(--shadow-low);font-size:.85rem;&.focused,&:focus{box-shadow:0 0 12px 0 var(--interactive);outline:solid 2px var(--interactive);z-index:1}&:disabled{border:2px solid var(--background-input);box-shadow:none;color:var(--foreground-alt)}}button.icon{border:none;border-radius:50%;box-sizing:border-box;color:var(--interactive);display:inline-block;font-size:.85rem;height:1.5rem;padding:0;width:1.5rem;&.focused,&:focus{box-shadow:0 0 12px 0 var(--interactive);outline:solid 2px var(--interactive)}&:disabled{color:var(--foreground-alt)}}.state-switch{display:flex;button{border:1px solid transparent;margin-left:2px;padding:.5rem 1rem .5rem .5rem;+button{border-left:none}&:first-child{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem;margin-left:0}&:last-child{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}&:before{background:var(--border);border-radius:50%;content:" ";display:inline-block;height:.75rem;margin:0 .5rem;width:.75rem}&.active:before{background:var(--interactive)}}}.clickable{cursor:pointer}pre{font-size:1rem;text-align:left;code{background:var(--background-input);display:block;padding:1rem;white-space:pre}}code{border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);border-radius:.1em;color:var(--code-default);font-family:Source Code Pro;padding:.15em .25em;white-space:preserve;.keyword{color:var(--code-keyword)}.function{color:var(--code-function)}.number{color:var(--code-keyword)}.string{color:var(--code-string)}.regexp{color:var(--code-regexp)}.type.identifier{color:var(--code-identifier)}.annotation{color:var(--code-annotation)}}table{border-spacing:0;td,th{border-right:1px solid var(--background);padding:.25rem;vertical-align:text-top;&:last-child{border-right:none}}th{border-bottom:1px solid var(--foreground);color:var(--interactive);text-align:left}td{background:var(--background-input);border-bottom:1px solid var(--background);hr{background:var(--background);border:none;color:none;height:.5rem;margin:0 -.25rem}}tbody tr:hover{outline:solid 1px var(--background-accent);td{background:var(--background)}}}@media only screen and (max-width:1023px){html{font-size:4vw}.desktop{display:none}}@media only screen and (min-width:1024px){html{font-size:16px}.mobile{display:none}}#overlays{position:fixed;z-index:101}#modals{>*{display:none;&:last-child{display:flex}}}