:root{--grey-9: #cdd6f4;--grey-8: #bac2de;--grey-7: #a6adc8;--grey-6: #9399b2;--grey-5: #7f849c;--grey-4: #585b70;--grey-3: #45475a;--grey-2: #313244;--grey-1: #181825;--grey-0: #11111b;--grey-0-alpha-50: #11111b80;--yellow: #ffc639;--pink: #ea7aa1}*{box-sizing:border-box}html{font-family:SF Pro,system-ui,sans-serif;font-size:14px}body{color:var(--grey-9);background:var(--grey-0);margin:0;padding:0}.no-scroll{overflow:hidden}::selection{color:#000;background:var(--yellow)}.icon{display:inline-block;width:1.25em;height:1.25em;vertical-align:top}.initial-load-container{display:flex;align-items:center;justify-content:center;text-align:center;height:100vh}.initial-load-container h1{font-weight:500}.initial-load-container h1 img{filter:grayscale(1)}.initial-load-container p{max-width:60ch;width:calc(100vw - 1em)}.initial-load-container p a:any-link{color:var(--yellow)}.initial-load-container .error-details{color:var(--grey-6);text-align:left;font-family:monospace}#canvas{display:none}.flex-grow{flex-grow:1}html,.App{background:var(--grey-0)}.initial-load-container,#splash-page{background:linear-gradient(180deg,transparent 0,var(--grey-0) 600px),fixed 0 0/20px 20px radial-gradient(var(--grey-2) 1px,transparent 0),fixed 10px 10px/20px 20px radial-gradient(var(--grey-2) 1px,transparent 0),var(--grey-0)}#splash-page header{padding:.3em 1em;height:3.25em;background:var(--grey-0-alpha-50);backdrop-filter:blur(10px);border-bottom:1px solid var(--grey-2);position:sticky;top:0;width:100%;height:40px;z-index:1}#splash-page header h1{margin:0;padding:0;font-size:1.25em;font-weight:400;display:inline-block;line-height:1.7307692308em}#splash-page header h1 .icon{vertical-align:sub}#splash-page header .author{margin:0 .5em;color:var(--grey-8)}#splash-page header .author a{color:var(--grey-9);text-decoration:none;border-bottom:1.5px solid currentColor}#splash-page header .right{float:right;display:flex;align-items:center;gap:1em;height:2.25em}#splash-page header .button{height:2.25em;text-decoration:none}#splash-page .hero{text-align:center;padding:6em 2em 0}#splash-page .hero-logo{margin:0;padding:0;width:24em;max-width:100%;aspect-ratio:56/15}#splash-page .hero-description{font-size:2.1em;font-family:SF Pro Rounded,system-ui,sans-serif}@media(max-width:600px){#splash-page .hero-description{font-size:24px}}#splash-page a{color:inherit}#splash-page .link,#splash-page p a{display:inline-block;color:inherit;font-weight:500}#splash-page .link:hover,#splash-page p a:hover{color:var(--yellow)}#splash-page .link:active,#splash-page p a:active{transform:translateY(1px)}#splash-page main,#splash-page .section-container{padding:1em;margin:0 auto;max-width:36em}#splash-page main p,#splash-page main ul,#splash-page main hr,#splash-page .section-container p,#splash-page .section-container ul,#splash-page .section-container hr{margin-inline:auto;max-width:30em;font-size:16px;line-height:1.6}#splash-page main hr,#splash-page .section-container hr{border:0;border-top:1px solid var(--grey-2);margin-block:2em}#splash-page main small,#splash-page .section-container small{color:var(--grey-8)}#splash-page main section:not(:first-child),#splash-page .section-container section:not(:first-child){margin:4em 0}#splash-page .button{display:inline-flex;align-items:center;justify-content:center;padding:.5em 1.25em;border:1px solid var(--grey-3);border-bottom-width:2px;border-radius:4px;text-decoration:none;text-align:center;font-weight:600;user-select:none}#splash-page .button:hover{background:var(--grey-1)}#splash-page .button:active{transform:translateY(1px)}#splash-page .big{padding:.75em 2em}#splash-page .cta{color:#000;background:var(--pink);border-color:#ac5372}#splash-page .cta:hover{background:#d36e91}#splash-page .buttons{display:flex;align-items:center;gap:1em}#splash-page .center{text-align:center}#splash-page .screenshot{display:block;margin:0 auto;width:100%;max-width:1115;aspect-ratio:1115/769;background:url(/assets/screenshot-B1b_cOL8.png) no-repeat top center/cover}@media(max-width:800px){#splash-page .screenshot{background-size:780.5 538.3;position:relative}#splash-page .screenshot:after{content:"";position:absolute;bottom:0;width:100%;height:100px;background:linear-gradient(transparent,var(--grey-0))}}