body{margin:0;overflow:auto;display:flex;flex-direction:column;font-family:Open Sans,sans-serif;--background: #111111;--primary: whitesmoke;--offset: blue}body>*{background-color:var(--background);color:var(--primary)}#app{min-height:100vh}html{scroll-behavior:smooth}button,button *{cursor:pointer}*,*:after,*:before{box-sizing:border-box}.nodisplay{display:none!important}.wait,.wait *{cursor:wait!important}fill,.flex-fill{flex:1 1}p,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0}::-moz-selection{color:var(--primary);background:var(--offset)}::selection{color:var(--primary);background:var(--offset)}.rainbow-text,.hover-rainbow-text:hover{background-image:linear-gradient(90deg,#ff7f7f,#ffb37f,#d1cc74,#a7dc9a,#9fdad8,#97c9e2,#8eb6ee,#a889f2,#dd6df8,#fe70d9,#ff7f7f);background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.rainbow-bg{background-image:linear-gradient(90deg,#ff7f7f,#ffb37f,#e8e381,#a7dc9a,#9fdad8,#97c9e2,#8eb6ee,#a889f2,#dd6df8,#fe70d9,#ff7f7f)}encoder{width:100%;display:flex;gap:1rem;justify-content:center;align-items:center;padding:2rem}encoder textarea{width:min(95vw,400px);height:8rem}encoder select{height:fit-content;padding:1rem;max-width:95vw}@media (max-width: 600px){encoder{flex-direction:column}}#app{padding:2rem}h1{text-align:center}ruleset{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:2rem;gap:4rem;row-gap:.5rem}rule{display:flex;align-items:center;gap:1rem}rule input{text-align:center;width:4rem;height:4rem;font-size:2rem}menu{width:100%;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;row-gap:1rem}#ruleset-name{width:min(100%,400px)}