*{margin:0;padding:0;box-sizing:border-box}canvas{outline:none;margin:auto}body{font-family:system-ui}main,header,footer{width:800px;margin:auto;padding-inline:8px}footer{margin-bottom:env(safe-area-inset-bottom)}@media (max-width: 800px){main,header,footer{width:auto}}footer{margin-top:40px}h1{text-align:center}h1,h2,h3,h4,h5,h6{font-weight:400}h2{font-size:1.3rem}ul{margin-top:4px}li{margin-block:4px}main{display:grid;align-items:stretch;margin:auto;row-gap:8px}.m-1{margin:2px}.m-2{margin:4px}button{font-size:1.2rem;padding-block:8px}table,.tabular-nums{font-variant-numeric:tabular-nums}#output-table th,#output-table td{padding:4px}#output-table th{text-align:right}textarea{border-radius:8px;padding:4px}select{padding:6px;border-radius:6px}.display-none{display:none}.btn{background-color:#fff;border:none;border:.5px solid #bbbbbb;color:#000;padding:8px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;border-radius:8px;transition:background-color .3s ease}.btn:hover{background-color:#ecefec}.btn:active{background-color:#d5d5d5}.btn:disabled{background-color:#d5d5d5;cursor:auto}.box{display:grid;align-items:stretch;margin:auto;gap:8px;width:100%;border:1px solid #bbbbbb;border-radius:8px;padding:8px}