:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100dvh}#app{max-width:1280px;margin:0 auto;padding:1rem;text-align:center}a{font-weight:600;color:#4682b4;text-decoration:inherit}a:hover{color:#e45633}.border{border:1px solid lightgray;border-radius:5px}button{display:inline-block;border-radius:8px;border:1px solid gray;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#d3d3d3;cursor:pointer;transition:border-color .25s}button:hover{border-color:#00f}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-row-center{display:flex;flex-direction:row;align-items:center}.grow{flex-grow:1}h1{font-size:3.2em;line-height:1.1;margin:10px 0}.box-300px{border:2px solid gray;border-radius:8px;background-color:#ccc4c4de;width:300px;min-height:200px;padding:10px}.card{padding:2em}.m-2{margin:2px}.m-10{margin:10px}.mb-10{margin-bottom:10px}.mr-10{margin-right:10px}.ml-10{margin-left:10px}.mt-10{margin-top:10px}.mx-10{margin-left:10px;margin-right:10px}.my-10{margin-top:10px;margin-bottom:10px}.w-50{width:50px}.w-100{width:100px}router-link[data-v-3665dce5]{font-size:larger;text-decoration:none;color:#4682b4}nav ul[data-v-800ec5e7]{display:flex;gap:10px;list-style:none;padding:0}nav ul li[data-v-800ec5e7]{display:inline}nav ul li a[data-v-800ec5e7]{text-decoration:none;color:#4682b4;font-weight:600;font-size:larger;cursor:pointer}nav ul li a[data-v-800ec5e7]:hover{text-decoration:underline;color:#8b0000}.border-bottom[data-v-800ec5e7]{border-bottom:1px solid gray}