@font-face{font-family:RocknRollOne;font-weight:500;src:url(/assets/RocknRollOne-Regular-DouXNJKA.ttf) format("truetype")}:root{all:unset;font-family:RocknRollOne}html,body,main{width:100%;min-height:100%;margin:0}html{overflow:hidden;height:100%}h1,h2,h3,h4,h5,h6{margin:0}body{height:100%;overflow:auto}body.no-scroll{overflow:hidden}header{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#667eea}main{margin:2rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem}section{display:flex;flex-direction:row;gap:.5rem}input{font-family:RocknRollOne;padding:1rem;font-size:1.1rem;border:2px solid #ddd;border-radius:1rem;outline:none;transition:border-color .1s}input:focus{border-color:#667eea}button{font-family:RocknRollOne;background:#667eea;color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;border-radius:1rem;cursor:pointer;transition:background .1s}button.tiny{padding:.2rem .5rem;font-size:.8rem;border-radius:.5rem}button:hover{background:#525dbe}button:disabled{background:#a7b0f9;cursor:default}input[type=range]{border:none;position:fixed;background:#a7b0f9;transition:background .1s}input[type=range]:hover{background:#667eea}input[type=range]::-webkit-slider-thumb{border:none;width:2rem;height:2rem;border-radius:50%;background:#525dbe;cursor:pointer}input[type=range]::-moz-range-thumb{border:none;width:2rem;height:2rem;border-radius:50%;background:#525dbe;cursor:pointer}