html,body{display:flex;flex-direction:column;justify-content:space-between;margin:0;padding:0;min-height:100dvh;overflow-x:hidden;font-family:sans-serif}button{border-radius:.3em;padding:.2em .5em;font-size:.8em;-webkit-user-select:none;user-select:none}button:not(:disabled){cursor:pointer}button:not(:disabled):hover,button:not(:disabled):focus{box-shadow:3px 3px 5px 3px #ccc}button:not(:disabled):active,button:not(:disabled).active{box-shadow:inset 3px 3px 5px 3px #ccc}label:has([disabled]){color:#aaa}label:not(:has([disabled])){cursor:pointer;border-radius:.5em}label:not(:has([disabled])):hover{background-color:#eee}.crossfade[inert]{display:inline-block;width:0;height:0}dialog{cursor:default;box-sizing:border-box;box-shadow:8px 8px 10px #444;border-radius:.5em;width:min(90%,800px);max-height:90dvh;font-size:1.5rem}dialog .buttons{display:flex;justify-content:end;gap:.5em}dialog .buttons .primary:not([disabled]){background-color:#06f;color:#fff}dialog .table{display:grid;grid-template-columns:auto 1fr;gap:1em 0;margin-bottom:2em}dialog .table>div{padding:1em 0}dialog .table>:nth-child(odd){display:flex;justify-content:end;align-items:center;border-right:1px solid #ccc;padding-right:.6em;font-weight:700;font-size:1rem}dialog .table>:nth-child(2n+2){padding-left:.6em}dialog .table>:nth-child(4n+3),dialog .table>:nth-child(4n+4){background-color:#f6f6f6}dialog .table input[type=number],dialog .table button{padding:0 .5rem;height:2.5rem}dialog .table input[type=number]{width:3em;font-size:2rem;text-align:right}dialog .table .error{display:block;color:red}dialog .table hr{margin:1.5em 0;border:none;border-top:1px solid #ccc}