@font-face{font-family:Shure Tech Mono Boxes;font-weight:400;src:url(/assets/ShureTechMonoNF-T8b1zqi1.ttf)}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative}body{min-height:100vh;font-family:Shure Tech Mono Boxes,monospace;font-display:swap}.dev-panel{background:#fff;border:1px solid black;position:fixed;inset:0 0 auto auto;font-size:1rem;z-index:10;margin:1rem;padding:1rem;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:flex-end;transition:opacity .2s ease-in-out}.candy .dev-panel{background:#1a001a80;box-shadow:0 0 .5rem purple;opacity:0}.candy .dev-panel:hover{opacity:1}.candy .dev-panel label:first-of-type{display:initial;position:absolute;inset:0 auto auto 0}.candy .dev-panel label:first-of-type input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.candy .dev-panel input[type=checkbox]{accent-color:purple}.candy .dev-panel textarea{background:#000;color:#ffa200}.dev-panel.pinned{opacity:1}.dev-panel label:first-of-type{display:none}.dev-panel input{cursor:pointer}.dev-panel input[type=checkbox]{width:1 rem;height:1 rem;margin-inline-start:.5rem}.dev-panel textarea{max-width:20rem;min-width:15rem}#app{top:0;right:0;bottom:0;left:0;position:absolute}main{cursor:pointer;height:100%}main.candy{line-height:1.1;color:#ffad1f;background:#000}main.candy:after{pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(153,97,0,.1) 40%,rgba(153,97,0,.2) 47.5%,rgba(255,162,0,.2) 50.1%,rgba(255,162,0,.12) 51%,rgba(153,97,0,.1),rgba(51,32,0,.2) 90%,transparent),repeating-linear-gradient(transparent 0 2px,#22222230 4px,#22222230 4px);animation:crt-bands 60s linear infinite;z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;content:"";box-shadow:0 0 10rem 10rem #64646466 inset}main.candy .overlay{background-image:url(/assets/overlay-DENWxrlC.png);position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}main.candy #wrapper{letter-spacing:1px;animation:glow 10s linear infinite;padding:8vh 8vw 12vh 8vw}main.candy #wrapper ::selection{color:#000;background:#ffa200}main.candy #wrapper:after{content:"";background:linear-gradient(to bottom,black 8%,transparent 12%);top:0;right:0;bottom:0;left:0;position:absolute;pointer-events:none}main.candy #input{caret-color:#ffa200}main.candy #input:before{color:#fff700;font-weight:700;text-shadow:0 0 .3rem white}main.candy #output{-ms-overflow-style:none;scrollbar-width:none}main.candy #output::-webkit-scrollbar{display:none}main.candy #output a{color:#ffa200}main.candy #output span.prompt{color:#fff700;font-weight:700;text-shadow:0 0 .3rem white}#wrapper{display:flex;flex-direction:column;height:100%;font-weight:400;font-size:1rem}#output{padding:0 1rem;overflow-y:scroll;display:flex;flex-direction:column-reverse;justify-content:flex-start;width:100%}#output pre{font:inherit;overflow:hidden}#input{padding:0 1rem}#input:before{content:">>>";position:absolute;inset:0 auto 0 1rem}#input input{font:inherit;color:inherit;letter-spacing:inherit;background:inherit;text-shadow:inherit;border:none;width:100%;padding-left:3.2rem}#input input:focus{outline:0}.output-move,.output-enter-active,.output-leave-active{transition:all .3s linear}.output-enter-from,.output-leave-to{opacity:0}.output-leave-active{position:absolute}@keyframes crt-bands{0%{background-position-y:0,0}to{background-position-y:100vh,-20vh}}@keyframes glow{0%{text-shadow:0 0 .25rem #ffa200}98%{text-shadow:0 0 .25rem #ffa200}to{text-shadow:0 0 1rem #ffa200}}
