:root{--max-width:720px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0;--primary-glow:radial-gradient(rgba(1,65,255,.4),rgba(1,65,255,0));--secondary-glow:linear-gradient(to bottom right,rgba(1,65,255,0),rgba(1,65,255,0),rgba(1,65,255,.3));--tile-start-rgb:2,13,46;--tile-end-rgb:2,5,19;--tile-border:conic-gradient(#ffffff80,#ffffff40,#ffffff30,#ffffff20,#ffffff10,#ffffff10,#ffffff80);--callout-rgb:20,20,20;--callout-border-rgb:108,108,108;--card-rgb:100,100,100;--card-border-rgb:200,200,200}*{box-sizing:border-box;padding:0;margin:0}@font-face{font-family:opepen;src:url(/fonts/opepenfont.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Helvetica Bold;src:url(/fonts/helvetica-Bold.ttf) format("truetype");font-weight:400;font-style:normal}body,html{max-width:100vw;overflow:auto;color-scheme:dark}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));font-family:var(--font-sans)}a{color:inherit;text-decoration:none}main{display:flex;flex-direction:column;gap:10px;max-width:var(--max-width);margin:auto;align-items:center;padding:6rem;min-height:100vh}select{padding:10px;margin:10px 0;border:1px solid #333;width:100%;border-radius:5px;background-color:#000}.grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;align-items:flex-start;width:100%;max-width:var(--max-width)}input[type=text]{width:100%;padding:10px;margin:10px 0;border:1px solid #333;border-radius:5px;background-color:#000;color:#fff}code{font-size:14px}button{cursor:pointer;width:max-content;padding:.25rem .5rem;color:#fff;background-color:#222;outline:none;border-radius:5px;font-size:12px;border:1px solid #111}@media screen and (max-width:600px){main{padding:2rem}}html{color-scheme:dark!important}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:1px;background-color:#000}::-webkit-scrollbar{width:1px!important;background-color:#f5f5f5}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:0;margin:10px 0;border-radius:5px;background-color:#000;color:#fff}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;margin-top:-2px;background:#aaaa!important;border-radius:50%;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;width:100%;height:5px;cursor:pointer;background:#333;border-radius:5px}input[type=color]{width:16px;height:16px;padding:0!important;border-radius:2px;border:1px solid #333}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}label{font-size:12px;color:#888;width:100%}input,textarea{border:1px solid #333;background-color:#000;color:#fff;width:100%;border-radius:10px;padding:10px;outline:none}