@charset "UTF-8";*{box-sizing:border-box}html,body{margin:0;border:0;padding:0}html{font-size:10px}body{font-family:Roboto,Helvetica Neue,sans-serif;color:#647387;font-size:1.5rem;background-color:#fcfcff}strong{font-weight:500}h1,h2,h3{width:100%;margin:0;text-align:center;font-weight:500}h1{font-size:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}h2{font-size:1.75rem}h3{font-size:1.5rem}ul{padding:0 2rem}button{min-width:6.5rem;height:2.75rem;border:.1rem solid #C8CDD2;padding:.5rem .75rem;border-radius:.5rem;background:none;color:#647387;cursor:pointer;font-family:Roboto,Helvetica Neue,sans-serif;font-size:1.2rem;line-height:1}button:hover{background:#f8f8ff}input[type=radio]{cursor:pointer}input[type=number]{width:10rem;height:3rem;border-radius:.5rem;border:.1rem solid #C8CDD2;font-size:2rem;color:#647387}input[type=number]:focus-visible{border:.1rem solid #647387;outline:none}input[type=range]{-webkit-appearance:none;appearance:none;background:#c8cdd2;cursor:pointer;width:20rem;height:.7rem;border-radius:.5rem;accent-color:coral}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#647387;height:1.5rem;width:1.5rem;border-radius:50%}input[type=range]::-moz-range-thumb{background-color:#647387;height:1.5rem;width:1.5rem;border-radius:50%}::-webkit-scrollbar{width:.7rem}::-webkit-scrollbar-track{border-radius:1rem;background:#f0f0f0}::-webkit-scrollbar-thumb{border-radius:1rem;background:#c8cdd2}::-webkit-scrollbar-thumb:hover{background:#b4b9c3}main{min-height:calc(100vh - 5rem);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}menu{position:fixed;z-index:2}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:before{padding:0 1rem;content:"\25b6";font-size:1.5rem;transition:transform .2s ease;color:#b4b9c3;display:inline-block}details[open]>summary:before{transform:rotate(90deg)}.bold{font-weight:600}.disabled{cursor:not-allowed;opacity:.7}