:root{background-color:#fff;color-scheme:light dark;font-family:Libre Baskerville,serif;word-break:break-word}body{display:flex;margin:0}main{background-color:#fff;margin:0 auto;padding:0 calc(2em + 2ex);position:relative;width:44em}@media (min-width:40em) and (min-height:20em){main{border-radius:12px;margin:5vh auto}}main>div{border-radius:inherit}section{margin:calc(2em + 2ex) calc(-2em - 2ex);padding:calc(2em + 2ex)}section+section{margin-top:calc(-2em - 2ex - 1px)}section>:last-child{margin-bottom:0}section:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit;border-top-width:0;margin-top:0}section:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-bottom-width:0;margin-bottom:0}.sidebar,.sidebar-container{width:15em}.sidebar{background-color:#fff;left:0;margin:10px;position:fixed;top:0}.sidebar p{font-size:.75em}*{box-sizing:border-box;line-height:calc(1em + 1ex)}h1,p{margin-bottom:1em;margin-top:calc(1em + 1ex)}h1{font-size:1.2em;font-weight:100}a{color:#0367d8;text-decoration:none;transition:.2s;transition-property:color}a:focus,a:hover,a:target{color:inherit}template{display:none}.editor{margin-top:30px;max-width:100%;overflow:hidden;position:relative}.draw,textarea{word-wrap:break-word;background:transparent;border:none;box-sizing:border-box;font-family:Libre Baskerville;font-size:16px;height:100%;letter-spacing:normal;line-height:calc(1em + 1ex);margin:0;outline:none;overflow:hidden;padding:0;resize:none;white-space:pre-wrap;width:100%}.draw{color:transparent;-webkit-print-color-adjust:exact}textarea{color:inherit;position:absolute;top:0}.credits{text-align:center}@media (prefers-color-scheme:dark){:root{background-color:#111316;color:#f1f2f4}main{background-color:#0b0d0e}@media (min-width:40em) and (min-height:20em){main{border-color:#1c1f24}}.highlight{background-color:#060607}section{border-color:#1c1f24}}