@font-face{font-family:"Berkeley Mono";src:local("Berkeley Mono"),url("/assets/fonts/BerkeleyMono-Regular.woff") format("woff")}@font-face{font-family:"Berkeley Mono";font-weight:bold;src:local("Berkeley Mono"),url("/assets/fonts/BerkeleyMono-Bold.woff") format("woff")}@font-face{font-family:"Berkeley Mono";font-style:italic;src:local("Berkeley Mono"),url("/assets/fonts/BerkeleyMono-Italic.woff") format("woff")}@font-face{font-family:"Berkeley Mono";font-weight:bold;font-style:italic;src:local("Berkeley Mono"),url("/assets/fonts/BerkeleyMono-BoldItalic.woff") format("woff")}header{padding:16px;font-size:4rem}header h1{display:inline;margin:0;margin-left:-4px;font-size:1em;text-transform:uppercase}header h1 a{padding:0 4px;text-decoration:none}header h1 a:focus{background-color:inherit}header h1 .dot{width:auto;height:.375em;margin-top:-0.15em;vertical-align:middle;animation:rotation 4s infinite reverse linear;cursor:help}header>.actions{position:absolute;top:2px;right:26px;border:2px solid #000;box-shadow:2px 2px #000;box-sizing:border-box;text-align:center;font-size:16px}header>.actions>.feed{display:block;width:20px;height:20px;background-color:#fff}header>.actions>.feed:hover{background-color:#ff8c00}header>.actions>.feed img{padding-top:2px;width:16px;height:16px}header>#egg{display:none}header>#egg:target{display:block}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@media(width <= 800px){header{font-size:2rem;padding:8px}}@media(width <= 400px){header{font-size:1rem;padding:4px}}footer>#git{position:absolute;bottom:calc(100% + 8px + 2px);left:10px;height:32px;width:32px;background-color:#f2f2f2;border:2px solid #000;box-shadow:2px 2px #000;box-sizing:border-box;opacity:.4}footer>#git:target{width:calc(100vw - 52px);max-width:800px;height:auto;opacity:1;z-index:1}footer>#git:target .open{display:none}footer>#git:target .close,footer>#git:target .content{display:block}footer>#git:hover,footer>#git:has(.open:focus){opacity:1}footer>#git .open,footer>#git .close{position:absolute;display:block;bottom:0;left:0;width:28px;height:28px;box-sizing:border-box}footer>#git .open>img,footer>#git .close>img{display:block;width:24px;height:24px;padding-top:2px;padding-left:2px}footer>#git .open>img.selected{display:none}footer>#git .open:focus>img{display:none}footer>#git .open:focus>img.selected{display:block}footer>#git .close,footer>#git .content{display:none}footer>#git .close{height:29px;width:29px;background-color:#ff8c00;border:1px solid #000;border-bottom-width:0;border-left-width:0}footer>#git .content{padding:0;padding-left:40px;min-height:100px;max-height:240px;box-sizing:border-box;overflow-y:auto}footer>#git .content>.actions{position:absolute;left:0;bottom:29px;width:29px}footer>#git .content>.actions>a{display:block;height:29px;background-color:#f2f2f2;border:1px solid #000;border-bottom-width:0;border-left-width:0;box-sizing:border-box;text-decoration:none;text-align:center;font-size:24px;line-height:26px}footer>#git .content>.actions>a:hover,footer>#git .content>.actions>a:focus{color:#fff;background-color:#ff8c00}footer>#git .content table{margin:0 auto;width:100%;background-color:#ccc;border-collapse:collapse;border:2px solid #000;border-top-width:0;border-bottom-width:0;border-right-width:0}footer>#git .content table:has(tbody tr:nth-child(8)){border-right-width:2px}footer>#git .content table:has(tbody tr:nth-child(3)) tbody tr:last-child td{border-bottom-width:0}footer>#git .content table thead th,footer>#git .content table tbody td{padding:4px 8px}footer>#git .content table thead th{background-color:#e6e6e6;border:2px solid #000;border-top-width:0;border-left-width:0}footer>#git .content table thead th:last-child{border-right-width:0}footer>#git .content table tbody td{border:2px solid #000;border-top-width:0;border-left-width:0;border-bottom-style:dashed}footer>#git .content table tbody td:nth-child(2){word-break:break-word}footer>#git .content table tbody td[colspan="3"]{text-align:center}footer>#git .content table tbody td:last-child{border-right-width:0}footer>#git .content table tbody tr:last-child td{border-bottom-style:solid}footer nav{position:absolute;bottom:100%;right:0;background-color:#d9d9d9;border:2px solid #000;border-bottom-width:0;font-size:1.5rem}footer nav>ul{margin:0;padding:16px;list-style:none}footer nav>ul>li{padding:0;margin-bottom:16px}footer nav>ul>li:last-child{margin-bottom:0}footer nav>ul>li .button>a{display:block;position:relative;padding:.1em 16px .1em 32px;background-color:#f2f2f2;border:1px solid #000;box-shadow:2px 2px #000;text-align:right}footer nav>ul>li .button>a:focus{color:#fff;background-color:#b3b3b3;text-decoration-color:#ff8c00}footer nav>ul>li .button>a:active,footer nav>ul>li .button:hover>a:active{top:0;left:0;color:#fff;background-color:gray;box-shadow:2px 2px #000;text-decoration-color:#ff8c00}footer nav>ul>li .button:hover>a{top:-4px;left:-4px;box-shadow:6px 6px #000}footer nav>ul>li .button.here>a{top:2px;left:2px;color:#fff;background-color:gray;box-shadow:-2px -2px #000}footer nav>ul>li .button.here:hover>a{top:6px;left:6px;box-shadow:-6px -6px #000}footer>.content{padding:4px;margin-bottom:8px;border:2px solid #000;background-color:#f2f2f2;font-size:.75rem;text-align:center}footer>.content p{margin:0}footer>.content .cc .icon{width:auto;height:1rem;margin-left:.5em;vertical-align:bottom}footer>.content .cc .icon:first-of-type{margin-left:1em}@media(width <= 800px){footer nav{position:fixed;bottom:5rem;left:calc(100% - 30px);background-color:rgba(0,0,0,0);border:none;font-size:1rem}footer nav>ul{display:flex;flex-flow:row-reverse nowrap;gap:8px;writing-mode:vertical-rl;transform:rotate(-180deg);padding:0}footer nav>ul>li{margin-bottom:0}footer nav>ul>li .button>a{padding-left:2px;padding-right:0;border:2px solid #000;box-shadow:-2px -2px #000}footer nav>ul>li .button>a:active,footer nav>ul>li .button:hover>a:active{box-shadow:-2px -2px #000}footer nav>ul>li .button:hover>a{top:4px;left:4px;box-shadow:-6px -6px #000}footer nav>ul>li .button.here>a{top:-2px;left:-2px;box-shadow:2px 2px #000}footer nav>ul>li .button.here:hover>a{top:-6px;left:-6px;box-shadow:6px 6px #000}footer>.content{margin-bottom:0;border:none}}:link,:visited{color:inherit;text-decoration-color:#ff8c00}:focus{color:#000;background-color:#ff8c00;text-decoration-color:#000;outline:none}html{padding:8px;box-sizing:border-box;font-family:"Berkeley Mono",monospace;font-size:16px;background-color:#000;color:#ff8c00}body{margin:0;min-height:calc(100vh - 16px);border:2px solid #ff8c00;box-sizing:border-box;display:flex;flex-flow:column nowrap;background-color:#000;overscroll-behavior:none}header{background-color:#000;font-size:1rem;padding:4px}header h1 .dot{cursor:pointer}main{position:relative;padding:0;border:2px solid #ff8c00;border-left-width:0;border-right-width:0;flex-grow:1;display:flex;flex-flow:column nowrap}main>article{position:relative;flex-grow:1;display:flex;flex-flow:row nowrap}main>article>section{position:relative}main>article>section>h2{position:absolute;top:16px;left:-8px;height:max-content;margin:0;padding:4px 0;font-size:13px;line-height:1em;text-align:right;writing-mode:vertical-rl;transform:rotate(-180deg);background:#000;border:2px solid #ff8c00;box-shadow:-2px -2px #ff8c00}main>article>section .buttons{display:flex;flex-flow:row;justify-content:flex-end;align-items:flex-start}main>article>section button{display:inline-block;margin:0;margin-left:16px;font-family:"Berkeley Mono",monospace;font-size:16px;background-color:#000;color:#ff8c00;border:2px solid #ff8c00;box-shadow:2px 2px #ff8c00;cursor:pointer}main>article>section button:focus{background-color:#ff8c00;color:#000}main>article>#graph-input{padding:24px;flex:1 1 auto;border:2px solid #ff8c00;border-top-width:0;border-bottom-width:0;border-left-width:0}main>article>#graph-input>h2{cursor:pointer;padding-bottom:1.5em}main>article>#graph-input>h2::after{bottom:4px;right:-1px;position:absolute;display:block;content:"↑"}main>article>#graph-input .code-editor{height:512px;position:relative;background-color:#262335;border:2px solid #ff8c00;margin-bottom:16px}main>article>#graph-input .code-editor>#code-input,main>article>#graph-input .code-editor>#code-output{position:absolute;left:0;top:0;right:0;bottom:0}main>article>#graph-input .code-editor .shiki{height:100%}main>article>#graph-input .code-editor #code-input,main>article>#graph-input .code-editor .shiki{padding:8px;margin:0;font-size:16px;outline:none;border:none;overflow:auto;box-sizing:border-box}main>article>#graph-input .code-editor #code-input{white-space:nowrap;background:rgba(0,0,0,0);color:rgba(255,255,255,.4);caret-color:#fff;resize:none}main>article>#graph-input #render-status{flex-grow:1;margin:0;font-weight:bold;white-space:pre}main>article>#graph-input.closed{padding:0;width:0;flex:0 0 0;border:0;z-index:1}main>article>#graph-input.closed>h2::after{content:"↓"}main>article>#graph-input.closed>div{display:none}main>article>#graph-input.closed+#graph-output{flex-grow:1}main>article>#graph-output{padding:24px;flex:0 0 512px}main>article>#graph-output>h2{top:96px}main>article>#graph-output #canvas{display:block;margin:0 auto 16px;width:512px;height:512px;border:2px solid #ff8c00}footer{position:fixed;bottom:0;left:8px;width:calc(100% - 16px);background-color:#000}footer>.content{border-color:#ff8c00;background-color:#000}footer>.content>.cc a .icons{display:inline}footer>.content>.cc a .alt-icons{display:none}footer>.content>.cc a:focus .icons{display:none}footer>.content>.cc a:focus .alt-icons{display:inline}@media(width <= 800px){footer{position:relative;width:auto;left:0}}